* {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:1em;}
p {font-weight:normal; font-size:.7em; color:#333; line-height:1.3em; margin-bottom:10px;} /* set standard paragraph text 11px, D. Body copy in styleguide */
strong {font-weight:bold; font-size:.7em; color:#333;} /* set standard bolded paragraph */
p strong {font-size:1em;} /* set strong tags to inherit paragraph size */
img {border:0;}
input {font-size:.65em; color:#666; padding:2px 3px;}
textarea {color:#666; font-family: Arial, Helvetica, sans-serif; padding:2px 3px; font-size:.7em; overflow:auto;}
select {font-size:.65em; color:#666; padding:0px 1px;}
q:before, q:after {content: "";}  /* turn off default quotes around q tag */
q strong {font-size:1em;}
a.backToTop {background:url(arrow_green_up.gif) no-repeat center left; padding:0 0 0 15px;}
.textLinks {color:#5C762C; font-size:.7em;}  /* set text links 11px green */
p a.textLinks {font-size:1em;}  /* set text links to inhert paragraph size as is */
em a.textLinks {font-size:1em;} /* set text links to inhert em size as is */
/* a:visited {color:#666;} */

/* utility classes */
.hide {display:none;}
.show {display:inherit;}
.right {float:right;}
.left {float:left;}
.sideMargin10 {margin:0 10px;}
.clear {clear:both;}
.noborder {border:none;}
.strike, del {text-decoration:line-through;}


/* new framing styles (only deleted style is old body tag)*/
body {font-family:Arial, Helvetica, sans-serif; font-size:100%; background-color:#fff;} /* sets base font size to 16px on all browsers */
#container {width:740px; margin:0 auto; background-color: #FEF5D8;}
#container #header {float:left; width:740px; background:#F1BD59; padding: 0 0 10px 0;}
#header #leftSide {float:left;  margin: 13px 0 0 0;}
#header #leftSide #logo {float:left;}
#header #leftSide #tagLine {float:left; width:220px; margin: 19px 0 0 0;}
#header #leftSide #tagLine h1 {font-size:.75em; letter-spacing: .1em; line-height:1.275em;}
#headerShadow {clear:both; width:740px; background: #FEF5D8 url(header_nav.gif) repeat-x top left; float:left; border-top: 1px solid #B2B1B0; height:5px; line-height:1px;}
#bannerText{font: 1.15em/1em Arial, Helvetica, sans-serif; color: #666; padding-right:12px; text-align:center; margin:0 auto;}
a#ldirLink {text-decoration:none; color:#666;}
a#ldirLink:hover {text-decoration: underline;}

#contentBox {float:left; width:740px; padding:10px 0; background-color:#FEF5D8;}
.genericBox{background-color:#fff; float:left; width:698px; margin: 15px 20px 0px; border:1px #aaa solid; padding:10px 0 12px; display:inline;}
.genericBox h2{border-bottom: 1px solid #F6D28E; margin: 0 10px 12px; text-indent:8px; padding:0 0 5px; font-size:.7em; font-weight:bold; text-transform:uppercase; letter-spacing:.1em; color:#7A6D5C}
.relatedContentBox{width:316px; float:left; margin-left:19px;}
.relatedContentBox .fifoCover{float:left; padding-right:10px; padding-top:8px;}
.relatedContentBox p {margin-bottom:7px;}
.relatedContentBox .bookCaption{float:left; width:190px; padding-top:10px;}
.relatedContentBox .bookCaption h4{font-size:.75em; color: #7A6D5C; padding-top:1px;padding-bottom:6px; margin:0; font-weight:bold;}
#googleAdBox{margin-top:0;}

#footer{clear:both; float:left; width:740px; padding:13px 0 4px; text-align:center;}
#footer p {margin:0 0 3px; color:#666;}
/* end new framing styles */

/* new landing page styles */

/* TOC */
#leftTOCBox{width:230px; float:left;}
#leftTOCBox h3{padding: 8px 0pt 5px; font-weight: bold; color: #764610; font-size: .95em; border-bottom:1px dashed #ccc; margin:3px 0 0; float:left; width:190px;}
#leftTOC {float:left; width:200px; clear:both; margin-top:10px;}
#leftTOC ul {margin:0 0 10px 7px; list-style: none outside;}
#leftTOC ul li{color:#666; font-size:0.75em; line-height:1.25em; padding:0 0 .5em;}
#leftTOC ul li strong{color:#764610; font-size:1em;}
#leftTOC ul li a{font-size:1em; line-height:1.4em;}

/*Main Landing pg content */
#landingMainBox{float:left; width:420px; padding-top:.5em;}
#bookContent #landingMainBox .wysiwyg {margin-top:10px;}
#landingMainBox .wysiwyg  p {font-size:.8em}
#landingMainBox .relatedContentBox{float:right; width:230px; border:1px #ccc solid; padding:5px 5px 7px 15px; margin:-.25em 0 .5em 1em;}
#landingMainBox .relatedContentBox .bookCaption {width:110px;}
#landingMainBox .relatedContentBox .bookCaption p {font-size:.7em;}
/* end new landing page styles */


/* book content container */
.bookContentContainer {border: 1px solid #aaa; float:left; padding:15px 18px 6px; width:662px; background:#fff; margin:10px 20px; display:inline;}

#bookContent #bookContentBottom {border-top:1px solid #ccc; padding:7px 0 20px; margin-top:5px;}
#bookContent #bookContentBottom div.pagination {margin-top:-4px; clear:none;}
#bookContent img {margin:0 2px -1px 0;}  /* adjusts book chapter icons */
#bookContent div.pagination {text-align:right; clear:both;}
#bookContent span.verticalbar {font-size:.7em; color:#666; padding:0 .15em;}
h2.bookContentHeader {margin:0 0 10px 0; font-size:1.1em; font-weight:bold; color:#764610;}
.bookContentHeader a {color:#764610;}

#bookChapterHeader {width:662px; border-bottom:1px dashed #ccc; margin:3px 0 8px;}
#bookChapterHeader ul {padding:0 0 7px 0; list-style:none; margin:0;} /* reset liststyle and margin from inherited productTabInfo ul */
#bookChapterHeader ul li {display:inline; font-size:.75em; border:none; padding-right:10px;}
#bookChapterHeader ul li a {color:#666;}
#bookChapterHeader ul li strong {font-size:1em;}
#bookChapterHeader ul li strong a {color:#333;}
#bookChapterHeader ul li#ch2 {border-left:1px solid #8F8F8D; padding-left:10px;} /* 2nd sample chapter */


/* "wysiwyg" styles (so named because it's for user-managed content entered in a wysiwyg editor) */
div.wysiwyg {clear:both;}
.wysiwyg p {color:#666;}
.wysiwyg ul {list-style:disc; margin:0 0 10px 25px;}
.wysiwyg ul li {font-size:.7em; color:#666; line-height:1.3em; padding:0 0 3px 0;}
.wysiwyg ul ul {margin:5px 0 0 15px; list-style:circle;}
.wysiwyg ul ul li {line-height:1.4em;}
.wysiwyg ol {margin:0 0 10px 40px;}
.wysiwyg ol li {font-size:.7em; color:#666; line-height:1.3em; padding:0 0 3px 0;}
.wysiwyg strong, .wysiwyg b {font-size:1em; font-weight:bold; color:#764610;}
.wysiwyg em, .wysiwyg i {font-style:italic;}
.wysiwyg h3 {clear:both; color:#7A6D5C; font-size:.95em; font-weight:bold; padding-bottom:8px;} /* deviating from 10px bottom spacing to accomodate actual rendering */
.wysiwyg h4 {clear:both; color:#7A6D5C; font-size:.75em; font-weight:bold; padding-bottom:8px;}
.wysiwyg a {color:#5C762C;}
.wysiwyg a em, .wysiwyg a i, .wysiwyg em a, .wysiwyg i a {color:#c63c05; font-style:normal; text-decoration:underline;}  /* italicized links denote products, make em red-orange */
/* .wysiwyg a:visited {color:#666;}  - this is commented out for ease of testing and development */

.wysiwyg .sidebar {border:1px solid #B7B7B6; margin:20px 0;}
.wysiwyg .sidebar h4 {border-bottom:1px solid #B7B7B6; text-align:center; background-color:#FEF8E2; text-transform:uppercase; color:#764610; font-size:.75em; padding:5px; letter-spacing:.1em; margin-bottom:10px; font-weight:bold;}
.wysiwyg .sidebar p {padding:0px 15px; line-height:1.3em;}
.wysiwyg .sidebar ul {padding:0 15px;}
.wysiwyg .sidebar table tr td {font-size:.7em; color:#666; padding:2px 3px;}
.wysiwyg .sidebar table tr td b, .wysiwyg .sidebar table tr td strong {font-size:1.1em;}
.wysiwyg blockquote {margin:10px; padding:10px; border:1px dashed #ccc;} /* dashed box around book chapter indented sections */
.wysiwyg blockquote p {margin:0;}

/* tables in book chapters */
.wysiwyg table {margin-bottom:8px;}
.wysiwyg table tr td, .wysiwyg table tr th {font-size:.7em; color:#666; padding:2px 3px;}
.wysiwyg table tr th strong {font-size:1.15em;} /* table headings with bold tags */

/* list nesting in tocs */
#tableOfContents .wysiwyg ul li h4 {padding-bottom:3px; font-size:1.1em; padding-top:4px;}  /* undo inherited ul / li styles */ 
#tableOfContents .wysiwyg ul li ul {margin-bottom:0;}
#tableOfContents .wysiwyg ul ul {margin-top:0;}

/* pagination */
div.pagination {letter-spacing:.05em;}
.pagination a {font-size:.7em; color:#5C762C;} /* site-wide pagination styling */
.pagination strong {color:#333;}

/* wysiwyg alteration styles */
#tableOfContents div.wysiwyg ul {list-style:none; margin-bottom:5px;}
#tableOfContents div.wysiwyg h3 {padding: 3px 0 4px 0;}
#bookContent .wysiwyg {margin-top:-15px;}

/* custom table styles */
.wysiwyg table caption {border:2px solid #999; border-bottom:0; text-align:center; background-color:#FEF8E2; text-transform:uppercase; color:#764610; font-size:.75em; padding:5px; letter-spacing:.1em; font-weight:bold;}
.wysiwyg table td, .wysiwyg table th {border:1px solid #999; border-collapse:collapse;}
.wysiwyg table {border:1px solid #999;}

/* glossary */
.wysiwyg dl{font-size:.7em; color:#333;}
.wysiwyg dl dt {font-weight:bold; font-size:1.05em; line-height:1.25em;}
.wysiwyg dl dd {margin-bottom:10px; padding-left:10px;}

/* letter */
.wysiwyg .sampleLetter {width:580px; border:1px solid #666; padding:2em 30px; margin-bottom:10px;}