/* basic elements */

img, div { behavior: url(iepngfix.php) }

a {
color: #fff;
text-decoration: none;
}

html {
padding: 0;
margin: 0;
overflow: auto;
}

body {
background: url('beantracks.gif');
height: 100%;
min-height: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
color: #000;
text-align: center;
font-size: 100%;
}

h1 {
font-family: 'times new roman';
font-size: 265%;
font-weight: normal;
text-align: left;
padding-left: 5px;
display: inline;
}

h2 {
font-family: 'tahoma';
font-size: 110%;
font-weight: bold;
color: #79a21e;
text-align: left;
padding: 0;
padding-left: 10px;
margin: 0;
}

h3 {
font-family: georgia;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
color: #000;
line-height: 1.4em;
text-align: left;
padding-left: 25px;
padding-top: 10px;
margin: 0;
}

h5 {
font: normal 10pt arial;
font-size: 60%;
text-align: left;
color: #113486;
margin: 0;
}

p {
color: #000;
font-family: georgia;
font-size: 14pt;
font-weight: bolder;
text-align: left;
letter-spacing: .5px;
line-height: 1.4em;
padding-left: 20pt;
}

a {
text-decoration: none;
color: #000;
}


ul {
font: bold 80% sans-serif;
color: #00519a;
line-height: 1.3em;
text-align: left;
padding-right: 6px;
padding-left: 0;
padding-right: 20pt;
}

ol  {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
text-align: left;
line-height: 1.4em;
padding-left: 25pt;
padding-right: 20pt;
list-style: decimal outside;
}

/* ------------------------------------------------------------- */

/* specific divs */

.only_for_print {
display: none;
}

#center_wrapper {
background-color: #FFFFFF;
width: 850px;
min-height: 528px;
margin: auto;
padding: 0px;
margin-bottom: 0;
padding-bottom: 0px;
overflow: hidden;
border: dashed 4px #113486;
}

#horzmenu {
clear: both;
width: 100%;
font-family: georgia;
font-size: 75%;
font-weight: bolder;
padding-bottom: 10px;
color: #00519a;
font-family: georgia;
}

#horzmenu a {
color: #79a21e;
background: url(bean.gif) 0 0 no-repeat;
display: inline;
height: 14px;
text-align: left;
padding-left: 26px;
}

#horzmenu a:hover {
color: #00519a;
background-position: 0 -16px;
}

#center_wrapper_behind {
width: 785px;
min-height: 528px;
background: #FFFFFF url('beanblogstar.gif') no-repeat 108% 120%;
background: #FFFFFF;
margin: 10px auto;
padding: 0;
margin-bottom: 0;
border: dashed 4px #113486;
z-index: 0;
}

#center_wrapper2 {
background: #fff url(beanheadlogo2.gif);
background-position: top left;
background-repeat: no-repeat;
width: 765px;
min-height: 528px;
margin: 10px auto;
padding: 10px;
margin-bottom: 0;
padding-bottom: 0px;
overflow: hidden;
border: dashed 4px #113486;
z-index: 2;
}

#textbox {
float: left;
width: 290px;
text-align: left;
color: #143583;
font-family: georgia;
font-size: 14pt;
font-weight: bolder;
padding: 10px 0 5px 0px;
z-index: 2;
}

#logobox {
float: right;
text-align: right;
width: 470px;
padding: 0;
margin: 0;
}

#product_photos {
width: 100%;
}

#product_photos img {
margin-right: 3px;
}

#textbox2 {
float: left;
width: 99%;
text-align: left;
color: #143583;
font-family: georgia;
font-size: 14pt;
font-weight: bolder;
padding: 3px;
z-index: 2;
}

#textbox2 p{
font: bold 80% sans-serif;
color: #00519a;
line-height: 1.3em;
text-align: right;
padding-right: 6px;
padding-left: 0;
}


.text {
font: bold 70% sans-serif;
color: #00519a;
line-height: 1.3em;
text-align: right;
padding-right: 6px;
padding-left: 0;
}


#menu {
float: left;
padding-top: 135px;
}

#menu a {
background: url(beanicon.gif) 0 0 no-repeat;
display: block;
width: 155px;
height: 24px;
color: #000;
text-align: left;
padding-top: 13px;
padding-left: 35px;
font: bold 90% sans-serif;
color: #00519a;
text-decoration: none;
}

#menu a:visited {
background-position: 0 0px;
}

#menu a:hover {
background-position: 0 -35px;
color: #79a21e;
}

#menu a:active {
background-position: 0 -72px;
color: #79a21e;
}

#menu a.active {
background-position: 0 -72px;
color: #79a21e;
}

#menu_small {
float: left;
width: 130px;
height: 87px;
background-color: #FFF;
text-align: left;
padding-left: 20px;
padding-top: 10px;
}

#middle {
float: left;
width: 32%;
}

#right {
float: left;
width: 73%;
padding: 0;
margin: 0;
}

#rightside  {
float: right;
}

#tagline {
width: 100%;
color: #79a21e;
text-align: center;
font-family: georgia;
font-size: 14pt;
font-weight: bolder;
}

.poletext {
position: relative;
color: #ffffff;
font-family: arial, sans-serif;
font-size: 0.75em;
font-weight: bold;
}


#birthday_parties {
margin-top: 15px;
width: 270px;
height: 183px;
text-align: center;
}

#footer {
width: 765px;
margin: 0 auto;
padding-top: 0;
clear: both;
}

#footer a {
color: #113486;
}

#footertext {
width: 49.75%;
float: left;
}

#parentspick {
background-image: url(2008parentspick.gif);
}