* {
padding:0;
margin:0;
border:0;
}

body {
background:#202020;
text-align:center;
font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
background-image:url('../images/main-bg.jpg');
background-repeat:repeat-x;
background-color:#d5d5d5;
}

.clear {
clear:both;
}

a:link,
a:visited {
color:#002569;
}

#container {
width:801px;
margin:25px auto;
}

#head {
text-align:center;
padding:25px;
overflow:hidden;
}

#head img#logo {
float:left;
}

#head #links {
float:right;
}

#head #links a:link,
#head #links a:visited {
display:block;
width:71px;
height:18px;
background-image:url('../images/application-button-bg.jpg');
background-repeat:no-repeat;
background-color:transparent;
font-size:8pt;
font-weight:normal;
color:#fff;
text-decoration:none;
float:left;
margin-right:5px;
padding-top:3px;
}

#head #links a:hover,
#head #links a:focus {
text-decoration:underline;
}

#navigation {
text-align:left;
padding-left:20px;
overflow:hidden;
clear:both;
margin-bottom:5px;
}

#navigation ul {
list-style:none;
clear:both;
}

#navigation ul li {
display:inline;
vertical-align:middle;
height:35px;
overflow:hidden;
}

#navigation ul li a:link,
#navigation ul li a:visited {
display:block;
width:122px;
height:25px;
background-image:url('../images/nav-off-bg.jpg');
background-repeat:no-repeat;
float:left;
background-color:#c8c8c8;
text-decoration:none;
margin-right:6px;
text-align:center;
color:#000;
font-weight:bold;
font-size:8pt;
padding-top:10px;
}

#navigation ul li.long a:link,
#navigation ul li.long a:visited {
padding-top:4px;
height:31px;
}


#navigation ul li.active a:link,
#navigation ul li.active a:visited {
background-image:url('../images/nav-on-bg.jpg');
color:#fff;
}

#navigation ul li a:hover,
#navigation ul li a:focus {
background-image:url('../images/nav-on-bg.jpg');
color:#fff;
}

#foot {
background-image:url('../images/foot-bg.png');
background-repeat:no-repeat;
height:97px;
overflow:hidden;
}

#foot div {
text-align:center;
margin-top:35px;
font-size:7pt;
}

#foot div a:link,
#foot div a:visited {
font-size:7pt;
color:#000;
padding:0 10px 0 10px;
}

#foot div a:hover,
#foot div a:focus {
text-decoration:none;
}

/* home page */

#home {
text-align:center;
background-image: url(../images/secondary-content-bg.jpg);
background-repeat: repeat-y;
}

#home #introduction {
background-image:url('../images/home-introduction-bg.jpg');
background-repeat:no-repeat;
height:511px;
text-align:left;
}

#home #flash{
width:775px;
clear:both;
text-align:center;
overflow:hidden;
font-size:18px;
color:#fff;
margin:auto;
}

#home #about {
clear:both;
background-image:url('../images/home-about-bg.jpg');
background-position:center bottom;
background-repeat:no-repeat;
background-color:transparent;
height:350px;
overflow:visible;
}

#home #about h2 {
font-size:11pt;
color:#3d3d3d;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
}

#home #about h2 a:link,
#home #about h2 a:visited  {
font-size:11pt;
color:#3d3d3d;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
text-decoration:none;
}

#home #about h2 a:hover,
#home #about h2 a:focus  {
font-size:11pt;
color:#3d3d3d;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
border-bottom:1px solid #ccc;
}


#home #solutions { 
width:368px;
padding:0 5px 0 15px;
border-right:1px solid #c2c2c2;
float:left;
margin:15px 0 15px 13px;
text-align:left;
}

#home #solutions .solution {
clear:both;
overflow:hidden;
margin-bottom:10px;
padding-right:10px;
}

#home #solutions .solution img {
float:left;
}

#home #solutions .solution div {
float:right;
width:275px;
margin-right:10px;
margin-top:-3px;
}

