html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
} 

/* Global Definitions
----------------------------------------------------------------- */
body {text-align: center; margin: 0; background: #eee url('/_images/bg-body.gif') 0 95px repeat-x; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; color: #333;}
.container {text-align: left; margin: 0 auto; width: 1007px;}
a {color: #56a1d5; text-decoration: none;}
a:hover {color: #336699; text-decoration: underline;}
strong {font-weight: bold;}
.hidden {display: none;}
#mainCol a {color: #336699;}
#mainCol a:hover {color: #036;}

/* Header
----------------------------------------------------------------- */
.container.head {text-align: center; width: 100%; background: #eee url('/_images/bg-logo-burst.gif') top center no-repeat; border-bottom: 5px solid #244473;;}
#header {width: 1007px; height: 90px; position: relative; text-align: left; margin: 0 auto; z-index: 90;}
#header #facebook {position: absolute; float: left; width: 450px; top: 10px; left: 213px;}
#header .utilities {float: right; width: 320px; margin-top: 3px;}
#header .utilities li {float: left; margin-left: 18px; line-height: 20px}
#header .utilities li a {color: #999;}
#header .utilities li a:hover {color: #666;}
#header .nav {float: left; width: 400px; margin-top: 59px;}
#header .nav li {float: left; margin-right: 6px;}
#header .nav li a {float: left; height: 31px; text-indent: -5000px;}
#header .nav li.distribution a {width: 124px; background: url('/_images/tab_distribution.gif') 0 -31px no-repeat;}
#header .nav li.distribution a:hover {background-position: 0 0;}
#header .nav li.distribution a.focus {background: url('/_images/tab_distribution.gif') 0 0 no-repeat;}
#header .nav li.logistics a {width: 166px; background: url('/_images/tab_3rdpartylogisitcs.gif') 0 -31px no-repeat;}
#header .nav li.logistics a:hover {background-position: 0 0;}
#header .nav li.logistics a.focus {background: url('/_images/tab_3rdpartylogisitcs.gif') 0 0 no-repeat;}
#header .nav li.supplychain a {width: 190px; background: url('/_images/tab_supplychain.gif') 0 -31px no-repeat;}
#header .nav li.supplychain a:hover {background-position: 0 0;}
#header .nav li.supplychain a.focus {background: url('/_images/tab_supplychain.gif') 0 0 no-repeat;}
#header .logo {float: left; margin-right: 25px; margin-top: 20px; margin-left: 15px;}
#header .seal {position: absolute; right: -15px; bottom: -25px; z-index: 100;}
#header .marilyn {position: absolute; right: 155px; bottom: 10px; z-index: 100;}


/* Footer
----------------------------------------------------------------- */
#footer {float: left; clear: left; width: 100%; margin-top: 20px; padding-bottom: 30px; line-height: 14px;}
#footer p {float: left; width: 700px; color: #999; margin-left: 15px;}
#footer ul {float: left; width: 270px; }
#footer ul li {float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc;}
#footer ul li.last {margin-right: 0; padding-right: 0; border-right: 0;}
#footer ul li a {color: #999;}
#footer ul li a:hover {color: #666;}


/* Form Structure
----------------------------------------------------------------- */
form {float: left; position: relative; width: 98%; padding: 20px 0 0 20px; margin-bottom: 25px;}
form .row {float: left; width: 100%; margin-bottom: 6px;}
form .elements {float: left; clear: left; width: 100%;}
form .elements span {float: left; margin-left: 10px; line-height: 25px;}
form .elements .options {float: left; clear: left; margin: 0 10px 4px 0;}
form .elements .optionlabel { line-height: 14px; margin-left: 0;}
form label {font-weight: bold; line-height: 16px;}
form .text {float: left; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: url('/_images/bg-formfield.gif') top left no-repeat; font-size: 12px; padding: 4px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
form .option {float: left; clear: left;}
form .actions {float: left; width: 100%; margin-top: 20px;}
form button {float: left; display: inline; background: #fff url('/_images/bg-btn-grey.gif') bottom repeat-x; cursor: pointer; cursor: hand; font-weight: bold; color: #336699; line-height: 22px; padding: 3px 10px; margin: 0; border-top: 1px solid #ccc; border-left: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; border-bottom: 1px solid #6c6c6c;}


/* Side Content
----------------------------------------------------------------- */
#sideCol {float: left; width: 208px; background: url('/_images/bg-side-top.gif') top no-repeat; padding-top: 13px;}
#sideCol ul {float: left; width: 100%; padding-bottom: 15px; background: #ddecf7 url('/_images/bg-side-nav-btm.gif') bottom repeat-x;}
#sideCol ul li {float: left; width: 100%; background: #fff; line-height: 29px; margin-bottom: 1px;}
#sideCol ul li.focus a {font-weight: bold; color: #244473;}
#sideCol ul li a {float: left; width: 100%; line-height: 29px; font-weight: bold; text-indent: 5px; font-size: 13px;}

#quickLeads {float: left; width: 100%; margin-top: 10px;}
#quickLeads h6 {float: left; width: 100%; line-height: 29px; background: url('/_images/bg-form-top.gif') top right no-repeat; font-size: 13px; font-weight: bold; color: #8691a3; text-indent: 8px;}
#quickLeads form {width: 100%; background: #244473; padding: 5px 0 15px 0; margin: 0 0 5px 0;}
#quickLeads form .row {float: left; width: 183px; margin-left: 10px; margin-bottom: 4px;}
#quickLeads form label {color: #fff; font-weight: normal;}
#quickLeads form .text {border: 1px solid #fff; padding: 2px;}
#quickLeads form .elements .options {float: left; clear: left; margin: 0 10px 4px 0;}
#quickLeads form .elements span {float: left; width: 140px; margin-left: 0; color: #fff; line-height: 14px;}
#quickLeads form .text.name {width: 100%;}
#quickLeads form .text.phone {width: 100%;}
#quickLeads form .text.email {width: 100%;}
#quickLeads form .text.comments {width: 100%; height: 75px;}
#quickLeads form .actions {width: 183px; margin-left: 10px; margin-top: 10px;}

#events {float: left; width: 99%; margin: 10px 0; padding: 3px;}
#events h6 {float: left; width: 100%; font-size: 14px; font-weight: bold; margin: 10px 0; color: #a8becf;}
#events p {float: left; width: 100%; margin-bottom: 10px; line-height: 16px; color: #666;}
#events p strong {font-size: 12px; line-height: 20px; color: #000;}



/* Main Content
----------------------------------------------------------------- */
#canvas {float: left; clear: left; width: 979px; padding: 0 14px 14px 14px; background: #fff; z-index: 70;}
.frame {float: left; clear: left; width: 100%; padding-bottom: 80px; background: url('/_images/bg-abstract.gif') bottom no-repeat;}

#phone {position: absolute; top: -50px; right: 200px; z-index: 150;}
#splash {float: left; position: relative; width: 100%; height: 505px; border-bottom: 6px solid #003765; background: #000; }
#splash .shadow {position: absolute; bottom: -28px; left: -52px; width: 1109px; height: 124px; background: url('/_images/splash-shadow.png') no-repeat;}

#mast {float: left; width: 100%; height: 85px; position: relative; background: url('/_images/bg-mast.gif') top center no-repeat; z-index: 80;}
#mast h3 {float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 36px; color: #fff; text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5); margin: 23px 0 0 20px;}
#mast p {float: left; width: 240px; position: absolute; top: 28px; right: 10px; font-weight: bold; line-height: 28px; }
#mast p label {float: left; font-size: 13px; color: #b0d6fb; margin-right: 10px;}
#mast p span {float: left; font-size: 24px; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);}

#mainCol {float: left; position: relative; width: 747px; margin-left: 24px; }
#mainCol h1 {float: left; width: 100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #000; margin: 10px 0 5px 0; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
#mainCol h2 {float: left; width: 100%; font-size: 19px; font-weight: bold; line-height: 20px; margin-bottom: 5px; margin-top: 20px; color: #000;}
#mainCol h3 {float: left; width: 100%; font-size: 15px; font-weight: bold; line-height: 20px; margin-bottom: 5px; margin-top: 20px; color: #333;}
#mainCol h4 {float: left; width: 100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #666; margin: 10px 0 5px 0;}
#mainCol h4 span {font-size: 14px; font-weight: normal; color: #999; margin-left: 20px;}
#mainCol p {float: left; width: 100%; font-size: 12px; line-height: 17px; margin-bottom: 12px;}
#mainCol p.date {color: #999; font-style: italic;}
#mainCol ul {float: left; width: 100%; margin: 0 0 25px 15px;}
#mainCol ul li {float: left; width: 95%; padding-left: 12px; background: url('/_images/bullet-blue.gif') 0 8px no-repeat; line-height: 18px; font-size: 12px;}
#mainCol ul li h3 {font-size: 15px; color: #000; font-weight: bold; margin-bottom: 5px; margin-top: 0;}

#mainCol .headline {float: left; width: 100%; height: 180px; border-bottom: 1px solid #d0e2f0; }
#mainCol .headline h1 {width: 550px; font-size: 24px; color: #00467f; margin: 25px 0 15px 0; padding: 0; border: 0;}
#mainCol .headline p {float: left; width: 530px; font-size: 14px; color: #00467f; line-height: 20px; }
#mainCol .headline.distribution {background: url('/_images/headline-distribution.jpg') bottom right no-repeat;}
#mainCol .headline.logistics {background: url('/_images/headline-logistics.jpg') bottom right no-repeat;}
#mainCol .headline.about {background: url('/_images/headline-about.jpg') bottom right no-repeat;}
#mainCol .headline.workwithus {background: url('/_images/headline-workwithus.jpg') bottom right no-repeat;}

#mainCol .breadcrumb {float: left; width: 100%; margin: 20px 0 0 0; font-size: 11px;}
#mainCol .breadcrumb a {color: #999;}
#mainCol .pdf {position: absolute; width: 70px; top: 20px; right: 20px;}
#mainCol .pdf a {float: left; padding-left: 20px; background: url('/_images/icn-pdf.png') left no-repeat; font-size: 11px;}

table .num {text-align: right;}

.pagination {float: left; clear: left; width: 100%; padding-top: 10px; border-top: 2px solid #90b5d3; margin-top: 20px; text-align: center;}
.pagination p {}
.pagination label {color: #999; margin-right: 10px;}
.pagination strong {color: #000; margin-left:10px;}
.pagination a {margin-left: 10px;}

#mainCol ul.partners {float: left; width: 100%; margin: 0;}
#mainCol ul.partners li {float: left; width: auto; padding: 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; margin: 0; background: none;}
#mainCol ul.partners li.right {border-right: 0;}
#mainCol ul.partners li.bottom {border-bottom: 0;}

#mainCol ul.news {}
#mainCol ul.news li .date {float: left; width: 100px;}
#mainCol ul.news li a {font-weight: bold;}

#mainCol ul.orgs {margin-top: 10px;}
#mainCol ul.orgs li {margin-bottom: 15px;}

form.longForm {padding-left: 5px;}

#mainCol .headquaters {float: left; width: 480px; background: #eee; margin-bottom: 20px; position: absolute; right: 0; top: 20px;}
#mainCol .headquaters p.vcard {float: left; width: 230px; line-height: 20px; margin: 10px 0 0 10px;}
.headquaters a.map {display: block;}
.headquaters a.map img {float: right; border: 1px solid #ccc; padding: 1px; }

#mainCol .location {float: left; width: 100%; margin-top: 20px;}
#mainCol .location p.vcard {float: left; width: 430px; line-height: 20px; margin: 10px 0 0 20px;}
#mainCol .location .map {float: left; border: 1px solid #666;}

#salesMap {position: absolute; right: 20px; top: 250px;}
.region {float: left; width: 40px; height: 20px; width: 20px; margin-right: 5px;}
.region.northeast {background: #0098d2;}
.region.southeast {background: #5bba47;}
.region.midwest {background: #8266ac;}
.region.southwest {background: #a12120;}
.region.western {background: #c16b39;}
.region.socal {background: #d4df00;}
.insideSales {padding-left: 10px; margin-left: 10px; border-left: 1px solid #ccc;}

#mainCol .productShowcase {float: left; width: 100%; list-style: none; margin: 0;}
#mainCol .productShowcase li {float: left; width: auto; padding-left: 0; background: none;}


/* Portal Layouts 
----------------------------------------------------------------- */
body.printable {background-color: #fff; background-image: none;}
body.printable .container {width:747px; margin-left:15px;}
body.printable .frame {background-image:none;}
body.printable #canvas {width:747px; padding:0;}
body.printable #mainCol {margin:0}

.orderDetails {float: left; clear: left; width: 100%; margin-bottom: 10px;}
.orderDetails td {width: 50%; vertical-align: top; font-size: 11px; line-height: 16px; padding-bottom: 15px;}
#mainCol .orderDetails ul {margin: 0;}
#mainCol .orderDetails ul li {padding: 0; background: none; width: 100%; font-size: 11px;}
#mainCol .orderDetails ul li label {float: left; width: 115px;}
#mainCol .orderDetails ul li span {float: left; width: 100px;}

.shipping {float: left; clear: left; width: 100%; margin-bottom: 20px;}
.shipping th {width: 50%; vertical-align: top; font-size: 12px; line-height: 16px; background: #ccc; font-weight: bold; padding: 4px;}
.shipping td {width: 50%; vertical-align: top; font-size: 11px; line-height: 16px; padding: 4px;}

.details {float: left; clear: left; width: 100%; margin-bottom: 20px;}
.details th {width: 25%; vertical-align: top; font-size: 12px; line-height: 16px; background: #ccc; font-weight: bold; padding: 4px;}
.details td {width: 25%; vertical-align: top; font-size: 11px; line-height: 16px; padding: 4px;}

.product {float: left; clear: left; width: 100%; margin-bottom: 20px;}
.product th {vertical-align: top; font-size: 12px; line-height: 16px; background: #244473; font-weight: bold; padding: 4px; color: #fff;}
.product th.blank {background: #fff;}
.product th.qty {text-align: center; font-weight: normal;}
.product td {vertical-align: top; font-size: 11px; line-height: 16px; padding: 4px;}
#mainCol .product td ul {float: none; margin: 0; width: auto;}
#mainCol .product td ul li {float: none; padding: 0; background: none; font-size: 11px; color: #666;}
#mainCol .product td ul li label {display: inline-block; width: 90px; margin-right: 10px;}
#mainCol .product td ul li span {display: inline-block; width: 90px; margin-right: 10px; text-align: right;}

.lastItem {float: left; clear: left; margin: 20px 0; color: #ccc; text-transform: uppercase; background: url('/_images/dot-grey.gif') 0 8px repeat-x; text-align: center;}
.lastItem span {background: #fff; padding: 0 5px;}

.totals {float: left; clear: left; width: 98%; margin-bottom: 20px;}
.totals td.label {width: 75%; vertical-align: top; font-size: 11px; line-height: 16px; padding: 2px; text-align: right;}
.totals td.amount {width: 25%; vertical-align: top; font-size: 11px; line-height: 16px; padding: 2px; text-align: right;}
.totals .total td {font-size: 16px; font-weight: bold; text-transform: uppercase; color: #000; padding-top: 10px;}

.search {background: #ddecf7; padding: 10px 0;}
.search .row {float: left; width: 135px; margin-left: 10px;}
.search .actions {float: left; width: 100px; margin-top: 15px; margin-left: 10px;}

.results {float: left; clear: left; width: 100%; margin-bottom: 20px;}
.results th {vertical-align: top; font-size: 12px; line-height: 16px; background: #244473; font-weight: bold; padding: 4px; color: #fff;}
.results td {vertical-align: top; font-size: 11px; line-height: 16px; padding: 4px; font-size: 12px;}
.results td a {padding-left: 15px; background: url('/_images/icn-magglass-sml.png') left no-repeat;}
.results th.num {padding-right: 52px;}
.results td.num span {color: #999; padding-right: 20px;}

#mainCol ul.diagram {float: left; width: 100%; height: 280px; list-style: none; padding: 0; margin: 0; background: url('/_images/diagram1.jpg') no-repeat;}
#mainCol ul.diagram li {float: left; width: 100%; list-style: none; padding: 0; margin: 0;}