/* GENERAL */

 

body, td                                {

            color: #330000;

            font-family: Verdana;

            font-size: 12px;

            line-height: 19px;

}

body                                    { background-color: #dddddd; margin: 0px }

form, img                               { margin: 0px; padding:0px }

a, a:visited                            { color: #FF0000; text-decoration: none }

a:hover                                 { text-decoration: underline }

p                                       { margin: 10px 0px }

ul                                      { margin: 0px 0px 0px 18px; padding: 0px; list-style-image: url('../img/bullet.gif') }

hr                                      { height: 2px; border: none; background-color: white; color: white }

h1,h2,h3,h4,h5,h6                       { font-family: Arial Narrow, Arial; color: #d5263c; margin: 4px 0px }

h1                                      { font: normal 30px/28px Impact, Charcoal, Arial Narrow, Arial; letter-spacing: 1px; margin-bottom: 0px }

h2                                      { font-size: 20px }

h3                                      { font-size: 15px }

h4                                      { font-size: 14px }

h5                                      { font-size: 13px }

h6                                      { font-size: 12px; color: black }

.smalltext                                      { font: 10px Verdana; color: #000000}

.footer                                       { font: 10px Verdana; color: #000000; width: 990px; background-color: #acd7f1; margin: 0px 18px 0px 18px;}

 

 

/* STYLESHEET FOR TINY PICKERS WRAPPER SPECIAL PAGES */

 

.wrapper{

align: center;

background: url(../img/wrapper.jpg) no-repeat;  

background-color: #000000;

width:523px; 

height:653px; 

text-align:left;

float:left;

}

.wrapper p, .note h3{

padding: 15px 30px; 

}

.wrapper h3{

padding-top:30px;

}

 

/* STYLESHEET FOR MAIN MENU AND PULLDOWN SUBMENU */

 

#menu                                   { width: 100%; background-color: #d5263c; border-width: 2px 0px 2px 2px; border-color: white; border-style: solid }

div.sm_mmenu                            { float: left; border-right: 2px solid white; color: white }

 

/* main menu items */

div.sm_mmenu a,div.sm_mmenu a:visited   { display: block;

                                          padding: 6px 18px 6px 8px;

                                          font: bold 12px Arial,Helvetica;

                                          text-transform: uppercase;

                                          text-decoration: none;

                                          background-color: #d5263c;

                                          white-space: nowrap;

                                          color: white;

                                        }

div.sm_mmenu>a,div.sm_mmenu>a:visited   { height: 15px } /* for Safari, hide from IE */

 

/* mouse-over effect on main menu items */

div.sm_mmenu a:hover                    { color: black; text-decoration: none; background-color: #eeee1e ! important }

 

/* main menu search item */

div.sm_mmenu div.searchmenu             { font: bold 12px Arial,Helvetica;

                                          padding: 0px 8px;

                                          text-transform: uppercase;

                                          color: white;

                                          height: 27px;

                                          float: left;

                                          background-color: transparent

                                        }

#menu a.active                          { background-color: #eeee1e ! important; color: black ! important }

 

div.sm_mmenu div.searchmenu form        { margin-top: 4px } /* For IE */

div.sm_mmenu>div.searchmenu>form        { margin-top: 5px } /* For FF, Opera, Safari */

 

/* submenu */

div.sm_hdmenu                           { position: relative;

                                          float: left;

                                          height: 0px;

                                        }

div.sm_hdmenu div                       { position: absolute;

                                          /* display: none;*/

                                          visibility: hidden;

                                          top: 0px;

                                          left: 0px;

                                          border: none;

                                        }

div.sm_hdmenu div span.bgalpha          { display: block;

                                          height: 0px;

                                          background-color: #221e1f;

                                          filter: alpha(opacity=70); /* for IE6-7 */

                                          padding: 0px 0px 6px 0px

                                        }

div.sm_hdmenu>div>span.bgalpha          { background: url(../img/black_a70.png); height: auto } /* Safari, FF */

span.alpha100                           { display: block; position: relative } /* for IE6 */

 

/* set widths of individual submenu's here */

#sm_hmenu0                              { width: 0px }

#sm_hmenu1                              { width: 0px }

#sm_hmenu2                              { width: 155px }

#sm_hmenu3                              { width: 104px }

#sm_hmenu4                              { width: 115px }

#sm_hmenu5                              { width: 0px }

 

div.sm_hdmenu div a                     { font-size: 12px ! important;

                                          font-weight: bold ! important;

                                          display: block ! important;

                                          letter-spacing: -0.4px ! important; 

                                          padding: 3px 8px ! important; 

                                          margin: 0px ! important; 

                                          background-color: transparent ! important; 

                                          white-space: normal ! important

                                        }

 

xtable { border: 1px solid red }

xtd    { border: 1px solid cyan }

/* STYLESHEET FOR PAGE CONTENT */

 

#sitecontainer                          { width: 990px; background-color: white; height: 100%; border: none }

 

/* header */

td.headerleft                           { padding: 2px 0px 0px 2px }

td.headercenter                         { padding: 2px 1px 0px 1px; width: 100% }

td.headerright                          { padding: 2px 0px 0px }

#scrollingfotos                         { width: 605px; overflow: hidden }

#scrollingfotoshome                     { width: 405px; overflow: hidden }

#scrollingImg                           { position: relative; left: 0px }

 

input.searchbox                         { width: 127px; height: 17px; font: 11px Arial; background-color: #e7e756; border: none; vertical-align: middle }

 

#partnermenu                            { margin: 0px; width: 100%; height: 86px }

#partnermenu td                         { background-color: #ffff00; width: 50% }

#partnermenu a,#partnermenu a:visited   { display: block; height: 20px; width: 100% }

 

#partnermenu td.ipkop                   { background-color: black; border-width: 0px 1px 1px 1px; border-color: white; border-style: solid }

#partnermenu td.ipt                     { border-width: 0px 1px 1px 1px; border-color: white; border-style: solid }

#partnermenu td.ipm                     { border-width: 1px 1px 1px 1px; border-color: white; border-style: solid }

#partnermenu td.ipb                     { border-width: 1px 1px 0px 1px; border-color: white; border-style: solid }

 

#partnermenu a.germany                  { background: url(../img/ipgermany.gif) no-repeat }

#partnermenu a.ireland                  { background: url(../img/ipireland.gif) no-repeat }

#partnermenu a.czech                    { background: url(../img/ipczech.gif) no-repeat }

#partnermenu a.italy                    { background: url(../img/ipitaly.gif) no-repeat }

#partnermenu a.denmark                  { background: url(../img/ipdenmark.gif) no-repeat }

#partnermenu a.netherlands              { background: url(../img/ipnetherlands.gif) no-repeat }

 

#partnermenu a:hover                    { background-position: 0px -20px }

 

 

/* left column */

#contentleft                            { background: url(../img/bgshadeleft.gif) #acd7f1 top right repeat-y; width: 200px }

#contentleft table                      { height: 100%; width: 100% }

.pageleftbghome                         { background: url(../img/leftbg-home.gif) top left no-repeat; width: 100%; height: 100%; padding-top: 7px }

/* set page background images for left column here */

.pageleftbg0                            { background: url(../img/news.gif) top left no-repeat; width: 100%;  padding-top: 7px }

.pageleftbg1                            { background: url(../img/about-child-labour.gif) top left no-repeat; width: 100%; height: 100%; padding-top: 7px }

.pageleftbg2                            { background: url(../img/how-we-work.gif) top left no-repeat; width: 100%; height: 100%; padding-top: 7px }

.pageleftbg3                            { background: url(../img/who-we-are.gif) top left no-repeat; width: 100%; height: 100%; padding-top: 7px }

.pageleftbg4                            { background: url(../img/what-you-can-do.gif) top left no-repeat; width: 100%; height: 100%; padding-top: 7px }

 

#sidemenu a,#sidemenu a:visited         { display: block;

                                          width: 102px; 

                                          max-width: 90px;  

                                          font: bold 10px/10px Arial;

                                          letter-spacing: -0.4px;

                                          background-color: #d5263c; 

                                          margin: 2px 0px; 

                                          padding: 6px 4px;

                                          color: white; 

                                          text-transform: uppercase;

                                          text-align: left;

                                        }

                                        

#sidemenu a ul                          { list-style-image: none }

#sidemenu a:hover                       { background-color: #eeee1e; color: black; text-decoration: none }

#sidemenu a.active                      { background-color: #eeee1e ! important; color: black ! important }

 

/* center column */

#contentcenter                          { background-color: #e1edff; width: 553px }
#contentcenter2                          { background-color: #330000; width: 553px }

#textframe                              {  }

#textframehome                          { height: 100%; overflow-x: hidden }

#textframe .padd                        {

            padding-top: 10px;

            padding-right: 20px;

            padding-bottom: 10px;

            padding-left: 20px;

}

#textframe .padd2                        {

            padding-top: 10px;

            padding-right: 20px;

            padding-bottom: 10px;

            padding-left: 20px;

            background-color: #330000;

}

#textframehome .padd                    { padding: 10px 0px }

#textframehome p                        { font-size: 11px; line-height: 15px }

#textframehome table                    { margin-right: 0px

}

#textframehome td                       {

            padding: 0px

}

#animatedbanners                        { background-color: white; padding: 2px 0px 2px 2px }

#animatedbanners img                    { margin: 0px 2px 0px 0px; padding: 0px }

 

/* right column */

#contentrighthome                       { background: url(../img/gera.gif) #acd7f1 top right no-repeat; width: 237px }

/* set page background images for right column here */

#contentright0                          { background: url(../img/sandip.gif) #acd7f1 top right no-repeat; width: 237px }

#contentright1                          { background: url(../img/irena.gif) #acd7f1 top right no-repeat; width: 237px }

#contentright2                          { background: url(../img/gera.gif) #acd7f1 top right no-repeat; width: 237px }

#contentright3                          { background: url(../img/sandip.gif) #acd7f1 top right no-repeat; width: 237px }

#contentright3                          { background: url(../img/irena.gif) #acd7f1 top right no-repeat; width: 237px }

 

/* hacks to repair browser bugs */

tr>td.tdh0, x:-moz-any-link             { height: 0% }          /* bugfix for FF to repair scrolable div */

html:first-child #textframe             { overflow: visible }   /* bugfix for Opera, doesn't handle overflow correctly */

html:first-child #textframehome         { overflow: visible }   /* bugfix for Opera, doesn't handle overflow correctly */

html:first-child #contentleft>table     { height: 500px }       /* bugfix for Opera */