/*----------------------------------------
 Main stylesheet for: PCA
 ----------------------------------------*/ 
 
 /*----------------------------------------  
 Stylesheet structure:
 
 > Styles reset, HTML & body
 > Main layout
 > Type and inline styling
 > Section/page details
    --> Nav
    --> Main content area       
    --> Scrollbars       
 > Misc     
 ----------------------------------------*/ 
 
 /*----------------------------------------
 Color master list:
   Main text (grey): #5b5b5b;
   Dark pink: #431908;
   Dark blue: #104b7d
   Blue Links: #17578d 
   Green: #11b34a;
   Pink: #e431d1;
 ----------------------------------------*/     
    
/* Styles reset, HTML & body styling -------------------------------------------------------------------------------------  */     

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li, title
fieldset, form, legend
{
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    margin: 0;
    outline: 0;     
    padding: 0;
    
}

/************************** HTML and BODY ************************/

html
{
   background: #FFFFFF url(../images/background-stripe.jpg) top left repeat-x;   
}
  
body 
{                   
   background: url(../images/background.png) center top no-repeat;  
}

/************************** MAIN LAYOUT ************************/ 
#wrapper
{
   width: 980px;
   margin: 0px auto;
   position: relative;
}

   #header
   {
      padding: 0 10px;
   }
   
      #header img
      {
         margin: 10px 0;
      }
   
      #header ul
      {
         list-style-type: none;
      }
      
         #header ul li
         {
            float: left;
            margin-left: 10px;
         }
         
      #header .member-login
      {
         display: block;
         width: 150px;
         height: 34px;
         background: url('../images/member-login.png') top left no-repeat;
         margin-top: -5px;
      }
         
   #content-wrapper
   {
      margin-left: 10px; 
   }
         
      ul#nav
      {
         list-style-type: none;
         width: 960px;
         margin-top: 5px;
         background: url('../images/nav-end.png') top left no-repeat;
         background-position:100%;
      }
      
      #directory ul#nav
      {
         background: url('../images/bk_nav.png') top left no-repeat;
         height: 48px;   
      }
      
      #mainsite ul#nav
      {
         height: 47px;   
      }      
      
         ul#nav li
         {
            float: left;
         }
         
            ul#nav li a
            {
               display: block;
               height: 47px;
            }
            
               ul#nav li a:hover, #nav li:hover a
               {
                  background-position: bottom;
               }
      
         #nav-home
         {
            height: 47px;
            width: 73px;
            background: url('../images/nav-home.png') top left no-repeat;
         }
         
         #nav-about
         {
            width: 93px;
            background: url('../images/nav-about.png') top left no-repeat;
         }
         #nav-resources
         {
            width: 210px;
            background: url('../images/nav-resources.png') top left no-repeat;
         }
         #nav-online
         {
            width: 148px;
            background: url('../images/nav-online.png') top left no-repeat;
         }
         #nav-gallery
         {
            width: 148px;
            background: url('../images/nav-gallery.png') top left no-repeat;
         }
         #nav-awards
         {
            width: 150px;
            background: url('../images/nav-awards.png') top left no-repeat;
         }
         #nav-contact
         {
            width: 105px;
            background: url('../images/nav-contact.png') top left no-repeat;
         }

         #nav-membership
         {
            width: 115px;
            background: url('../images/nav-membership.png') top left no-repeat;
         }
         
         #nav-packagingcovenant
         {
            width: 173px;
            background: url('../images/nav-packaging.png') top left no-repeat;
         }  
         
         #nav-sustainability
         {
            width: 124px;
            background: url('../images/nav-sustainability.png') top left no-repeat;
         } 
         
         #nav-packaginginfo
         {
            width: 134px;
            background: url('../images/nav-packaginginfo.png') top left no-repeat;
         }
         
         
         
         #nav-events
         {
            width: 80px;
            background: url('../images/nav-events.png') top left no-repeat;
         }
         
         #nav-exhibitions
         {
            width: 114px;
            background: url('../images/nav-exhibitions.png') top left no-repeat;
         } 
         
         /* Directory Nav */
         #nav-introduction
         {
            height: 48px !important;
            width: 116px;
            background: url('../images/nav-introduction.png') top left no-repeat;
         } 
         
         #nav-howtouse
         {
            height: 48px !important;
            width: 200px;
            background: url('../images/nav-howtouse.png') top left no-repeat;
         }  
         
         #nav-companylistings
         {
            height: 48px !important;
            width: 146px;
            background: url('../images/nav-companylisting.png') top left no-repeat;
         } 
         
         #nav-categories
         {
            height: 48px !important;
            width: 108px;
            background: url('../images/nav-categories.png') top left no-repeat;
         }
         
         #nav-addcompany
         {
            height: 48px !important;
            width: 154px;
            background: url('../images/nav-addyourcompany.png') top left no-repeat;
         }                                                                              
       
       #hero
       {
          width: 660px;
          height: 230px;
          background: url('../images/pca-hero.jpg') top left no-repeat;
          position: relative;
          padding-top: 30px;
          padding-left: 300px;          
       }
       
       #content
       {
          padding: 10px;
          width: 703px;
          min-height: 550px;
          background-color: #FFFFFF; 
          padding-left: 17px;
       }
       
         #directory-header
         {
            width: 714px;
            height: 43px;
            background: url('../images/bk_header.jpg') top left no-repeat;
            padding-top: 20px;
            padding-left: 17px;
         }
         
         #page-banner
         {
            width: 714px;
            height: 43px;
            padding-top: 20px;
            padding-left: 17px;
            margin-top:-1px;
            background: url('../images/bk_header_about.jpg') top left no-repeat;
         }
       
   #right-panel
   {
       width: 215px;
       min-height: 300px;
       position: absolute;
       top: 150px;
       left: 750px;
   }
   
   #footer
   {
      margin-top: 50px;
      padding-bottom: 20px;
   }
   
      #footer ul
      {
         list-style-type: none;
         margin-left: 20px;
      }
      
         #footer ul li
         {
            float: left;
            margin-right: 10px;
            color: #5b5b5b;
            font-size: 9pt;
         }
         
            #footer ul li a
            {
               text-decoration: none;
               color: #5b5b5b;
            }
       
         