#solutions .solution h3 a:link,
#solutions .solution h3 a:visited {
font-size:11pt;
font-weight:bold;
text-decoration:none;
margin-top:0;
}

#solutions .solution p {
font-size:7pt;
color:#000;
}


#solutions .solution h3 a:hover,
#solutions .solution h3 a:focus {
color:#000;
}


#news {
width:379px;
height:305px;
overflow:hidden;
float:right;
margin:15px 0 15px 0;
text-align:left;
}

#news .story {
clear:both;
margin-bottom:10px;
overflow:hidden;
vertical-align:top;
}

#news .story  img {
float:left;
border:1px solid #b9b9b9;
width:79px;
height:55px;
overflow:hidden;
}

#news .story div {
float:right;
width:234px;
margin-right:50px;
z-index:99;
margin-top:-5px;
}

#news .story h3 {
line-height:10pt;
margin-bottom:5px;
}

#news .story h3 a:link,
#news .story h3 a:visited {
font-size:8pt;
font-weight:bold;
color:#456aa0;
text-decoration:none;
}

#news .story .content {
font-size:7pt;
height:2.5em;
overflow:hidden;
margin-right:0;
margin-top:0;
}


#news .story a:link,
#news .story a:visited {
color:#962e00;
font-size:7pt;
}


/* secondary */

#secondary {
text-align:center;
font-size:8pt;
}

#secondary p {
padding:5px 0 3px 0;
}

#secondary #head {
height:150px;
background-image:url('../images/secondary-head-bg.jpg');
background-repeat:no-repeat;
background-color:transparent;
overflow:hidden;
}

#secondary #head {
padding:0;
}

#secondary #head img#logo {
margin:25px 0 0 25px;
}

#secondary #head #links {
margin:25px 25px 0 0;
}

#secondary #navigation {
padding-top:25px;
}

#secondary #content {
background-image:url('../images/secondary-content-bg.jpg');
background-repeat:repeat-y;
overflow:hidden;
background-color:transparent;
text-align:center;
clear:both;
}

#secondary #content h1 {
width:743px;
height:37px;
margin:0 auto;
background-image:url('../images/secondary-h1-bg.jpg');
background-repeat:no-repeat;
background-color:transparent;
color:#fff;
font-weight:normal;
font-size:14pt;
text-align:left;
padding-left:15px;
padding-top:10px;
}

#secondary #content #interior {
width:758px;
padding-bottom:50px;
margin:0 auto;
background-image:url('../images/secondary-content-interior-bg.jpg');
background-repeat:repeat-y;
background-color:transparent;
overflow:hidden;
}

#secondary #content #in-base {
width:758px;
height:10px;
margin:0 auto;
background-image:url('../images/secondary-content-base-bg.jpg');
background-repeat:no-repeat;
overflow:hidden;
margin-bottom:5px;
}

#secondary #base {
background-image:url('../images/secondary-base-bg.png');
background-repeat:no-repeat;
background-color:transparent;
height:27px;
overflow:hidden;
}

#secondary #interior {
line-height:150%;
}

#secondary #interior ul {
margin-left:20px;
line-height:180%;
margin-top:5px;
list-style-type:square;
}

#secondary #interior ul li {
margin-bottom:5px;
}

#secondary #interior p.introduction {
font-weight:bold;
}

#secondary #interior p strong {
font-weight:bold;
color:#002569;
}

#secondary #interior h2 {
font-size:15pt;
font-weight:normal;
margin-bottom:15px;
margin-top: 0px;
}

#secondary #interior h3 {
font-size:8pt;
font-weight:bold;
margin-top:15px;
}

#secondary #interior .back-to-top {
background-image:url('../images/arrow-to-top.jpg');
background-repeat:no-repeat;
padding-left:15px;
background-position:0 4px;
margin-top:10px;
margin-bottom:20px;
}

#secondary #interior .back-to-top a:link,
#secondary #interior .back-to-top a:visited {
color:#962e00;
font-size:7pt;
}

