/* --- CSS Reset --- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/* --- Viewport Elements --- */

html {background:url(../images/bg1.jpg) repeat-x center 0px;}
body {background:url(../images/bg2.jpg) no-repeat center 100px; font-family:Arial, Helvetica, sans-serif; margin:0 auto; text-align:center;}
html#homepage {background:url(../images/bg1-home.jpg) repeat-x center 0px;}
body#home {background:url(../images/bg2-home.jpg) no-repeat center 100px;}
a:link {color:#039; text-decoration:none;}
a:visited,
a:active {color:#06c; text-decoration:none;}
a:hover {text-decoration:underline;}


/* --- Typography --- */

h1 {color:#960; font-size:1.8em; font-weight:normal; line-height:1em; padding:30px 0 10px 0; text-align:left;}
h1 strong {color:#ea0;} 
h2 {color:#336; font-size:1.4em; font-weight:normal; margin:30px 0 10px 0;}
h2.name {margin:30px 0 0 0;}
h3 {color:#555; font-size:1em; font-weight:bold; padding:10px 0 5px 0;}
h3.title {margin:0 0 30px 0; font-weight:normal; font-style:italic; text-transform:none;}
h3.fineprint {padding-top:20px;}
h4 {color:#000; font-size:0.75em; margin:10px 0 5px 0; font-weight:bold; text-transform:uppercase;}
h4 span {text-transform:none;}
h4 strong {color:#06c;}
.first {margin-top:0;}
p {font-size:0.85em; line-height:1.4em;}
p,ol,ul {color:#555; margin-bottom:10px;}
li {color:#555; margin-bottom:5px;}
p span, li span, td span, th span {color:#777; font-size:0.875em; font-weight:normal;}
p.address, p.fineprint, h3.fineprint {color:#666; font-size:0.7em; line-height:1.2em; margin-bottom:5px;}
p.address {margin-bottom:10px;}
p.caption {color:#000; font-size:0.75em; line-height:1em; margin-left:0; margin-right:0; padding-left:0; padding-right:0;}
p.quote {font-style:italic;}
p.bullet {background:url(../images/bullet.gif) no-repeat 0px 4px; padding-left:14px; margin-left:1px; margin-bottom:5px;}
ol, ul, p.bullet {font-size:0.75em; line-height:1.1em;}
ol, ul {margin-left:20px;}
ul ul,
ul ol,
ol ul,
ol ol {font-size:1em; margin-top:0; margin-bottom:5px;}
textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em;}
table {font-size:0.85em;}
caption {font-size:0.75em;}
em {font-style:italic;}
.smalltext {font-size:0.63em; line-height:1em;}
.asterisk {color:#f30;}
:focus {outline:0;}
input.round,
textarea.round {border:1px solid #ccc; -o-border-radius: 4px; -icab-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}


/* --- Alignment --- */

.l {text-align:left;}
.r {text-align:right;}
.c {text-align:center;}
.left {float:left; margin-right:20px;}
.right {float:right; margin-left:20px;}
p.left {padding-right:7px;}
div p.iconfloat {line-height:1em; padding-top:7px;}

/* --- Wrapper --- */

/*#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:960px;}


/* --- Header (logo, tagline and search) --- */

#header {height:100px; position:relative; text-align:left; padding:0 0px;}
#header input {font-family:Arial, Helvetica, sans-serif; margin-top:0px;}
#header div.logo {padding:18px 0 0 0;}
#header div.search {color:#999; float:right; font-size:0.7em; padding:8px 0 0 0; text-align:right;}
#header img {border:none;}
#header form {margin:0; padding:0;}
#header select {font-size:1em; margin:0; padding:0;}
form#form1 {display:inline;}
form div {margin-top:34px;}


/* --- Masthead (main image) --- */

#masthead {height:200px; width:960px; text-align:left;}
#home #masthead {background:none; height:250px;}
#clients #masthead {background:url(../images/masthead-clients.jpg) no-repeat left top;}
#solutions #masthead {background:url(../images/masthead-solutions.jpg) no-repeat left top;}
#industries #masthead {background:url(../images/masthead-industries.jpg) no-repeat left top;}
#services #masthead {background:url(../images/masthead-services.jpg) no-repeat left top;}
#company #masthead {background:url(../images/masthead-company.jpg) no-repeat left top;}
#contacts #masthead {background:url(../images/masthead-contacts.jpg) no-repeat left top;}
#government #masthead {background:url(../images/masthead-government.jpg) no-repeat left top;}
#healthcare #masthead {background:url(../images/masthead-healthcare.jpg) no-repeat left top;}
#highvolume #masthead {background:url(../images/masthead-highvolume.jpg) no-repeat left top;}
#import #masthead {background:url(../images/masthead-import.jpg) no-repeat left top;}
#industrial #masthead {background:url(../images/masthead-industrial.jpg) no-repeat left top;}
#gas #masthead {background:url(../images/masthead-gas.jpg) no-repeat left top;}
#threepl #masthead {background:url(../images/masthead-3pl.jpg) no-repeat left top;}
#cat #masthead {background:url(../images/masthead-cat.jpg) no-repeat left top;}
#investors #masthead {background:url(../images/masthead-investors.jpg) no-repeat left top;}
#tuc12 #masthead {background:url(../images/masthead-TUC12a.jpg) no-repeat left top;}
#tuc #masthead {background:url(../images/masthead-TUC12b.jpg) no-repeat left top;}
#tucf1 #masthead {background:url(../images/masthead-TUC12fa.jpg) no-repeat left top;}
#tucf2 #masthead {background:url(../images/masthead-TUC12fb.jpg) no-repeat left top;}


/* --- Grids --- */

.grid {width:960px; margin:auto;}
.grid-m1 {float:left; width:0px; height:1px;}
.grid-c1 {float:left; width:225px;}
.grid-m2 {float:left; width:20px; height:1px;}
.grid-c2 {float:left; width:225px;}
.grid-m3 {float:left; width:20px; height:1px;}
.grid-c3 {float:left; width:225px;}
.grid-m4 {float:left; width:20px; height:1px;}
.grid-c4 {float:left; width:225px;}

.grid-c1m2c2 {float:left; width:470px;} /* columns 1,2 -- 225+20+225=470 */
.grid-c2m3c3 {float:left; width:470px;} /* columns 2,3 -- 225+20+225=470 */
.grid-c3m4c4 {float:left; width:470px;} /* columns 3,4 -- 225+20+225=470 */
.grid-c1m2c2m3c3 {float:left; width:715px;} /* columns 1,2,3 -- 225+20+225+20+225=715 */
.double {width:470px;}


/* --- Breadcrumbs --- */

.breadcrumbs {font-size:0.7em; color:#666; padding:10px 0;}
.breadcrumbs a {color:#666;}


/* --- Vertical Sub-Menu --- */
#sidemenu {margin:0 0 10px 0; padding:0; border-top:4px solid #999; width:225px; -o-box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.4); -icab-box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.4); -khtml-box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.4); box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.4);}

/* --- First level --- */
#sidemenu ul {background:#031f34; border-top:1px solid #fff; list-style-type:none; margin:0; padding:0;}
#sidemenu ul li {border-top:1px solid #369; border-bottom:1px solid #000; font-size:1.15em; margin:0; padding:0;}
#sidemenu ul li a:link,
#sidemenu ul li a:visited,
#sidemenu ul li a:active {color:#cde; display:block; padding:0; margin:0; line-height:110%; padding:12px; background:#163a55 url(../images/sidemenu-bg.png) no-repeat left bottom;}
#sidemenu ul li a:hover {color:#fff; text-decoration:none; background:#163a55 url(../images/sidemenu-bg-hover.png) no-repeat left top;}

#sidemenu ul li a.current:link,
#sidemenu ul li a.current:visited,
#sidemenu ul li a.current:active,
#sidemenu ul li a.current:hover {background:#960 url(../images/sidemenu-current-bg.png) no-repeat left top; color:#fff;}

/* --- Second level --- */
#sidemenu ul ul {margin:0; padding:0; border:none;}
#sidemenu ul ul li {border-top:1px dotted #258; border-bottom:none; font-size:90%; margin:0; padding:0;}
#sidemenu ul li ul li a:link,
#sidemenu ul li ul li a:visited,
#sidemenu ul li ul li a:active {background:none; color:#cde; padding:6px 12px 6px 20px;}
#sidemenu ul li ul li a:hover {color:#fff; background:#163a55 /*url(/images/menu-pointer.png) no-repeat left center*/;}

#sidemenu ul li ul li a.current:link,
#sidemenu ul li ul li a.current:visited,
#sidemenu ul li ul li a.current:active,
#sidemenu ul li ul li a.current:hover {background:#960 url(/images/menu-pointer.png) no-repeat left center; color:#fff;}


/* --- Client Logo Scroller --- */

.client-logos {margin-top:30px; padding:20px 0; border-top:1px dotted #ccc; text-align:center; position:relative;}
.client-logos div {position:absolute; top:-12px; text-align:left;}


/* --- Main Content Area --- */

#content {text-align:left; vertical-align:top; padding-bottom:20px;}
#company iframe {border:1px solid #ccc; margin-right:20px;}
#company .right small {font-size:0.7em; margin-right:20px;}
.clear {clear:both;}
div.download {float:right; height:70px; width:170px;}
.holder {border-top:4px solid #999; margin-bottom:20px; margin-top:1px; padding:0;}
.holder img {float:left; margin-top:15px; margin-right:10px;}
.holder .quote {float:right; width:225px; font-size:0.75em; font-style:italic; padding-left:19px; margin-left:20px; margin-bottom:20px; border-left:1px dotted #ccc; color:#000;}
a.top {display:block; width:31px; height:10px; background:url(/images/top-off.png) no-repeat right bottom;}
a:hover.top {background:url(/images/top-on.png) no-repeat right bottom;}
a.top.fr {background:url(/fr/images/top-off.png) no-repeat right bottom; width:36px;}
a:hover.top.fr {background:url(/fr/images/top-on.png) no-repeat right bottom;}


/* --- Sidebar and Callouts --- */

.sidebar {width:195px; margin:0;}
#home .sidebar {margin-top:20px; margin-bottom:0px;}
.sidebar h2 {font-size:1.1em; margin-top:0;}
.sidebar h4 {color:#000;}
.sidebar p {font-size:0.75em; color:#555; line-height:1.3em; margin:0 0 8px 0;}
.sidebar p.bullet {font-size:0.7em;}
.sidebar ul {font-size:0.7em; color:#555; margin-bottom:5px;}
.sidebar ul li {margin-bottom:5px;}
.sidebar img {border:2px solid #fff; margin:5px 0;}
.sidebar.featured {width:225px; margin:0; margin-top:1px;}

.callout {-o-border-radius: 8px; -icab-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); -icab-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); -khtml-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); background:#f0f1f2 url(../images/sidebar-callout-bg.jpg) repeat-x 0px 0px; margin-bottom:20px; padding:15px 15px 7px 15px;}
#home .callout {width:193px; border:1px solid #ccc;}

.plain {background:#f0f1f2; border-top:4px solid #999; border-bottom:1px solid #999; margin-top:1px; padding:15px 15px 7px 15px;}
.stripes {background:#f0f1f2 url(../images/sidebar-stripes-bg.jpg) repeat-x left top; border-top:4px solid #999; border-bottom:1px solid #999; margin-top:1px; padding:15px 15px 7px 15px;}
.featured {border-top:4px solid #999; border-bottom:1px solid #999; margin-top:1px; padding-top:15px; padding-bottom:5px;}
.featured h2 {margin-top:0;}
ul.featured, ol.featured {margin-left:0; padding-left:20px;}

.contacts {background:url(/images/sidebar-contacts-bg.gif) no-repeat center -20px; padding:10px 0; border-bottom:none;}
.contacts p {margin:0; padding:0; font-size:0.8em; line-height:16px;}
.contacts p img {position:relative; top:3px;}

.fader {text-align:center; padding-bottom:15px;}


/* --- Video Player --- */

.smhPlayer {
	border-bottom:1px solid #fff;
	border-left:0px solid #000;
	border-right:0px solid #fff;
	border-top:0px solid #000;
	height:265px;
	margin:0;
	padding:0;
	width:470px;
}
.smhPlaylist {
	border-bottom:0px solid #000;
	border-left:0px solid #000;
	border-right:0px solid #000;
	border-top:0px solid #000;
	height:252px;
	margin:0;
	padding:0;
	width:470px;
}


/* --- Footer --- */

#footer {background:#0d1216 url(../images/footer.jpg) no-repeat center top; clear:both; height:180px; margin:0; padding:0; text-align:left;}
#footer div {width:960px; margin:0 auto; padding:0; padding-top:20px;}
#footer a {color:#567;}
#footer p {color:#567; font-size:0.7em; padding:0; margin:0; margin-top:5px; margin-left:20px; text-transform:uppercase;}
#footer p.copyright {margin:0; margin-top:40px; font-size:0.55em;}


/* --- Tables --- */

table {font-size:0.85em; border:none; padding:0; margin:0;}
table caption {color:#667; margin-top:5px; text-align:right; white-space:nowrap;}
table .bg {background-color:#f0f1f2;}
table td {padding:5px 0px 5px 5px;}
table input.submit {font-size:1.25em;}

table.package {border-bottom:2px solid #f0f1f2;}

table.investors {text-align:center;}
table.investors th {background-color:#f2c855; padding:3px 5px; text-align:right; font-weight:bold;}
table.investors td {background-color:#eaebee; padding:3px 5px; text-align:right;}



/* --- Generic pages (Search Results, Site Map, Privacy, Terms and Conditions, Corporate Governance) --- */

div.searchresults iframe {width:715px;}