/*********************** TYPEOGRAPHY *********************/
body
{
   font-family: arial;
   font-size: 0.8em;
   line-height: 1.25em;
   color: #000000;
}

#header
{
   font-weight: bold;
   font-size: 0.9em;
}

a
{
   color: #5b5b5b;  
}

#content a
{
   color: #532380;
   text-decoration: none;
   font-weight: bold;
}

#right-panel a
{
   color: #17578d;
   text-decoration: none;
   font-weight: bold;    
}

h1
{
   color: #532380; 
   font-size: 26px;
   line-height: 1em;
   padding-bottom: 5px;
}

#hero h2
{
   color: #532380;
   font-size: 28px;
}

h3
{
   padding-bottom: 4px;
   font-weight: bold;
   font-size: 10pt;
}

   h3.pink
   {
      color: #e431d1;
   }
   
   h3.green
   {
      color: #11b34a;
   }   

.subtle
{
   color: #939598;
}


/************************** MISC ************************/
.left
{
   float: left;
}

.right
{
   float: right;
}

.clear
{
   clear: both;
}

.hidden
{
   display: none;
}

.sprite:hover
{
   background-position: bottom left !important;
}

ul.no-bullet
{
   list-style-type: none;
}

.btn-learnmore
{
   margin-top: 5px;
   display: block;
   width: 197px;  
   height: 40px;
   background: url('../images/btn-learnmore.png') top left no-repeat; 
}

.btn-home
{
   display: block;
   width: 1215px;  
   height: 58px;
   background: url('../images/btn-home.png') top left no-repeat; 
}

ul.news li
{
   padding: 5px 0;
   border-top: 1px dashed #d7d7d7;
}

div.divider
{
   border-top: 1px dashed #d7d7d7; 
}

.top-margin
{
   margin-top: 15px;
}

.top-margin-sm
{
   margin-top: 5px;
}

.left-margin
{
   margin-left: 10px;
}

.bottom-space
{
   padding-bottom: 15px;
}

