.orangetext { color: #c37c14; }
.small { font-size: 9px; }

#pmdcontainer {
position: relative;
color: #333333;
width: 748px;
height: 1300px;
background-color: #f0fdfd;
z-index: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#pmdcontainer img { display: block; }

#whiteback {
background-color: #FFFFFF;
position: absolute;
height: 399px;
width: 748px;
z-index: 1;
top: 0px;
left: 0px;
}

#f1container {
position: absolute;
top: 0px;
right: 0px;
height: 399px;
z-index: 10;
width: 495px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


#f1container h1 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #4a634c;
font-size: 28px;
position: absolute;
top: 22px;
left: 0px;
font-weight: normal;
margin: 0;
padding: 0;
}


#f1container h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
position: absolute;
left: 0px;
top: 55px;
color: #c37c14;
margin: 0;
padding: 0;
}

#viewinside {
position: absolute;
height: 70px;
width: 460px;
left: 253px;
top: 440px;
z-index: 10;
}

#viewfind {
position: absolute;
left: 500px;
top: 870px;
z-index: 10;
width: 200px;
}

#viewcuddle {
position: absolute;
z-index: 10;
left: 238px;
top: 870px;
}

#viewwatch {
position: absolute;
top: 590px;
left: 253px;
width: 227px;
z-index: 10;
}

#viewlisten {
position: absolute;
z-index: 10;
left: 518px;
top: 590px;
}
.ghead { margin-bottom: 10px; }

#pmdcontainer #viewlisten a:link, a.olink:link { color: #c37c14; text-decoration: none; }
#pmdcontainer #viewlisten a:visited, a.olink:visited { color: #c37c14; text-decoration: none; }
#pmdcontainer #viewlisten a:hover, a.olink:hover { color: #c37c14; text-decoration: underline; }

img#background1 {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
img#background2 {
position: absolute;
top: 430px;
left: 0;
z-index: 2;
}
img#yarrow {
position: absolute;
top: 8px;
right: 25px;
z-index: 3;
}
img#puffbook { margin-bottom: 15px; 
}

#f1leftcol {
position: absolute;
z-index: 20;
left: -15px;
top: 80px;
width: 465px;
}

#f1rightcol {
position: absolute;
top: 95px;
left: 170px;
width: 305px;
z-index: 20;
}


img#pixiedivider {
position: absolute;
left: 0px;
top: 399px;
z-index: 100;
}
img#listennotes {
position: absolute;
top: 570px;
right: 0px;
z-index: 2;
}
p#aboutbook {
line-height: 15px;
margin-bottom: 20px;
margin-top: 0px;
}
p#aboutcd { line-height: 15px; }
#puffproduct { position: absolute; }

#copyrightnotice {
font-size: 9px;
color: #999999;
font-family: Verdana, sans-serif;
position: absolute;
bottom: 20px;
left: 15px;
z-index: 10;
}


/* IMAGE TRAIN STYLES */
#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 435px; /* Set to gallery width, in px or percentage */
height: 66px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #c37c14; /* Set image border color */
display: inline;
}

#motioncontainer a:hover img {
border: 1px solid #c37c14; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}

img.mmphoto {
display: inline;
margin-right: 2px;
}

#arrowleft { vertical-align: middle; border-top: 1px solid #cc9643; border-bottom: 1px solid #cc9643; }
#arrowright { vertical-align: middle; border-top: 1px solid #cc9643; border-bottom: 1px solid #cc9643; }


/* FIX CDS images */
#f1leftcol img {
display: inline; 
}
#viewcuddle img {
display: inline; 
}
#viewfind img {
display: inline; 
}