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

body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #666;
   margin-top: 0;
   padding: 0;
   line-height: 1.4em;
   background: #ccc url(/images/bg_page.jpg) repeat-y center center;
}
p { margin: 10px 5px; }
h1, h2, h3 { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; }
ul {
   list-style: square outside;
   margin: 10px 5px 10px 5px;
   padding: 0;
}
li {
   margin: 5px 5px 5px 30px;
   padding: 0;
}
dl { margin: 10px 5px 10px 5px; }
dt {
   font-size: 10px;
   font-weight: bold;
   margin: 10px 0 0 0;
}
dd {
   font-weight: normal;
   margin: 0 0 10px 0;
}
img {
   border: 0;
   padding: 0;
}
.img_right {
   float: right;
   margin: 5px 0 5px 12px;
   font-style: italic;
   color: #666;
   text-align: right;
}
.img_left {
   float: left;
   margin: 5px 25px 5px 5px;
   font-style: italic;
   color: #666;
}
/*-----------------------------
   wrappers / containers
-----------------------------*/
#wrapper {
   width: 990px;
   padding: 0;
   margin : 0 auto;
   position: relative;
   background-position: center top;
   background-color: #fff;
}
#main {
   width: 990px;
   position: absolute;
   top: 145px;
   left: 0;
}
/*-----------------------------
   header styles
-----------------------------*/
.header {
   width: 990px;
   height: 95px;
   position: absolute;
   top: 0;
   left: 0;
}
.header_left {
   position: absolute;
   top: 0;
   left: 0;
   margin: 0;
   padding: 0;
}
.header_right {
   position: absolute;
   top: 10px;
   left: 660px;
   width: 325px;
}
.utility_right {
   position: absolute;
   top: 38px;
   left: 660px;
   width: 325px;
}
/*-----------------------------
   bread crumbs
-----------------------------*/
#breadnav {
   width: 990px;
   height: 15px;
   font-size: 10px;
   position: absolute;
   top: 130px;
   left: 0;
}
span.crumb {
   color: #666;
   margin-left: 5px;
}
span.crumb a:link, span.crumb a:visited {
   color: #369;
   text-decoration: none;
}
span.crumb a:hover {
   color: #036;
   text-decoration: none;
}
/*-----------------------------
   page styles
-----------------------------*/
.col_4, .h_col_4 {
   width: 655px;
   min-height: 475px;
   margin: 0 5px 0 0;
   padding: 0;
   background-color: #fff;
   float: left;
}
.col_4 a:link, .col_3 a:link, .col_2 a:link, .col_1 a:link {
   color: #369;
   text-decoration: none;
}
.col_4 a:visited, .col_3 a:visited, .col_2 a:visited, .col_1 a:visited {
   color: #999;
   text-decoration: none;
}
.col_4 a:hover, .col_3 a:hover, .col_1 a:hover, .col_1 a:hover {
   color: #036;
   text-decoration: none;
}
.col_4 h1 {
   font-size: 13px;
   font-weight: bold;
   color: #333;
   margin: 15px 5px 5px 5px;
   padding: 0;
}
.col_4 h2 {
   font-size: 13px;
   font-weight: bold;
   color: #369;
   margin: 5px 5px -5px 5px;
   padding: 0;
}
.col_4 h3 {
   font-size: 11px;
   font-weight: bold;
   color: #666;
   margin: 5px 5px -5px 5px;
   padding: 0;
}
.col_3 {
   width: 490px;
   min-height: 475px;
   margin: 0 5px 0 0;
   padding: 0;
   background-color: #fff;
   float: left
}
.col_2 {
   width: 325px;
   min-height: 475px;
   margin: 0 5px 0 0;
   padding: 0;
   background-color: #fff;
   float: left;
}
.col_2 h1 {
   font-size: 12px;
   font-weight: bold;
   color: #333;
   margin: 10px 5px 5px 5px;
   padding: 0;
}
.col_1 {
   width: 985px;
   min-height: 475px;
   margin: 0 4px 0 0;
   padding: 0;
   background-color: #fff;
   float: left;
}
.col_1 h1 {
   font-size: 12px;
   font-weight: bold;
   color: #369;
   margin: 10px 5px 5px 5px;
   padding: 0;
}
.col_1 p {
   padding-bottom: 15px;
   clear: both; /*clears css table to display new line*/
}
.feature {
   width: 95%;
   margin: 0 auto;
   padding: 0 0 5px 0;
   border-bottom: 1px solid #ccc;
}
.feature.mkt_link a:link, .feature.mkt_link a:visited {
   color: #333;
   text-decoration: none;
}
.feature.mkt_link a:hover { text-decoration: underline; }
.bg {
   background-color: #f0f0f0;
   width: 98%;
   margin-bottom: 10px;
   padding: 5px;
   min-height: 125px;
}
.statement {
   font: bold 13px "Lucida Grande", Arial, Helvetica, sans-serif;
   line-height: 1.5em;
}
.append-bottom { padding-bottom: 15px; }
.clear { clear: both; /*clears css table to display new line*/ }
/*-----------------------------
   home page styles
-----------------------------*/
.market {
   width: 324px;
   height: 89px;
   margin: 0 4px 1px 0;
   padding: 0;
}
* html .market {
   /* IE6 hack - vertical spacing is automatically 2px between divs */
width: 324px;
   height: 89px;
   margin: 0 0 -1px 0;
   padding: 0;
}
.h_news {
   width: 325px;
   height: 111px;
   margin: 4px 0 0 0;
   padding: 0;
   float: left;
   color: #fff;
   background-color: #b3b3b3;
}
* html .h_news { height: 112px; }
.h_news p {
   margin: 0 5px 5px 5px;
   padding: 0;
   line-height: 13px;
}
.h_news a:link, .h_news a:visited { color: #fff; }
.h_news a:hover { text-decoration: underline; }
/*-----------------------------
   market page styles
-----------------------------*/
.c1_c, .c1_n, .c1_p, .c1_pg {
   width: 161px;
   min-height: 475px;
   margin: 0 4px 0 0;
   padding: 0;
   background-color: #fff;
   float: left
}
.c1_c h1, .c1_n h1, .c1_p h1, .c1_pg h1 {
   font-size: 12px;
   font-weight: bold;
   margin: 10px 5px 5px 5px;
   padding: 0;
}
.c1_c h1 { color: #09c; }
.c1_n h1 { color: #6c3; }
.c1_p h1 { color: #c33; }
.c1_pg h1 { color: #f93; }
.c1_c p, .c1_n p, .c1_p p, .c1_pg p { margin: 5px; }
.c1_c a:link, .c1_c a:visited, .c1_n a:link, .c1_n a:visited, .c1_p a:link, .c1_p a:visited, .c1_pg a:link, .c1_pg a:visited {
   color: #333;
   text-decoration: none;
}
.c1_c a:hover {
   color: #09c;
   text-decoration: none;
}
.c1_n a:hover {
   color: #6c3;
   text-decoration: none;
}
.c1_p a:hover {
   color: #c33;
   text-decoration: none;
}
.c1_pg a:hover {
   color: #f93;
   text-decoration: none;
}
/*-----------------------------
   page head styles
   (market colors)
-----------------------------*/
.head {
   width: 100%;
   height: 75px;
   /* grey */
background-color: #ccc;
}
.head h1 {
   font-size: 16px;
   font-weight: bold;
   color: #333;
   margin: 0;
   padding: 15px 5px 0 8px;
   line-height: 1.2em;
}
.up { text-transform: uppercase; }
.head h2 {
   font-size: 12px;
   font-weight: bold;
   color: #333;
   margin: 3px 5px 0 10px;
   padding: 0;
}
.head h3 {
   font-size: 12px;
   font-weight: bold;
   color: #333;
   margin: 10px 5px 5px 5px;
   padding: 0;
}
.head.c { /* commercial blue */ background-color: #09c; }
.head.n { /* newspaper green */ background-color: #6c3; }
.head.p { /* packaging red */ background-color: #c33; }
.head.pg { /* pub gravure gold */ background-color: #f93; }
.head.c h1, .head.n h1, .head.p h1, .head.pg h1 {
   font-size: 24px;
   font-weight: bold;
   color: #fff;
   margin: 0;
   padding: 10px 0 0 8px;
}
.head.c h2, .head.n h2, .head.p h2, .head.pg h2 {
   font-size: 14px;
   font-weight: bold;
   color: #fff;
   margin: 0;
   padding: 16px 0 0 8px;
}
.ctext { /* commercial blue */ color: #09c; }
.ntext { /* newspaper green */ color: #6c3; }
.ptext { /* packaging red */ color: #c33; }
.pgtext { /* pub gravure gold */ color: #f93; }
/*-----------------------------
   thinktank page styles
-----------------------------*/
.head.thinktank { height: 169px; }
.tt { margin: 10px 15px 10px 0; }
.tt h1 { font-size: 16px; }
.ttstatement {
   font: italic 12px "Lucida Grande", Arial, Helvetica, sans-serif;
   line-height: 1.5em;
   margin-top: 15px;
}
.ttlead {
   color: #ED4A0E;
   font-weight: bold;
}
.ttanswer { color: #000; }
.pullquote {
   float: right;
   width: 200px;
   padding: 15px 25px;
   font: normal 18px "Times New Roman", Times, serif;
   color: #369;
}
/*-----------------------------
   css table styles
-----------------------------*/
.css-table {
   margin: 0;
   padding: 0;
}
.css-table li {
   margin: 5px 0 5px 5px;
   padding: 0;
   float: left;
   list-style: none;
}
.css-table li div {
   float: left;
   padding: 5px 0;
   height: 100%;
   line-height: 1.5em;
}
.date {
   width: 100px;
   font: bold 11px Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
}
.year {
   width: 50px;
   font: bold 11px Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
}
.info {
   width: 535px;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
}
.css-table-u {
   margin: 0;
   padding: 0;
}
.css-table-u li {
   margin: 0 0 5px 5px;
   padding: 0 0 5px 0;
   float: left;
   list-style: none;
   border-bottom: 1px solid #ccc;
}
.css-table-u li div {
   float: left;
   margin: 0;
   padding: 5px 10px 5px 0;
   height: 100%;
   line-height: 1.5em;
}
.title {
   width: 225px;
   font: bold 11px Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
}
.logo {
   width: 200px;
   text-align: center;
}
.overview, .overview-heading {
   width: 410px;
   font: bold 11px Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
}
.overview { font-weight: normal; }
.view, .view-heading {
   width: 130px;
   font: bold 11px Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
}
.view { font-weight: normal; }
.download, .download-heading {
   width: 150px;
   font: bold 11px Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
}
.download { font-weight: normal; }
.css-table-u img { border: 0; }
.dd {
   line-height: 15px;
   margin: -5px 0px 20px 5px;
}
.ddmenutext {
   font: normal 10px Arial, Helvetica, sans-serif;
   width: 115px;
   width: 115px;
}
.agent { width: 310px; }
.agent-country { width: 630px; }
.icon { vertical-align: middle; }
* html .icon { vertical-align: bottom; }
/*-----------------------------
   footer styles
-----------------------------*/
.footer {
   width: 986px;
   margin: 0;
   padding: 20px 2px;
   background-color: #fff;
   color: #666;
   float: left;
}
.footer ul {
   margin:0;
   padding:0;
}
.footer li {
   display:inline;
   margin:0;
   padding:0;
}
.footer a:link {
   color: #369;
   text-decoration: none;
}
.footer a:visited {
   color: #999;
   text-decoration: none;
}
.footer a:hover {
   color: #036;
   text-decoration: none;
}
a.facebook, a.twitter, a.linkedin, a.youtube {
   width:16px;
   height:16px;
   display:inline-block;
   background: url(/images/social-icons.png) no-repeat;
   overflow:hidden;
   padding-left: 5px;
   vertical-align: top;
   float:right;
}
a.facebook { background-position: 0 0; }
a.twitter { background-position: 0 -40px; }
a.linkedin { background-position: 0 -80px; }
a.youtube { background-position: 0 -120px; }
a.facebook:hover { background-position: 0 -20px; }
a.twitter:hover { background-position: 0 -60px; }
a.linkedin:hover { background-position: 0 -100px; }
a.youtube:hover { background-position: 0 -140px; }
/*-----------------------------
   media preferences
-----------------------------*/
@media print {
#nav, .header_right { display: none; }
}