/* IMPORT CSS FILES
------------------------------------------------------- */
@import url("http://www.mpnews.com/files/sifr.css"); /* sIFR changes to headings */
@import url("http://www.mpnews.com/files/lightbox.css"); /* Lightbox image enlarging */
@import url("http://www.mpnews.com/files/hollyhacks.css"); /* for correct display of floats in IE6 */






body {
    margin: 0px;
    padding: 0px;
    background-color: #CCCCCC;
    font-size: 11px;
    font-family: arial, helvetica, sans-serif;
    font-weight: normal;
}


#container {
    position: relative;
    margin: 0 auto; /* Center */
    width: 772px;
    text-align: left;
    background-color: #FFF;
}    
#heading {
    height: 75px;
    width: 760px;
    padding: 0 6px;
    margin: 0 auto; /* Center */
    background-color: #FFFFFF;
    background-image: url(http://www.mpnews.com/images/liner-head.gif); 
}
#heading img.logo{
    float: left;
}
#footer {
    clear: both;
    text-align: center;
    background-image: url(http://www.mpnews.com/images/liner.gif); 
    background-repeat: repeat-y;
    background-color: #FFF;
    color: #666;
    padding: 3em 0 1em;
}
#footer p {
    margin: 0;
}
#innerpage {
    margin: 0;
    padding: 1em 26px;
    height: 1%;
    background-image: url(http://www.mpnews.com/images/liner.gif); 
    background-repeat: repeat-y;
    background-color: #FFF;
 
}
#innerpage-leftmargin {
    margin: 0;
    padding: 1em 6px 1em 26px;
    height: 1%;
    background-image: url(http://www.mpnews.com/images/liner.gif); 
    background-repeat: repeat-y;
    background-color: #FFF;
}
#innerpage-nomargin {
    margin: 0;
    padding: 1em 6px;
    height: 1%;
    background-image: url(http://www.mpnews.com/images/liner.gif); 
    background-repeat: repeat-y;
    background-color: #FFF;
}

a img {
    border: 0;
}

.textbox {
    float:right;
    width: 550px;
}

.textbox ul{
    padding: 0 0 1em 2em;
    margin: 0;   
}

.textboxsm {
    float:right;
    width: 585px;

}

.textboxsm ul{
    padding: 0 0 1em 2em;
    margin: 0;   
}

.textboxdet {
    float:right;
    width: 500px;

}

.textboxdet ul{
    padding: 0 0 1em 2em;
    margin: 0;   
}

/* navigation------------------------------------------------------------------------------------------------ */
#nav { /*  */
    background-image: url(http://www.mpnews.com/images/liner.gif); 
    background-repeat: repeat-y;    
    clear: left;
    padding: 0 6px;    
    width: 760px; 
    margin: 0 auto; Center 
    text-transform: uppercase;
}
.navlist {
    background-image: url(http://www.mpnews.com/images/side-shadow.png);
    background-repeat: repeat-x;    
    height: 25px;
}
ul#topnav {
    width: 100%;
    margin:0;
    padding:0;
    list-style: none;
    border: none;
} 
#topnav li {
    list-style:none;
    float:left;
}
    
#topnav a {
    display:block;
    color:#FFF;
    text-decoration:none;
    background: url(http://www.mpnews.com/images/tab.gif) no-repeat right;
    margin:0;
    padding: 6px 1.2em 5px 1.7em;
    position: relative;
    font-weight: normal;
}
#topnav a#a0 { left: 0px; z-index:10;}
#topnav a#a1 { left: -10px; z-index:9;}
#topnav a#a2 { left: -20px; z-index:8;}
#topnav a#a3 { left: -30px; z-index:7;}
#topnav a#a4 { left: -40px; z-index:6;}
#topnav a#a5 { left: -50px; z-index:5;}
#topnav a#a6 { left: -60px; z-index:4;}
#topnav a#a7 { left: -70px; z-index:3;}
    
