@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: 110px;
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;
}
.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;
}
}