/* contact us */

#contact-us {
padding:10px 30px 10px 30px;
text-align:left;
}

#contact-us #locations {
float:left;
width:300px;
}

#contact-us #form {
float:right;
width:320px;
overflow:hidden;
}

#contact-us #locations h3 {
font-size:8pt;
font-weight:bold;
color:#000;
}

.form-item {
clear:both;
margin-top:7px;
margin-bottom:7px;
width:300px;
overflow:hidden;
}

.form-item label {
display:block;
text-align:right;
width:95px;
padding-right:5px;
float:left;
margin-top:3px;
}

.form-item .inputs {
float:right;
padding:3px;
background-color:#f3f3f3;
}

.note {
padding-top:25px;
font-size: 7pt;
}

.form-item input.text {
width:180px;
padding:1px;
border:1px solid #7f9db9;
}

.form-item select {
width:184px;
padding:1px;
border:1px solid #7f9db9;
}

.form-item textarea#contact_message {
width:180px;
height:200px;
border:1px solid #7f9db9;
padding:1px;
}

.submit a:link,
.submit a:visited,
#submit a:link,
#submit a:visited {
display:block;
width:71px;
height:20px;
background-image:url('../images/application-button-bg.jpg');
background-repeat:no-repeat;
background-color:transparent;
font-size:7pt;
font-weight:normal;
color:#fff;
text-decoration:none;
float:left;
margin-right:5px;
padding-top:1px;
text-align:center;
}

.submit a:hover,
.submit a:focus,
#submit a:hover,
#submit a:focus {
text-decoration:underline;
}

#contact-us #form .submit {
padding-left:115px;
}

.error-message {
background-color:#f7f7f7;
border:3px solid #fde8e8;
color:#af1313;
padding:3px 3px 5px 8px;
}

/* multi channel solutions */

#multi-channel-solutions {
padding:10px 30px 10px 30px;
text-align:left;
}

#multi-channel-solutions h2 {
color:#002569;
font-size:14pt;
font-weight:normal;
margin-bottom:15px;
margin-top:10px;
}

#multi-channel-solutions h2 span {
font-style:italic;
}

#multi-channel-solutions ul li {
line-height:150%;
margin-top:15px;
}

#multi-channel-solutions #solutions {
float:right;
width:280px;
margin:15px;
border-left:1px solid #b7b7b7;
}

#multi-channel-solutions #solutions .solution {
clear:both;
margin-bottom:1px;
overflow:hidden;
background-color:#f3f3f3;
padding:10px 10px 10px 20px;
}

#multi-channel-solutions #solutions .solution a img {
float:left;
margin-right:5px;
width:50px;
height:auto;
}

#multi-channel-solutions #solutions .solution h3 {
margin:0;
padding:0;
color:#000;
font-size:11pt;
}

#multi-channel-solutions #solutions .solution h3 a:link,
#multi-channel-solutions #solutions .solution h3 a:visited {
color:#000;
font-size:10pt;
font-weight:bold;
}

#multi-channel-solutions #solutions .solution span a:link,
#multi-channel-solutions #solutions .solution span a:visited {
color:#696969;
font-size:7pt;
}




/* direct response */

#direct-response {
padding:10px 30px 10px 30px;
text-align:left;
}

#direct-response h2 {
font-size:11pt;
margin-top:0px;
margin-bottom: 0px;
color:#002569;
}

#direct-response a:link,
#direct-response a:visited {
color:#456aa0;
}

/* ecommerce */

#ecommerce {
padding:10px 30px 10px 30px;
text-align:left;
}

#ecommerce h2 {
color:#416224;
}


#ecommerce a:link,
#ecommerce a:visited {
color:#416224;
}


/* retail */

#retail {
padding:10px 30px 10px 30px;
text-align:left;
}

#retail h2 {
color:#962e00;
}


#retail a:link,
#retail a:visited {
color:#962e00;
}


/* corporate fulfillment */