#topnav a:hover {
    background: url(http://www.mpnews.com/images/tab-hov.gif) no-repeat right;
}
#topnav a.here {
    position:relative;
    z-index:102;
    background: url(http://www.mpnews.com/images/tab-hov.gif) no-repeat right;
    padding: 6px 1.2em 5px 1.7em;
    margin: 0;
}
#topnav .here {
    background: url(http://www.mpnews.com/images/tab-hov.gif) no-repeat right;
}
/* common -----------------------------------------------------------------------------------------------------*/
.clr {
   clear: both;
  
   width: 1px;
   height: 1px;
   margin: 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0px;
    }
    
.clr-brk {
   clear: both;
   width: 1px;
   height: 1em;
   margin: 0;
   border: 0;
   padding: 0;
    }
.clr-lft {
   clear: left;
}
    
    
a {
    color: #639d2f;
    font-weight:bold;
    text-decoration:none;
}
h1 {
    font-size: 2.5em;    
    color: #999;
    margin: 0;
    padding: 0;
    font-weight: normal;
}
h2 {
    font-size: 2em;    
    border-bottom: solid 1px #CCC;
    margin: .4em 0 .6em 0;
    padding: 0;
    clear: both;
    font-weight: normal;
}
h3 {
    padding: 0;
    /*
    margin-bottom: .5em; */
    font-size: 2em;    
    border-top: solid 1px #CCC;
    clear: both;
    font-weight: normal;
}
h4 {
    padding: 0;
    margin: 0;
    font-size: 16pt;
    font-weight: normal;
}
h5 {
    font-size: 20pt;    
    color: #000;
    margin: 0;
    padding-top: .6em;
    font-weight: normal;
}
.lng-block { /* container for 100% horizontal divs */
    padding: .4em 0 2em 0;
    overflow: auto;
    clear: both;
}

.mags .lng-block { 
    padding: .4em 0 1em 0;
    margin-bottom: 2em;

    clear: both;
    border-bottom: 1px solid #ccc;
}



p.shortpar{ /* container for 100% horizontal divs */
    width: 75%;
}
* html .lng-block {
    height: 1%
}

