@charset "UTF-8";
/* CSS Document */

body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; background-color: #FFFFFF; margin: 0px; padding: 0px; min-width: 940px; }
#masthead { background-image: url(img/datatex_iq_masthead.jpg); background-repeat: repeat-x; background-color: #CCCCCC; }
#logo img { border: 0; }
#columnwrapper { margin: 0 auto; background-repeat: repeat-y; width: 940px; }
#columns-top { background-repeat: no-repeat; height: 12px; background-image: url(img/datatex_iq_2colSBR940Top.jpg); }
#c1, #c2, #c3 { width: 220px; margin-right: 20px; }
#c1, #c2, #c3, #c4, #c1h, #c2h { float: left; }
#c2 { width: 460px; }
#c21 { padding: 0px; line-height: 1.5em; }
#c21-bg { background-image: url(../images/bg_shoppingbag.jpg); background-position: right; background-repeat: no-repeat; }
#c3 { margin-right: 0px; }
#c1h, #c2h { width: 240px; margin-right: 20px; }
#c1h { width: 680px; }
#c2h { margin-right: 0px; }
#c4h { float: right; width: 445px; }
#c41h { width: 445px; }
.content { padding: 8px 20px; font-size: 0.8em; line-height: 1.5em; }
.content-box { width: 550px; }
.content-box-products { width: 630px; }
.content-header-float-left { float: left; width: 300px; text-align: left; }
.content-header-float-right { float: right; width: 300px; text-align: left; }
.content-contact { background-image: url(../images/layout_gallery_contact.jpg); background-repeat: no-repeat; background-position: right; }
.content p { margin: 6px 0px 12px; line-height: 1.5em; }
.content-sidebar { padding: 8px 20px; font-size: 0.8em; line-height: 1.5em; }
.content-sidebar p { margin: 6px 0px 12px; }
.content-header { margin: 0px; font-size: 1.75em; color: #627081; letter-spacing: 0.2em; }
#columns-bottom { background-image: url(img/datatex_iq_2colSBR940Bottom.jpg); clear: both; background-repeat: no-repeat; height: 12px; font-size: 0px; }
.divider-line { border-bottom: 1px dotted #656565; width: 200px; }
h1 { margin: 0px; font-size: 1em; letter-spacing: 0.2em; }
h2 { font-size: 1.1em; margin: 28px 0px 0px; }
h3 { font-size: 1em; margin: 28px 0px 0px; }
#footer { margin: 0px auto; font-size: .7em; clear: both; color: #999; width: 940px; border-top-style: none; border-top: 1px dotted #656565; }
#footercontent { padding: 20px 0; }
#footercontent a:link { color: #999; text-decoration: none; }
#footercontent a:visited { color: #999; text-decoration: none; }
#footercontent a:hover { color: #F78F1E; text-decoration: underline; }
#footercontent a:active { color: #000000; }
#footercontent-float-left { float: left; width: 500px; text-align: left; }
#footercontent-float-right { float: right; width: 350px; text-align: right; }
.clearfloat { clear: both; height: 0; line-height: 0.0; font-size: 0; }
.imgfloatright { float: right; }
.imgfloatleft { float: left; }
/*****************************************************************************/
/*
/* GLOBALS: Nav Bar
/*
/*****************************************************************************/
#tnav { background-color: #F78F1E; font-size: 0.7em; background-image: url(img/datatex_iq_navbg.jpg); background-repeat: repeat-x; padding-bottom: 12px; margin-bottom: 30px; background-position: left bottom; }
#tnav-center { margin: 0 auto; border-left: 1px solid #333; width: 940px; border-left: 0 !important; }
#tnav ul { margin: 0; padding: 0; }
#tnav li { list-style-type: none; float: left; }
#tnav #BasicNav a { float: left; color: #000000; padding: 10px; text-decoration: none; border-right: 1px solid #333333; }
#tnav #BasicNav a:hover { color: #FFFFFF; background-color: #000000; }
#p7PMnav { background-image: none !important; background-color: transparent !important; }
/*****************************************************************************/
/*
/* GLOBALS: Link Styles other than main navigation bar
/*
/*****************************************************************************/
a:link { color: #0033CC; }
a:visited { color: #0033CC; }
a:hover { color: #F78F1E; }
a:active { color: #000000; }
/*****************************************************************************/
/*
/* CUSTOM ELEVATOR STYLES
/*
/*****************************************************************************/
#masthead #epmExternal { position: absolute; left: 300px; z-index: 999999; top: 36px; font-size: 0.7em; border: 0; }
#iQ-elevator .p7epm_cwrapper, #iQ-elevator .p7epm_content, #iQ-elevator .p7EPM02 { border: 0; font-size: .9em; }
#masthead #epmExternal .p7epm_trigs li { margin-right: 2px; }
#masthead #epmExternal .p7epm_trigs a { color: #666666; padding: 4px 10px; line-height: 1.5em; display: block; text-decoration: none; background-color: transparent !important; float: left; border-top: none; border-right: none; border-bottom: none; border-left: none; }
#masthead #epmExternal .p7epm_trigs a:hover { color: #FFFFFF; }
#masthead #epmExternal .p7epm_trigs .p7epm_open { color: #FFFFFF !important; background-color: #414141; border-color: #000000; }
/*****************************************************************************/
/*
/* others
/*
/*****************************************************************************/
.title-line-hdr { float: left; width: 100%; list-style: none; height: 20px; border-bottom-style: none; border-bottom: 2px solid #F78F1E; margin-bottom: 20px; margin-left: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 2px; }
.title-line-hdr-homepage { float: left; width: 100%; list-style: none; height: 20px; border-bottom-style: none; border-bottom: 0, 1px solid #fff; margin-bottom: 20px; margin-left: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 2px; }
.title-line-hdr-homepage-es { float: left; width: 100%; list-style: none; height: 20px; border-bottom-style: none; border-bottom: 0, 1px solid #fff; margin-bottom: 20px; margin-left: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 2px; }
.title-line-hdr-homepage-de { float: left; width: 100%; list-style: none; height: 20px; border-bottom-style: none; border-bottom: 0, 1px solid #fff; margin-bottom: 20px; margin-left: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 2px; }
.title-line-hdr li { float: left; height: 20px; border-bottom-style: none; border-bottom: 2px solid #F78F1E; margin-bottom: 20px; padding-bottom: 2px; font-size: 0.75em; font-weight: bold; letter-spacing: 0.2em; color: #666666; margin-left: 0px; padding-left: 0px; padding-right: 0px; }
.title-line-hdr-homepage li { float: left; height: 20px; border-bottom-style: none; border-bottom: 2px solid #F78F1E; margin-bottom: 20px; padding-bottom: 2px; font-size: 0.75em; font-weight: bold; letter-spacing: 0.2em; color: #666666; margin-left: 0px; padding-left: 0px; padding-right: 0px; }
.title-line-hdr-homepage-es li { float: left; height: 37px; border-bottom-style: none; border-bottom: 2px solid #F78F1E; margin-bottom: 20px; padding-bottom: 2px; font-size: 0.75em; font-weight: bold; letter-spacing: 0.2em; color: #666666; margin-left: 0px; padding-left: 0px; padding-right: 0px; }
.title-line-hdr-homepage-de li { float: left; height: 37px; border-bottom-style: none; border-bottom: 2px solid #F78F1E; margin-bottom: 20px; padding-bottom: 2px; font-size: 0.75em; font-weight: bold; letter-spacing: 0.2em; color: #666666; margin-left: 0px; padding-left: 0px; padding-right: 0px; }
.title-line-hdr .breakwhitetitle { float: left; width: 2px; list-style: none; height: 20px; border-bottom-style: none; border-bottom: 2px solid #fff; margin-bottom: 20px; padding-bottom: 2px; text-indent: -9999px; }
.title-line-hdr-homepage .breakwhitetitle { float: left; width: 2px; list-style: none; height: 20px; border-bottom-style: none; border-bottom: 2px solid #fff; margin-bottom: 20px; padding-bottom: 2px; text-indent: -9999px; }
.title-line-hdr-homepage-es .breakwhitetitle { float: left; width: 2px; list-style: none; height: 20px; border-bottom-style: none; border-bottom: 2px solid #fff; margin-bottom: 20px; padding-bottom: 2px; text-indent: -9999px; }
.title-line-hdr-homepage-de .breakwhitetitle { float: left; width: 2px; list-style: none; height: 20px; border-bottom-style: none; border-bottom: 2px solid #fff; margin-bottom: 20px; padding-bottom: 2px; text-indent: -9999px; }
.title-line-styles { border-top: 1px dotted #CCCCCC; border-right: 0px dotted #CCCCCC; border-bottom: 0px dotted #CCCCCC; border-left: 0px dotted #CCCCCC; }
.boxes-screens { font-size: 0.75em; font-weight: bold; letter-spacing: 0.2em; color: #666666; border-top: 1px dotted #CCCCCC; border-right: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; border-left: 1px dotted #CCCCCC; padding: 0 0 2px 8px; }
ol#news-events { margin: 0; padding: 0; list-style: none; }
ol#news-events li { padding-bottom: 18px; border-bottom-style: none; border-bottom: 1px dotted #656565; margin-bottom: 15px; }
ol#news-events li.last { background-image: none; padding-bottom: 0; margin-bottom: 0; }
ol#news-events li p { margin-bottom: 0; }
/*****************************************************************************/
/*
/* styles bullet toolbox
/*
/*****************************************************************************/
ul#toolbox { padding-left: 0; padding-bottom: 18px; border-bottom-style: none; border-bottom: 1px dotted #656565; margin-bottom: 18px; list-style: none; text-decoration: none; }
ul#toolbox a { color:#4e4b4b; text-decoration:none; }
ul#toolbox a:hover { color:#2f2f2f; font-weight: bold; }
li.youtube { background-image: url(../images/icon_youtube.jpg); color: #4e4b4b; padding-left: 55px; background-position: 0; background-repeat: no-repeat; margin-bottom: 10px; }
li.print { background-image: url(../images/icon_print.gif); color: #4e4b4b; padding-left: 18px; background-position: 0 0.1em; background-repeat: no-repeat; margin-bottom: 10px; }
li.email { background-image: url(../images/icon_email.gif); color: #4e4b4b; padding-left: 18px; background-position: 0 0.1em; background-repeat: no-repeat; margin-bottom: 10px; }
li.contact { background-image: url(../images/icon_contact.gif); color: #4e4b4b; padding-left: 18px; background-position: 0 0.2em; background-repeat: no-repeat; margin-bottom: 10px; }
li.lastitem { background-image: url(../images/icon_returnback.gif); color: #4e4b4b; padding-left: 18px; background-position: 0 0.2em; background-repeat: no-repeat; margin-bottom: 10px; margin-top: 28px; }
ul#toolbox-video { padding-left: 0; padding-bottom: 18px; border-bottom-style: none; border-bottom: 1px dotted #656565; margin-bottom: 18px; list-style: none; text-decoration: none; }
ul#toolbox-video a { color:#4e4b4b; text-decoration:none; }
ul#toolbox-video a:hover { color:#2f2f2f; font-weight: bold; }
li.video { background-image: url(../images/icon_video.jpg); color: #4e4b4b; padding-left: 28px; background-position: 0 0.2em; background-repeat: no-repeat; margin-bottom: 10px; }
li.video-select { background-image: url(../images/icon_video_active.jpg); color: #4e4b4b; padding-left: 28px; background-position: 0 0.2em; background-repeat: no-repeat; margin-bottom: 10px; }
ul#toolbox-video-caption { padding-left: 0; padding-bottom: 18px; border-bottom-style: none; border-bottom: 1px dotted #656565; margin-bottom: 18px; list-style: none; text-decoration: none; font-size:11px; }
ul#toolbox-video-caption a { color:#4e4b4b; text-decoration:none; }
ul#toolbox-video-caption a:hover { color:#4e4b4b; }
li.video-caption { background-image: url(../images/icon_video-caption.jpg); color: #4e4b4b; padding-left: 28px; background-position: 0 0.2em; background-repeat: no-repeat; margin-bottom: 10px; }
/* end styles bullet toolbox */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
*+html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.formbutton { cursor: pointer; border: outset 1px #ccc; background: #999; color: #666; font-size: 1em; padding: 1px 2px; background-color: #CCCCCC; }
.readmoreright { text-align: right; }
div.readmore a { padding-right: 13px; color: #595858; text-decoration: none; }
div.readmore a:hover { text-decoration: underline; color: #2f2f2f; }
#columnwrapper #c2h .content h1 { color: #595858; }
#columnwrapper #c2h .content-sidebar h1 { color: #595858; }
#columnwrapper #c2h .content p { color: #595858; }
#columnwrapper #c2h .content-sidebar p { color: #595858; }
/*****************************************************************************/
/*
/* styles blockquote boxes
/*
/*****************************************************************************/
#columnwrapper #c1h .content blockquote { border-left: 4px solid #F78F1E; padding: 10px; border-bottom: 1px dotted #CCCCCC; }
#columnwrapper #c1h .content blockquote a { color: #000000; text-decoration: none; }
#columnwrapper #c1h .content blockquote a:hover { color: #000000; text-decoration: none; }
#columnwrapper #c1h .content blockquote a:visited { color: #000000; text-decoration: none; }
.boxesblockquote-link { text-align: right; }
/*****************************************************************************/
/*
/* styles home boxes
/*
/*****************************************************************************/
#boxeshome-bg { float: left; width: 630px; padding: 20px 0 10px 0; background: url(../images/bg_boxesimages.jpg) no-repeat top left; }
.boxeshome { overflow: auto; /* self-clears floats within */ padding: 0 10px 0 10px; }
.boxeshome h2 { width: 488px; margin: 0 0 0 107px; padding: 0; letter-spacing: 1px; color: #627081; font-weight: bold; font-size: 1em; }
.boxeshome p { margin: 0 0 0 107px; width: 330px; padding: 0; line-height: 1.5em; color: #666; }
.boxeshome img { float: left; margin: 0 0 0 10px; padding: 0px; }
.boxeshome a { color: #666; text-decoration: none; }
.boxeshome h2 a { color: #627081; text-decoration: none; }
.boxeshome a:hover { color: #000000; text-decoration: none; }
.boxeshome a:visited { color: #666; text-decoration: none; }
.boxeshome h2 a:visited { color: #627081; text-decoration: none; }
/*****************************************************************************/
/*
/* styles partner boxes
/*
/*****************************************************************************/
.boxespartner { overflow: auto; /* self-clears floats within */ padding: 10px; border-bottom: 1px dotted #CCCCCC; }
.boxespartner h1 { margin-left: 213px; }
.boxespartner p { margin-left: 213px; }
.boxespartner img { float: left; }
.boxespartner a { color: #000000; text-decoration: none; }
.boxespartner a:hover { color: #000000; text-decoration: none; }
.boxespartner a:visited { color: #000000; text-decoration: none; }
.boxespartner-link { text-align: right; }
/*****************************************************************************/
/*
/* styles case studies boxes
/*
/*****************************************************************************/
.boxescasestudies { overflow: auto; /* self-clears floats within */ padding: 10px 0 10px 0; border-bottom: 1px dotted #CCCCCC; }
.boxescasestudies h1 { margin-left: 213px; }
.boxescasestudies p { margin-left: 213px; }
.boxescasestudies img { float: left; }
.boxescasestudies a { color: #000000; text-decoration: underline; }
.boxescasestudies a:hover { color: #000000; text-decoration: underline; font-weight: bold; }
.boxescasestudies a:visited { color: #000000; text-decoration: underline; }
.continents { letter-spacing: 0.2em; font-weight: bold; padding-left: 70px; }
/*****************************************************************************/
/*
/* styles collapsible panel contacts
/*
/*****************************************************************************/
.CollapsiblePanelContact { float: left; width: 300px; }
.CollapsiblePanelContent1 div p { padding-left: 10px; line-height: 2em; cursor: pointer; }
.CollapsiblePanelContent2 div p { padding-left: 10px; line-height: 2em; cursor: pointer; }
.CollapsiblePanelContent1 { overflow: auto; height: 186px; }
.CollapsiblePanelContent2 { overflow: auto; height: 186px; }
/* end styles collapsible panel contacts */
.SpryHiddenRegion { visibility: hidden; }
/*-------------[BOX NEWSLETTER]--------------------*/
#support_tab { position:fixed; top:25%; left:0px; width:34px; height:102px; background:url(../images/support_tab.jpg) top left no-repeat; z-index:100000; }
#support_tab:hover { background-image:url(../images/support_tab_hover.jpg); }