/* CSS for TECSYS Common Elements */

html {background:#c2c6cf url(../images/bg.png) repeat-x left top; margin:0; padding:0;}
body {font-family:Arial, Helvetica, sans-serif;	font-size:1em; margin:0; margin-left:auto; margin-right:auto; padding:0; text-align:center;}
div,h1,h2,h3,h4,ol,p,table,td,th,ul {margin:0; padding:0; vertical-align:top;}
a:link {color:#0000CC; text-decoration:none;}
a:visited,
a:active {color:#0066FF; text-decoration:none;}
a:hover {color:#0066FF; text-decoration:underline;}
h1 {color:#006; font-size:1.5em; font-weight:bold; line-height:1em; margin-bottom:20px; padding-bottom:0px; padding-top:45px; text-align:left;}
h1 strong {color:#e90;} 
h2 {color:#339; font-size:1.0em; font-weight:normal; letter-spacing:1px; margin-bottom:15px; padding-top:5px; text-align:left; text-transform:uppercase;}
h3 {border-bottom:1px dotted #ccc; color:#000; font-size:0.75em; margin-bottom:5px; padding-bottom:5px; padding-top:10px; text-align:left;}
h3.fineprint {border:none; padding-top:20px;}
h4 {color:#000; font-size:0.7em; margin:3px 0; text-align:left;}
h4 span {text-transform:none;}
h4 strong {color:#06c;}
img {border:none;}
p {font-size:0.75em; line-height:1.5em;}
p span, li span {color:#667; font-size:0.875em;}
p.fineprint, h3.fineprint {color:#667; font-size:0.7em; line-height:1.2em; margin-bottom:5px;}
p.address {margin-bottom:10px;}
p.pdf {background: #ececef url(../images/pdf.png) no-repeat 2px 4px; line-height:1em; padding:5px 0 5px 20px; margin:1px 0 0 0;}
p.news {background:url(../images/bullet1.png) no-repeat left top; padding-left:20px;}
p,ol,ul {color:#000; margin-bottom:15px;}
ol, ul, p.pdf, p.address {font-size:0.7em; line-height:1.2em;}
table p.address,
table h3 {font-size:1em;}
ul ul,
ul ol,
ol ul,
ol ol {font-size:1em; margin-top:0; margin-bottom:5px;}
li {padding-bottom:5px;}
table {font-size:0.75em;}
caption {font-size:0.75em;}
.r {text-align:right;}
.c {text-align:center;}
.left {float:left; margin-right:10px;}
.right {float:right; margin-left:10px;}
.smalltext {font-size:0.63em; line-height:1em;}
.asterisk {color:#f30;}
:focus {outline:0;}

#outerwrap-l {background:url(../images/bg-l.png) no-repeat 0px 85px; height:700px; width:922px;}
#outerwrap-r {background:url(../images/bg-r.png) no-repeat 100% 85px; height:700px;}
#outerwrap-l,
#outerwrap-r,
#innerwrap {border:0; margin:0; margin-left:auto; margin-right:auto; padding:0; text-align:center;}
#innerwrap {width:760px;}

/* Styles for the header area (logo, tagline and search) */
#header {height:95px; position:relative; text-align:left;}
#header input {font-family:Arial, Helvetica, sans-serif; margin-top:7px;}
#header a {color:#036;}
#header a:hover {color:#03c; border:none;}
#header div.logo {padding-top:20px;}
#header div.search {color:#999; float:right; font-size:0.7em; padding-top:20px;}
#header img {border:none;}
#header form {margin:0; padding:0;}

/* Styles for the main horizontal menu */
#menu {background:url(../images/menubar.png) no-repeat center top; height:30px; position:relative;}
#menu ul {left:0px; margin:0; padding:0; position:absolute; top:1px;}
#menu ul li {color:#000; float:left; letter-spacing:1px; list-style:none; text-align:center; text-transform:uppercase; width:140px;}
#menu ul li#lang {letter-spacing:0; padding-left:10px; text-align:left; text-transform:none; width:190px;}
#menu li a {color:#036;	display:block; font-size:1.25em; font-weight:normal; height:30px; line-height:2em; text-decoration:none;}
#menu li a:hover {/*background:url(../images/menuhover_bg.png) no-repeat center 0px; */border:none; color:#fff;}
#menu select {color:#000; font-size:0.9em; margin:0; margin-top:5px; padding:0;}
#menu #lang form {margin:0; padding:0;}

/* Styles for the masthead (main image) on each page, except Industry home pages */
#masthead {background-color:#000; height:175px; width:760px;}
#home #masthead {height:275px;}
#industries #masthead {background:url(../images/industries.jpg) no-repeat left top;}
#solutions #masthead {background:url(../images/solutions.jpg) no-repeat left top;}
#services #masthead {background:url(../images/services.jpg) no-repeat left top;}
#company #masthead {background:url(../images/company.jpg) no-repeat left top;}
#generic #masthead {background:url(../images/generic.jpg) no-repeat left top;}

/* Generic styles for the left and right columns */
.lhcol {float:left; text-align:center; vertical-align:top; width:200px;}
.rhcol {margin-left:201px; vertical-align:top; width:559px;}

/* Styles for the main content area and its two columns */
#content {background:#fff url(../images/content_bg.png) no-repeat right bottom; margin:0; padding:0; text-align:left; vertical-align:top; float:left; width:100%;}
#content .lhcol {padding-bottom:75px;}
#content .rhcol {padding-bottom:75px;}
#industries #content .rhcol {background:url(../images/industries_rhcol_bg.jpg) no-repeat right top;}
#solutions #content .rhcol {background:url(../images/solutions_rhcol_bg.jpg) no-repeat right top;}
#services #content .rhcol {background:url(../images/services_rhcol_bg.jpg) no-repeat right top;}
#company #content .rhcol {background:url(../images/company_rhcol_bg.jpg) no-repeat right top;}
#generic #content .rhcol {background:url(../images/company_rhcol_bg.jpg) no-repeat right top;}
#content .lhcol p {margin:15px;}
#content .rhcol h1,
#content .rhcol h2,
#content .rhcol h3,
#content .rhcol h4,
#content .rhcol p {margin-left:40px; margin-right:180px;}
#content .rhcol ul,
#content .rhcol ol {line-height:1.2em; margin-left:65px; margin-right:180px;}
#content .rhcol ul ul,
#content .rhcol ol ol,
#content .rhcol ul ol,
#content .rhcol ol ul {list-style:square; margin-bottom:0; margin-left:20px; margin-right:0px;}
#content p.quote {color:#666; line-height:1.75em; padding-bottom:10px; padding-left:25px; padding-right:25px; padding-top:5px;}
#company iframe {border:1px solid #ccc; margin-right:20px;}
#company .right small {font-size:0.7em; margin-right:20px;}
.clear {clear:both;}
div.fader {margin:0; text-align:center;}
div.download {float:right; height:70px; width:170px;}
.fullwidth #content .rhcol h1,
.fullwidth #content .rhcol h2,
.fullwidth #content .rhcol h3,
.fullwidth #content .rhcol h4,
.fullwidth #content .rhcol p,
.fullwidth #content .rhcol ul {margin-right:40px;}

/* Styles for the vertical side menu */
#sidemenu {background:url(../images/sidemenu_bg.png) no-repeat left top; height:300px; margin-top:0px; padding-top:2px; text-align:left; width:200px;}
#l2, #l3 {color:#99a; font-weight:normal; font-size:0.75em; list-style-type:none; margin:0; padding:0;}
#l2 {border-bottom:1px solid #fff; border-top:1px solid #ccd; margin:0 15px 0 15px;}
#l2 li {border-bottom:1px solid #ccd; border-top:1px solid #fff; line-height:1.1em; padding:8px 0 8px 10px;}
#l2 li a:link,
#l2 li a:visited,
#l2 li a:active {border:none; color:#006; font-weight:normal; text-decoration:none;}
#l2 li a:hover {border:none; color:#03c; }
#l3 {font-size:0.9em; margin-top:8px; margin-left:5px; margin-right:0px;}
#l3 li {border:none; padding:3px 0px;}
#l3 li a:link,
#l3 li a:visited,
#l3 li a:active {background:url(../images/sidemenu_bullet.gif) no-repeat left; border:none; font-weight:normal; padding-left:16px;}
#l3 li a:hover {background:url(../images/sidemenu_bullet_hover.gif) no-repeat left; border:none; padding-left:16px;}
#sidemenu .info,
#sidemenu .package {margin-left:22px; padding-top:20px;}
.info a:hover,
.package a:hover {border-bottom:none;}

/* Style for the sidebar area */
#sidebar {background:#fff url(../images/sidebar_bg.png) no-repeat 1px 1px; border-left:1px solid #ccd; border-top:1px solid #ccd; float:right; margin:95px 15px 25px 25px; padding:25px 0px 10px 0px; text-align:center; width:135px;}
#content #sidebar p,
#content #sidebar h4 { text-align:left;}
#content #sidebar h4 {color:#556; font-size:0.75em; line-height:1.2em; margin:0 0 20px 15px; text-align:left; text-transform:uppercase;}
#content #sidebar p {color:#667; font-size:0.7em; line-height:1.2em; margin:0 0 10px 15px; text-align:left} 
#content #sidebar p.pdf {margin:1px 0 0 15px;}
div.show #sidebar {margin-top:16px;}

/* Styles for the footer area */
#footer {background:url(../images/footer_bg.png) no-repeat right 2px; clear:both; color:#556; font-size:0.7em; height:80px; margin:0; padding:30px 0; text-align:left;}
#footer table {font-size:1em; width:760px;}
#footer ul {color:#bbc; font-size:1em; line-height:1.1em; list-style-type:none; margin:0;}
#footer ul li {margin-bottom:0px;}
#footer a {color:#556;}

/* Styles for forms */
form {margin-left:40px;}
table.package {border-bottom:2px solid #f0f3fc; font-size:0.7em;}
table.package input,
table.package select {font-size:0.8em;}
table.package td {padding:3px 0px 3px 5px;}
.bg {background-color:#f0f3fc;}
table.package input.submit {font-size:1.25em;}

/* Styles for tables */
table.investors {margin-bottom:20px; margin-left:40px; text-align:center;}
table.investors th {background-color:#f2c855; padding:3px 5px; text-align:right;}
table.investors td {background-color:#eaebee; padding:3px 5px; text-align:right;}
table caption {color:#667; margin-top:5px; text-align:right; white-space:nowrap;}

/* Styles for the Industries rollovers */
#content .rhcol table.ind {margin-left:40px;}
table.ind td {height:60px; padding: 0 40px 0 0;}
table.ind a {color:#778; display:block; font-size:1.1em; height:60px; text-align:right; width:201px;}
table.ind a:hover {color:#07d; border:none;}
table.ind a span {display:block; padding-right:10px; padding-top:25px;}
table.ind a#pg span {padding-top:18px;}
table.ind a#cd {background:url(../images/menu-cat-off.png) no-repeat left;}
table.ind a#cd:hover {background:url(../images/menu-cat-on.png) no-repeat left;}
table.ind a#gw {background:url(../images/menu-import-off.png) no-repeat left;}
table.ind a#gw:hover {background:url(../images/menu-import-on.png) no-repeat left;}
table.ind a#hc {background:url(../images/menu-healthcare-off.png) no-repeat left;}
table.ind a#hc:hover {background:url(../images/menu-healthcare-on.png) no-repeat left;}
table.ind a#id {background:url(../images/menu-industrial-off.png) no-repeat left;}
table.ind a#id:hover {background:url(../images/menu-industrial-on.png) no-repeat left;}
table.ind a#pg {background:url(../images/menu-gas-off.png) no-repeat left;}
table.ind a#pg:hover {background:url(../images/menu-gas-on.png) no-repeat left;}
table.ind a#tl {background:url(../images/menu-3pl-off.png) no-repeat left;}
table.ind a#tl:hover {background:url(../images/menu-3pl-on.png) no-repeat left;}
#industries table.ind {border-bottom:0px dotted #ccc; border-top:0px dotted #ccc; margin:10px 0 20px 0;}

/* Styles for the Success rollovers */
#solutions p.success {border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; margin-right:40px; padding-top:15px;}
p.success {margin-right:40px; padding-bottom:155px;}
p.success span {float:left; font-size:0.75em; line-height:1.5em; text-align:center; width:150px;}
p.success a {color:#99a; display:block; font-size:1.25em; height:120px; text-align:center; width:150px;}
p.success a:hover {color:#07d;}
p.success a#dms {background:url(../images/sidebar_dms_off.png) no-repeat center 20px; border:none;}
p.success a#dms:hover {background:url(../images/sidebar_dms.png) no-repeat center 20px; border:none;}
p.success a#tms {background:url(../images/sidebar_tms_off.png) no-repeat center 20px; border:none;}
p.success a#tms:hover {background:url(../images/sidebar_tms.png) no-repeat center 20px; border:none;}
p.success a#wms {background:url(../images/sidebar_wms_off.png) no-repeat center 20px; border:none;}
p.success a#wms:hover {background:url(../images/sidebar_wms.png) no-repeat center 20px; border:none;}

/* Styles for generic pages (ie. Search Results, Site Map, Privacy, Terms and Conditions, Corporate Governance) */
#generic #content .rhcol ul {margin-right:0;}
#sitemap h2 {margin-top:20px;}
#sitemap ul {margin-bottom:5px; padding-left:20px;}
#sitemap li {padding-bottom:0;}
#content .rhcol #sitemap h3 {padding-top:5px; margin-left:60px;}
#sitemap a:hover {border-bottom:none; color:#00f;}
#sitemap h2 a {color:#339;}
#sitemap h3 a, #sitemap ul a {color:#000;}
div.searchresults {padding-left:40px;}
div.searchresults iframe {width:480px;}