.heading-nav * {margin:0; padding:0;}
.heading-nav {
    float:right;
    /*height: 38px;*/
    width: 210px;
    background-image: url(http://www.mpnews.com/images/nav-curve.gif);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #CCC;
    padding-top: 13px;
}
.heading-nav ul {
    list-style: none;
    display: inline;
}
.heading-nav li {
    float: right;
/*    margin-top: 13px;*/
}
.heading-nav li a {
    display: block;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 8pt;
    padding: 5px 0;
    font-weight: normal;
    position: relative;
/*margin-top: 13px;*/
}
.heading-nav li.contact a {
}
.heading-nav li.order a {
    width: 134px;
    background-image: url(http://www.mpnews.com/images/tab-order.gif);
    background-repeat: no-repeat;
    background-position: left;

}
.heading-nav li.faq a {
    width: 68px;
    background-image: url(http://www.mpnews.com/images/tab-faq.gif);
    background-repeat: no-repeat;
    background-position: left;
    right: -12px;

z-index: 999;
}
.heading-nav li.order a:hover {
    background-image: url(http://www.mpnews.com/images/tab-order-hov.gif);
}
.heading-nav li.faq a:hover {
    background-image: url(http://www.mpnews.com/images/tab-faq-hov.gif);
}

.heading-nav li.faq a.here {
    background-image: url(http://www.mpnews.com/images/tab-faq-hov.gif);
}

.breadcrumbs {
    padding: 0;
    margin: 0;
}
.breadcrumbs a {
    font-weight: normal;
}
#innerpage-nomargin .breadcrumbs {
    padding-left: 17px;
}
.image-container {
    clear: both;
}
.imgcap-lg {
    float: left;
    margin: 0 0 1em 0;
    padding: 0;
    
}
.txt-brown {
    color: #633;
}

.txt-red {
    color: #F00;
}
/* back next buttons ------------------------------------------------------------------------------------------*/
.backnext {
    float: right;    
    margin: 0;
    padding: 0;
    height: 21px;
    width: 100%;

}
.backnext ul {
    list-style: none;
}
.backnext li {
    float: right;
}
.backnext li a {
    display: block;
    text-align: center;
    color: #000;
    text-decoration: none;
    border: 1px solid #ccc;
    font-size: 8pt;
    font-weight: normal;
}
.backnext li.nextmag a {
    padding: 4px 0 3px;
    background-image: url(http://www.mpnews.com/images/next-mag.gif);
    background-repeat: no-repeat;
    background-position: right;
    width: 123px;
}
.backnext li.nextbk a {
    padding: 4px 0 3px;
    background-image: url(http://www.mpnews.com/images/next-mag.gif);
    background-repeat: no-repeat;
    background-position: right;
    width: 98px;
}
}
.backnext li a:hover {
    background-image: url(http://www.mpnews.com/images/next-hover.gif);
}


/* drop shadow border --------------------------------------------------------------------------------------------*/
.dropshadow-b {
    background-image: url(http://www.mpnews.com/images/dropshadow-b.png);
    background-repeat: repeat-x;
    height: 6px;
    width: 772px;
    margin: 0 auto ; /* Center */
    padding-bottom: 25px;
}
.dropshadow-bcr {
    float:right;
}
.dropshadow-bcl {
    float:left;
}
/* Main Page ----------------------------------------------------------------------------------*/
.main {
    overflow: auto;
}

#featured {    

    padding: 2em 0 36px 17px;
    background-image: url(http://www.mpnews.com/images/tabbed-bg.png);
    background-repeat: no-repeat;
    background-position: left bottom;

}
* html #featured {    
    height: 1%;
    }
#featured .image-container {
    float: right;
    width: 328px;
    margin-left: 3em;
    padding: 20px 24px 12px 24px;
    background-color: #e5e5e5;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}
#featured .image-container img{
    float: left;
    margin-right: 24px;
    margin-bottom: 24px;    
    border: 1px solid #999;
}

#featured p {    
    padding: 0;
    margin: 0 0 1em 0;
}
.product-container {
    width: 100%;
    display: block;
    clear: both;
}

#featured .featured-text {
width: 330px;
}


.product {
    width: 340px;
    float: left;
    padding: 0 17px 24px 17px;
}

#innerpage-nomargin h1{
    padding: 0 0 0 17px;
    }
.imagecap {
    float: left;
    width: 155px;
    border-right: 1px solid #ccc;
}
.product p {
    margin: 0 0 1em 155px;
    
    padding-left: 1em ;
    width: 160px;
}
/* books -------------------------------------------------------------------------------------*/
.books h1{
    padding: 0;
    margin: 0;
}
.books p{
    width: 75%;
    padding: 0;
    margin-top: 0;
}
.book {
    float: left;
    width: 150px;
    text-align: center;
    padding : 0 1.2em;
    height: 210px;
}



/* magazines -------------------------------------------------------------------------------------*/
.mags p{
    width: 75%;
    margin: 0 0 1em 0;

}
.magazine {
    float: left;
    width: 140px;
    text-align: center;
    padding : 0;
    margin: 0 13px;
  height: 1%;
}

.magazine .imagecap {
    border: 3px solid #933;
    position:relative;
    padding: 0;
    margin-bottom: 1em; 
    width: 140px;
   
height: 1%;
}

.magazine .arrow-overlay {
    z-index:5; 
    position:absolute;     
    bottom: -1px; 
    right: -1px;
}

.mag-list {
    float: left;
    width: 150px;
    padding : 0 1.2em;
}


.mag-list ul {
    margin: 0;
    padding: 0 0 0 1.4em;
}
.mag-list li.dashed {
    list-style: dash;
}

.maglist ul {
       list-style: none;
       margin: 1em 0;
}

.maglist p {
    padding: 0 0 1em 0;
    margin:0;
}

.maglist .side {
    float: left;  
    padding: 10px 30px 10px 0; 
    }

/* book, magazine details ----------------------------------------------------------------------*/
.details h1, h5 {
    float: left;
    padding-top: 0;
}
.details .imagecap {
    float: left;
    width: 150px;
    border-right: 1px solid #ccc;
    text-align: center;
}
.details p {
    padding: 0;
    margin: 0 0 1em 0;
}

.details {
    height: 1%
}

.page {
    float: left;
    /*width: 150px;*/
    text-align: center;
    padding : 0 1.2em 2em;
}

.mags .page {
    width: 164px;
    text-align: center;
    padding : 0 7px 2em;
}

/* trends -----------------------------------------------------------------------------------*/
.trends {
    height: 1%;
}

.trends p {
    padding: 0 0 1em 0;
    margin: 0; 
    width: 75%;
   }

.trends .textbox p {
    width: 100%;
}

.trends h2{
    padding-top: .2em;
}
.trend p {
    padding: 0 0 1em 1em;
    margin: 0 0 0 155px;
}
.trend-report h1, h5 {
    float: left;
        padding-top: 0;
}
.trends .imagecap {
    margin-right: 1em;
}
.tr-order {
    float: left;
    width: 150px;
    text-align: center;
    padding : 0 2.4em 0 1.2em;
}
.trend-report .imgcap {
    height: 183px;
}

.trend-report .lng-block .imagecap {
    float: left;
    width: 150px;
    border-right: 1px solid #ccc;
    margin-right: 1em;
    text-align: center;
}

.trend-report .lng-block p {
    padding: 0 0 1em 0;
    margin: 0;
}

.tr-img {
    float: left;
    /*width: 150px;*/
    text-align: center;
    padding : 0 1em 0;
    height: 250px;
}
.tr-txt {
   padding : 0 1.2em 0;
}

/* Pantone -----------------------------------------------------------------------------------*/
.pantone .lng-block p {
    padding: 0 0 1em 0;
    margin: 0;    
}

.pantone .lng-block .imagecap {
    float: left;
    width: 120px;
    border-right: 1px solid #ccc;
    margin-right: 1em;
    text-align: center;

}

.pantone p {
    padding: 0 0 1em 0;
    margin: 0;
    width: 75%;
}

/* MPNews -----------------------------------------------------------------------------*/
.news .lng-block {
    width:100%;
}

.news .lng-block .imagecap {
    float: left;
    width: 150px;
    border-right: 1px solid #ccc;

}

.news .lng-block p {
    padding: 0 0 1em 0;  
    margin: 0;
}

.news .lng-block ul{
    padding: 0 0 0 2em;
    margin: 0;   

}

.news .lng-block li{

}
.news .newsbox {
    float:right; 
    width: 560px;
}

/* FAQ -----------------------------------------------------------------------------*/
.tabbed-container { 
    height: 1%;
        background-image: url(../images/tabbed-bg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 3em;
}
.faq ul {
    margin: 0 26px;
    padding: 0;
}
.faq li {
    list-style: none;
    padding: 1px 0 1em 12px;
    background: url(../images/bullet-arrow.gif) no-repeat;
    background-position: 0 4px;
    margin: 0;
}
.faq p {
    padding: 0;
    margin: 0 0 1em 0;
}
.faq .faq-q {

}

.faq h3 {
    color: #633;
    }

/* form ---------------------------------------------------------------*/
.form .form-container {
    width: 100%; 
    overflow: auto;
    margin: 0 0 20px 0;
}

.form-row {
  clear: both;
  padding-top: 10px;
  color: #F00;
}
.form label {
    float: left;
    width: 130px;
    color: #633;
    font-weight: bold;
    text-align: right;
    padding: 4px 1em 0 0;
}
.form .form-field {
    float:right;
}
.form p {
    
    margin: 0 0 1em 0;
    
}
.form-img {
    float: right; 
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 1em; 
    background-color:#ccc;
    margin: 0 0 20px 20px;
}
.form-img img{
    border: 1px solid #999;
}
 
/* Margit in a minute ---------------------------------------------------------------- */

.minute p { 
    padding : 0 0 1em 0;
    margin: 0;

}
 
/* color services --------------------------------------------------------------------- */
.color {
    height: 1%;
}
.color .lng-block { 
    padding: .4em 0 1em 0;
    margin-bottom: 2em;
    clear: both;

}

.color p {
    padding: 0 0 1em 0;
    margin: 0;
width: 75%;
} 

.color .textbox p {
    width: 100%;
}

.color .lng-block p {
    padding: 0 0 1em 0;
    margin: 0;
}
 
.color .lng-block .imagecap {
    float: left;
    width: 150px;
    border-right: 1px solid #ccc;
    margin-right: 1em;
text-align: center;
}

.hidden {display: none;}
 
.plaintext {
    background-color: #FFF;
    padding: 10px;
    height: 200px;
    width: 402px;
    border: 1px solid #666666;
    overflow: scroll;
}