#corporate-fulfillment {
padding:10px 30px 10px 30px;
text-align:left;
}

#corporate-fulfillment h2 {
color:#5b3b7c;
}

#corporate-fulfillment a:link,
#corporate-fulfillment a:visited {
color:#5b3b7c;
}

#corporate-fulfillment img#fulfillment-photo {
float:right;
margin:15px;
}

/* partners */

#partners {
padding:10px 30px 10px 30px;
text-align:left;
}

#partners h2 {
color:#002569;
}

#partners a:link,
#partners a:visited {
color:#002569;
}

#partners img#logos {
float:right;
}

#partners #examples {
width:480px;
clear:both;
overflow:hidden;
margin-bottom:20px;
}

#partners #examples ul {
margin-top:20px;
}

#partners #services {
width:200px;
}

#partners #testimonials .testimonial {
clear:both;
overflow:hidden;
margin-bottom:20px;
margin-top:15px;
border-bottom:1px solid #f1f1f1;
padding-bottom:10px;
}

#partners #testimonials .last {
border-bottom:0;
}

#partners #testimonials .testimonial blockquote {
padding:15px 15px 15px 40px;
background-image:url('../images/quote.jpg');
background-repeat:no-repeat;
background-position:0 15px;
}

#partners #testimonials .testimonial div {
font-weight:bold;
padding-left:15px;
margin-left:10px;
}

#partners #testimonials .testimonial div img {
padding-top:4px;
}

#partners h2 {
margin-top:20px;
}

/* about us */

#about-us {
padding:10px 30px 10px 30px;
text-align:left;
}

#about-us h2 {
color:#002569;
margin-top:30px;
}

#about-us #history p {
font-weight:bold;
font-size:10pt;
}


#about-us #history ul {
list-style:none;
margin-left:15px;
}

#about-us #history ul li {
border-left:2px solid #d0d0d0;
padding-left:5px;
}

#about-us #leadership h4 {
margin-top:0;
padding:0;
font-size:9pt;
}


#about-us #locations h3 {
font-size:8pt;
font-weight:bold;
color:#000;
}

#about-us #locations h3.first {
margin-top:0;
}

#about-us ul li {
line-height:150%;
}

/* news / press */

#news-press {
padding:10px 30px 10px 30px;
text-align:left;
}

#news-press h2 {
color:#002569;
margin-top:30px;
}

#news-press .story {
padding-top:10px;
padding-bottom:5px;
}

#news-press .story span.date {
font-size:8pt;
color:#962e00;
display:block;
padding-top:2px;
}

#news-press .story .content {
font-size:9pt;
}

#news-press .story h3 a:link,
#news-press .story h3 a:visited {
text-decoration:none;
color:#002569;
border-bottom:2px solid #fff;
padding-bottom:1px;
font-size:11pt;
}

#news-press .story h3 a:hover,
#news-press .story h3 a:focus {
text-decoration:none;
color:#002569;
border-bottom:2px solid #ccc;
}

/* careers */

#careers {
padding:10px 30px 10px 30px;
text-align:left;
}

#careers h2 {
color:#002569;
margin-top:30px;
}

#careers h2.first {
margin-top:10px;
}

span.date {
color:#962e00;
}

#careers #position #meta {
padding:5px 15px 5px 15px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#careers #position #meta h3 {
font-size:9pt;
margin-top:0;
}

img#careers-photo {
float:right;
margin:15px;
}

/* article */


#article {
padding:10px 30px 10px 30px;
text-align:left;
line-height:180%;
}

#secondary #interior h2 {
margin-top:20px;
margin-bottom:0;
color:#01266c;
font-size:11pt;
font-weight:bold;
}

#secondary #interior p.intro {
padding-top:20px;
}

#secondary #interior #ecommerce h3,
#secondary #interior #retail h3,
#secondary #interior #corporate-fulfillment h3,
#secondary #interior #direct-response h3 {
margin-top:0;
}

