/* general styles */
div.Product {margin: 1.5em 1em 1em 1em}
div.Product h1 {font-style: italic; font-size: 250%; line-height: 110%; font-weight: bold; margin: 0 0 .5em;}
div.Product h1 span.Major{font-size: 135%}
div.Product h1 span.Minor{font-size: 65%}

div.Product table.SplitPage {margin: 1em auto;}
div.Product table.SplitPage td {width: 50%; vertical-align: middle;}
div.Product table.SplitPage td.Text {}
div.Product table.SplitPage td.Text p.Divide{text-align: center}
div.Product table.SplitPage td.Image {text-align: center}
div.Product table.SplitPage img.HalfSplash {width: 23em;}
div.Product table.SplitPage img.FullSplash {width: 100%; padding-top: 2em; padding-bottom: 1em; }
div.Product table.SplitPage span.Title {font-weight: bold}

h1.TopRight {margin-right: 2em; font-size: 15px; font-weight: bold; line-height: 1.3}
div.Product table.Bundle {margin: 1em auto;}
div.Product table.Bundle td.Siam {width: 50%; vertical-align: bottom; text-align: center}
div.Product table.Bundle td.Siam img.HalfSplash {width: 25em;}
div.Product table.Bundle td.Austerlitz {width: 50%; vertical-align: bottom; text-align: center}
div.Product table.Bundle td.Austerlitz img.HalfSplash {width: 24em;}
div.Product table.Bundle td.Friedrich {width: 50%; vertical-align: bottom; text-align: center}
div.Product table.Bundle td.Friedrich img.HalfSplash {width: 25em;}
div.Product table.Bundle td.Marengo {width: 50%; vertical-align: bottom; text-align: center}
div.Product table.Bundle td.Marengo img.HalfSplash {width: 21em;}
div.Product table.Bundle td.Text {vertical-align: top; padding: 0 1em}
div.Product table.Bundle td.Text p.QuoteText {padding-top: 0; margin-top: 0}
div.Product table.Bundle td.Price {text-align: center}

div.Product p.QuoteText {padding-left: 2em; text-indent: -2em; margin-right: 2em; font-style: italic; font-size: 125%; line-height: 1.15; font-weight: bold; margin: .5em 0 0 0}
div.Product p.QuoteFrom{text-align: right; font-size: 120%; line-height: 1; font-style: italic; margin: .25em 2em 0;}
div.Product p.Text {text-indent: 2em; margin-top: 1em; font-size: 110%}

div.Product p.BoxTripletCaption{text-align: center; font-style: italic; font-size: 90%; margin: .25em 0 1em}
div.Product table.OpenBox {margin: .5em 5%}
div.Product table.OpenBox td.ImageLeft {vertical-align: middle; padding-right: 1em}
div.Product table.OpenBox td.ImageRight {vertical-align: middle; padding-left: 1em}
div.Product table.OpenBox td.Text {vertical-align: middle;}

div.Product p.NumberedBoard {text-indent: 0; text-align: center; margin: 0}
div.Product img.NumberedBoard {}
div.Product p.NumberedBoardCaption {text-align: center; font-style: italic; font-size: 90%; margin: .25em 0 1em}
div.Product table.MapNote {}
div.Product table.MapNote td.Image {vertical-align: center; width: 70px; text-align: center}
div.Product table.MapNote td.Text {vertical-align: center;}

div.Product p.LocaleCaption {font-style: italic; text-align: center; margin: 1em 0 .5em; padding: 0; font-size: 14px}
div.Product table.LocaleHeader {margin: 0 auto;}
div.Product table.LocaleHeader td {vertical-align: top;}
div.Product table.LocaleHeader td.Text {padding-left: 1em; width: 280px; font-size: 15px; }
div.Product table.LocaleHeader td.Text p {margin: 0 0 1em;}
div.Product table.LocaleHeader td.Image {width: 280px; text-align: right;}
div.Product table.LocaleHeader td.Image img {border-style: solid; border-width: 1px; border-color: gray}

div.Product table.LocaleBody {margin: 0 auto 2em;}
div.Product table.LocaleBody td {width: 300px; text-align: center; padding-top: 20px; vertical-align: bottom}
div.Product table.LocaleBody p {text-align: left; text-indent: 0; margin: 0 20px 3px; width: 260px; font-size: 12px}
div.Product table.LocaleBody p img{vertical-align: bottom}
div.Product table.LocaleBody img.Example {border-style: solid; border-width: 1px; border-color: gray}

div.Product table.PiecesHeader {margin: 1em auto;}
div.Product table.PiecesHeader td {vertical-align: middle;}
div.Product table.PiecesHeader td.Text {width: 340px; font-size: 15px; }
div.Product table.PiecesHeader td.Text p {margin: 1em 0 0;}
div.Product table.PiecesHeader td.Image {width: 340px; text-align: right;}

div.Product table.PiecesHeader2 {margin: 1em auto;}
div.Product table.PiecesHeader2 td {vertical-align: middle;}
div.Product table.PiecesHeader2 td.Text {width: 420px; font-size: 15px;}
div.Product table.PiecesHeader2 td.Text p {margin: 1em 5em 0 0;}
div.Product table.PiecesHeader2 td.Image {width: 420px; text-align: right;}