.greybox
{
   width: 367px;
   height: 167px;
   display: block;
   background: url('../images/greylarge.jpg') top left no-repeat;
   padding: 5px 10px;
}

.greyboxsm
{
   width: 367px;
   height: 80px;
   display: block;
   background: url('../images/greysmall.jpg') top left no-repeat;
   padding: 5px 10px;
}

.greybox-thin
{
   width: 280px;
   height: 110px;
   display: block;
   background: url('../images/greysmallthin.jpg') top left no-repeat;
   padding: 5px 10px;
}



.btn-signup
{
   display: block;
   width: 102px;
   height: 29px;
   background: url('../images/btn-signup.png') top left no-repeat;
}

.btn-search
{
   display: block;
   width: 122px;
   height: 29px;
   background: url('../images/btn-searchdir.png') top left no-repeat;
}

.btn-continue
{
   display: block;
   width: 102px;
   height: 29px;
   background: url('../images/btn-continue.png') top left no-repeat;
   margin-right: 15px;
}

.btn-save
{
   display: block;
   width: 102px;
   height: 29px;
   background: url('../images/btn-save.png') top left no-repeat;
   margin-right: 15px;
}

.btn-login
{
   display: block;
   width: 102px;
   height: 29px;
   background: url('../images/btn-login.png') top left no-repeat;
   margin-right: 15px;
}

.btn-pay
{
   display: block;
   width: 102px;
   height: 29px;
   background: url('../images/btn-pay.png') top left no-repeat;
   margin-right: 15px;
}


/* ERRROR*/

label.error 
{ 
    padding: 2px; 
    width: 260px !important; 
    color: #3E9EFE;
    font-weight: bold;
    text-align: left !important;
    background-color: #FFFFFF;     
}

div.error
{
   width: 260px;
   float: left;
   margin-left: 200px;
}

.error_message
{
    color: #3E9EFE;
}

/* END ERROR */

.slide_out_box 
{
    background:transparent url(../images/slide_out_box_header.png) no-repeat scroll 0 0;
    border:medium none;
    display:block;
    height:30px;
    width:660px;
    color:#FFFFFF;
    font-weight:bold;
    padding-top:5px;    
    padding-left:20px;
    cursor: pointer;
}

.slide_out_box_category
{
    background:transparent url(../images/slide_out_box_header_category.png) no-repeat scroll 0 0;
    border:medium none;
    display:block;
    height:30px;
    width:450px;
    color:#FFFFFF;
    font-weight:bold;
    padding-top:5px;    
    padding-left:20px;
    cursor: pointer;
}

.align_right   
{
    text-align: right;
}


label.my {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
input.my {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    overflow: hidden;
}
#emailToFriend #etfHeader
{
    background-color:#CCCCCC;
    color:#333333;
    font-size:12pt;
    font-weight:bold;
    padding:10px;
    text-align:center;
    width:280px;
}
    #emailToFriend #frmEmail
    {
        padding:10px;
        text-align:left;
        width:270px;
    }
    #emailToFriend #frmEmail label
    {
        display:block;
        font-weight:bold;
        margin:5px 0 2px;
    }
    #emailToFriend #frmEmail input[type="text"], #emailToFriend textarea
    {
        width:250px;
    }
.increaseFont
{
	color:black !important;
    font-size:16px !important;
}
 .decreaseFont
 {
    color:black !important;
    font-size:12px !important;
 }
 .increaseFont-decreaseFont
 {
     border:1px silver solid;
     width:70px;
     padding:2px;
     color:#8B8A8A;
 }
#print-email
{
    margin-bottom:10px;
}
#print-email a
{
    color:#8B8A8A;
    font-size:10pt;
}
#subContent
{
   color:black;
}

#subContent ol
{
    margin-left:40px;
}

#subContent h1
{
  
    margin-top:10px;
    margin-bottom:5px;
}
#subContent h2
{
    
    margin-top:10px;
    margin-bottom:5px;
}
#sitemap
{
    margin-left:40px;
}
    #sitemap li
    {
        margin-top:5px;
    }
    #sitemap li a
    {
        background:none;
    }
    #sitemap li ul
    {
        margin-left:40px;
    }