#secondary #interior #article h2 {
color:#002569;
font-size:14pt;
line-height:100%;
margin-bottom:5px;
margin-top:10px;
}


#article img {
float:right;
}

#article span.date {
padding-bottom:15px;
color:#962e00;
}

/* policies */

#policies {
padding:10px 30px 10px 30px;
text-align:left;
}

#policies h2 {
color:#002569;
margin-top:30px;
}

#policies h2.first {
margin-top:10px;
}

#policies ol {
list-style:none;
}

/* portal: dataview */

#portal-dataview {
height:344px;
overflow:hidden;
background-image:url('../images/portal-dataview-bg.png');
background-repeat:no-repeat;
background-color:transparent;
text-align:left;
}

#portal-dataview #login {
margin-top:120px;
}

#login .form-item {
width:400px;
}

#login label {
font-size:10pt;
font-weight:bold;
width:120px;
}

#login input.text {
padding:3px;
width:250px;
}

#login input:focus {
border:1px solid #000;
}

#login p {
padding-left:40px;
color:#8d8d8d;
font-size:10pt;
font-weight:bold;
padding-bottom:10px;
}

#login #submit {
width:400px;
}

#login #submit a:link,
#login #submit a:visited {
float:right;
padding-top:3px;
}

/* portal: dataport */

#portal-dataport {
height:344px;
overflow:hidden;
background-image:url('../images/portal-dataport-bg.png');
background-repeat:no-repeat;
background-color:transparent;
text-align:left;
}

#portal-dataport #login {
margin-top:120px;
}

/* portal: CMS */

#portal-cms {
height:344px;
overflow:hidden;
background-image:url('../images/portal-cms-bg.png');
background-repeat:no-repeat;
background-color:transparent;
text-align:left;
}

#portal-cms #login {
margin-top:120px;
}

#mcs-navigation {
clear:both;
padding-left:30px;
overflow:hidden;
}


#mcs-navigation ul {
list-style:none;
}

#mcs-navigation ul li {
display:inline;
}

#mcs-navigation ul li a:link,
#mcs-navigation ul li a:visited {
float:left;
padding:5px 5px 3px 5px;
text-decoration:none;
border-bottom:2px solid transparent;
margin-bottom:5px;
margin-right:10px;
}

#mcs-navigation ul li a:hover,
#mcs-navigation ul li a:focus {
border-bottom:2px solid #ccc;
}

.back-link {
clear:both;
padding-left:30px;
overflow:hidden;
}

.back-link a:link,
.back-link a:visited{
float:left;
padding:5px 5px 3px 5px;
text-decoration:none;
border-bottom:2px solid transparent;
margin-bottom:5px;
margin-right:10px;
}

.back-link a:hover,
.back-link a:focus {
border-bottom:2px solid #ccc;
}


#services {
clear:both;
overflow:hidden;
width:350px;
float:right;
margin-left:15px;
}

#services img {
margin-top:20px;
}

#services ul {
list-style:none;
border-left:1px solid #b7b7b7;
margin-top:4px;
margin-left:0 !important;
}

#services ul li {
margin-bottom:1px;
}

#services ul li a:link,
#services ul li a:visited {
background-color:#f3f3f3;
display:block;
width:325px;
padding:6px 4px 6px 20px;
text-decoration:none;
color:#000;
}

#services ul li a:hover,
#services ul li a:focus {
background-image:url('../images/services-menu-bg.jpg');
background-repeat:no-repeat;
background-position:left center;
text-decoration:underline;
color: #013aa5;

}

#services p {
font-weight:bold;
font-size:9pt;
color:#000;
}


.ecommerce a:link,
.ecommerce a:visited {
color:#416224 !important;
}

.dr a:link,
.dr a:visited {
color:#456aa0 !important;
}

.retail a:link,
.retail a:visited {
color:#962e00 !important;
}

.corporate-fulfillment a:link,
.corporate-fulfillment a:visited {
color:#5b3b7c !important;
}