div.Product p.PiecesBodyCaption {font-size: 125%; font-weight: bold; text-align: center; margin: 0}
div.Product table.PiecesBody {margin: 1em auto;}
div.Product table.PiecesBody th {font-style: italic}
div.Product table.PiecesBody th.Column {text-align: center; padding-bottom: .25em}
div.Product table.PiecesBody th.Left {text-align: right;}
div.Product table.PiecesBody th.Right {text-align: left;}
div.Product table.PiecesBody td {padding: 0 1em}

div.Product table.PiecesBody2 {margin: 10px auto;}
div.Product table.PiecesBody2 td {width: 340px; text-align: center; padding-top: 10px; vertical-align: top;}
div.Product table.PiecesBody2 p {text-align: left; text-indent: 0; margin: 0 20px 3px; width: 300px; font-size: 12px}
div.Product table.PiecesBody2 img.Example {border-style: solid; border-width: 1px; border-color: gray; margin: 0 auto 10px}

div.Product table.RulesHeader {margin: 1em auto;}
div.Product table.RulesHeader td {vertical-align: middle;}
div.Product table.RulesHeader td.Text {width: 300px; font-size: 15px; padding-left: 10px}
div.Product table.RulesHeader td.Text p {margin: .5em 0; text-align: left}
div.Product table.RulesHeader td.Image {width: 300; text-align: center; padding-right: 10px}

div.Product p.RulesBodyCaption {text-align: center; font-style: italic; font-size: 125%; margin: 0}
div.Product table.RulesBody {margin: 10px auto;}
div.Product table.RulesBody td {width: 340px; text-align: center; padding-top: 10px; vertical-align: bottom;}
div.Product table.RulesBody p {text-align: left; text-indent: 0; margin: 0 20px 3px; width: 300px; font-size: 12px}
div.Product table.RulesBody img.Example {border-style: solid; border-width: 1px; border-color: gray; margin: 0 auto 10px}
div.Product table.RulesBody img.ExampleNoFrame {margin: 1 auto 11px}

div.Product table.SetUp {margin: 10px auto;}
div.Product table.SetUp td {width: 340px; text-align: center; padding-top: 10px; vertical-align: top;}
div.Product table.SetUp p.Title {text-align: left; text-indent: 0; margin: 0 10px 3px; width: 300px; font-size: 12px}
div.Product table.SetUp p.Title {text-align: left; text-indent: 0; margin: 0 10px 3px; width: 300px; font-size: 14px; font-style: italic; font-weight: bold}
div.Product table.SetUp p.Body {text-align: left; text-indent: 0; margin: 0 10px 3px; width: 300px; font-size: 12px}
div.Product table.SetUp img.Example {border-style: solid; border-width: 1px; border-color: gray; margin: 0 auto 10px}
div.Product p.StartPlay {text-align: center; font-size: 14px; font-style: italic; font-weight: bold}

div.Product div.FAQ {margin: .5em 3em}
div.Product div.FAQ h2 {text-align: left; font-weight: normal; font-size: 160%}
div.Product div.FAQ h2 img {vertical-align: middle; margin-right: .3em;}
div.Product div.FAQ h3 {text-align: center; font-weight: normal; font-style: italic; font-size: 100%; margin-bottom: 1.5em}
div.Product div.FAQ p {margin: 0 32px; font-size: 105%;}
div.Product div.FAQ p.Question {text-indent: -32px; padding-left: 32px; font-style: italic; font-size: 120%; margin-top: .5em;}
div.Product div.FAQ p.Answer {margin-left: 54px}
div.Product div.FAQ div.Rule{margin: .5em 6em}
div.Product div.FAQ div.Rule p {font-size: 100%; text-indent: 1em; margin: 0;}
div.Product div.FAQ p img {vertical-align: middle; margin-right: .3em}

div.Product p.PreOrderText {margin-left: 10em; margin-right: 10em; font-style: italic; font-size: 110%}

/* text division styles */
div.Text {padding: 2em 0 0; margin: 0 5%}
div.Text h1 {font-size: 200%; line-height: 1.25; margin: 0 0 1em}
div.Text h2 {font-size: 125%; margin: 1em 0 .5em}
div.Text span.h3 {font-weight: bold}
div.Text p {text-indent: 2em}
div.Text p.ImageClickLabel {text-indent: 0}
div.Text ul {}
div.Text ul li {margin: .5em 3em 0 0; padding: 0}
div.Text ul p {margin-top: .5em; text-indent: 0}
div.Text ol {margin-bottom: .5em}
div.Text ol li {margin: .5em 3em 0 0; padding: 0}
div.Text span.Title {font-weight: bold}

div.Product p.ProductNavBarCaption {font-size: 90%; text-align: center; font-weight: plain; font-style: italic; margin: 1em 0 0; padding: 0}
div.Product table.ProductNavBar {margin-top: .5em; border-style: solid none; border-width: medium; border-color: rgb(49,104,165); padding: 3px 5px}
div.Product table.ProductNavBar td {font-style: italic; font-size: 90%; width: 8em; text-align: center; line-height: 1; vertical-align: bottom; padding: .5em 0;}
div.Product table.ProductNavBar td a {white-space: nowrap}