/* general styles */
body {background-color: white; color: black; margin: 0 10px 2em; padding: 0;}
div {margin: 0; padding: 0;}
table {margin: 0 auto; border-collapse: collapse; border-color: black}
th {margin: 0; padding: 0; font-weight: normal; text-indent: 0; border-color: black}
td {margin: 0; padding: 0; text-indent: 0; border-color: black}
img {margin: 0; padding: 0}
a:link img {border-style: none}
a:visited img {border-style: none}
h1, h2, h3, h4, h5,h6 {text-align: center; font-weight: bold; margin: 0; padding: 0;}
p {}
form {margin: 0; padding: 0}
span.Obfuscate {display: none}
span.Left {float: left}
span.Right {float: right}
form.Right {float: right}
h1.HGLogo {margin: 2px 10px 0 0; padding: 0;}
h1 span.Small {margin-right: 2em; font-size: 15px; font-weight: bold; line-height: 1.3}
img.FullPage {width: 100%}
img.Center {display: block; margin: 0 auto;}
p.Center {text-align: center; text-indent: 0;}
p.ImageClickLabel {text-indent: 0; text-align: center; font-style: italic; margin-top: 0; padding-top: 0}
span.ImageClickLabel {text-indent: 0; text-align: center; font-style: italic; margin-top: 0; padding-top: 0}

/* header division styles */
div.Header {margin: 0 -10px 0 -11px; padding: 0; border-width: 0}
img.SGLogo {margin: 0; padding: 0;}
img.FreeShipping {margin: 0; padding: 0;}

div.Header table.Logo {margin: 5px 1em}
div.Header table.Search td {font-family: sans-serif; font-weight: bold; font-size: 14px; vertical-align: center; white-space: nowrap; line-height: 1;}
div.Header table.Logo td.FreeShipping {padding-top: 2px; padding-left: 20px; width: 400px; }
div.Header table.Logo td.FreeShipping span {font-weight: bold; font-size: 14px; vertical-align: center; white-space: nowrap; font-style: italic; padding-left: 3px; vertical-align: top;  line-height: 2.5}
div.Header table.Logo td.Center {width: 1000px}
div.Header table.Logo td.Cart {padding-bottom: 3px; width: 1em; vertical-align: bottom}
div.Header table.Logo td.Search {padding-bottom: 3px; width: 1em; vertical-align: bottom}

div.Header table.Cart {margin: 0; padding: 0}
div.Header table.Cart td {font-family: sans-serif;font-weight: bold; font-size: 14px; vertical-align: center; white-space: nowrap; line-height: 1;}
div.Header table.Cart td.Label {width: 1em; text-align: right; padding-bottom: 0px}
div.Header table.Cart td.Label a:link{color: black; text-decoration: none}
div.Header table.Cart td.Label a:visited{color: black; text-decoration: none}
div.Header table.Cart td.Image {width: 24px;}
div.Header table.Cart td.Image img {vertical-align: -15px}

div.Header table.Search {margin: 0; padding: 0;}
div.Header table.Search td {font-family: sans-serif;font-weight: bold; font-size: 14px; vertical-align: center; white-space: nowrap; line-height: 1;}
div.Header table.Search td.Label {width: 1em; text-align: right; padding-bottom: 0px}
div.Header table.Search td.Input {width: 1em; padding-bottom: 0px}
div.Header table.Search td.Input input {width: 10em; margin-right: .2em; margin-left: .2em}
div.Header table.Search td.Image {width: 24px;}
div.Header table.Search td.Image input {vertical-align: -15px}

div.Header div.TabBar {width: 100%; background-color: rgb(49,104,165)}
div.Header table.TabBar {margin: 0 10px; padding: 0; border-collapse: collapse; border-width: 0}
div.Header table.TabBar td {color: white; padding: 3px 0 2px; border: solid; border-width: 0 1px; text-align: center; }
div.Header table.TabBar span.TabText {font-family: sans-serif; font-weight: bold; color: white; font-size: 16px; white-space: nowrap;}
div.Header table.TabBar a {text-decoration: none;}
div.Header table.TabBar td.Left {width: 1.5em;}
div.Header table.TabBar td.Active {background-color: rgb(163,55,53); width: 7em;}
div.Header table.TabBar td.Cart {background-color: rgb(163,55,53); width: 11em;}
div.Header table.TabBar td.Order {background-color: rgb(163,55,53); width: 9em;}
div.Header table.TabBar td.Phone {background-color: rgb(163,55,53); width: 10em;}
div.Header table.TabBar td.Mail {background-color: rgb(163,55,53); width: 8.5em;}
div.Header table.TabBar td.Inactive {width: 7em;}
div.Header table.TabBar td.Right {width: 1.5em; border-width: 0 0 0 1px;}

div.Header table.ContextBar {margin-left: 1em; margin-top: 1px}
div.Header table.ContextBar td {font-family: sans-serif; font-weight: bold; font-size: 12px; padding-right: .3em; white-space: nowrap; }
div.Header table.ContextBar td span.Break {font-size: 16px; vertical-align: -2px}
div.Header table.ContextBar td.Root {}
div.Header table.ContextBar td.Root a:link {color: black;}
div.Header table.ContextBar td.Root a:visited {color: black;}
div.Header table.ContextBar td.Branch {}
div.Header table.ContextBar td.Branch a:link {color: black;}
div.Header table.ContextBar td.Branch a:visited {color: black;}
div.Header table.ContextBar td.Leaf {}
div.Header table.ContextBar td.Leaf a:link {color: black;}
div.Header table.ContextBar td.Leaf a:visited {color: black;}

/* store styles */

form.InfoOrder {white-space: nowrap;}
form.InfoOrder {margin-right: 2em}
form.InfoOrder table td.Pad {width: 2000px}
form.InfoOrder table.td {white-space: nowrap;}
form.InfoOrder table.td span {white-space: nowrap;}
p.Price {text-align: center}
span.SmallShipping {font-style: italic; font-weight: normal; line-height: 1; padding: 0 8px 0 0; margin: 0; font-size: 18px; vertical-align: 8px}
span.FreeShipping {font-style: italic; font-weight: normal; line-height: 1; padding: 0 8px 0 0; margin: 0; font-size: 21px; vertical-align: 3px; white-space: nowrap}
span.PreOrder {font-style: italic; font-weight: normal; line-height: 1; padding: 0 8px 0 0; margin: 0; font-size: 18px; vertical-align: 3px}
span.OldPrice {text-decoration: line-through; vertical-align: 5px; font-style: normal; font-weight: normal; line-height: 1; padding: 0; margin: 0; font-size: 20px;}
span.OldPrice span.OldCents {vertical-align: 5px; font-size: 60%;}
span.Price {font-style: normal; font-weight: normal; line-height: 1; padding: 0; margin: 0; font-size: 28px;}
span.Price img {vertical-align: -7px; padding-left: .1em}
span.Price input.Image {vertical-align: -5px; padding-left: .1em}
span.Price span.Cents {vertical-align: 9px; font-size: 60%; padding-right: .5em}
span.Price span.NotYet {font-style: italic; font-weight: bold; font-size: 70%}

/* web table of contents styles */
div.WebTOC {margin: 0 1%; padding: 1em 0;}
div.WebTOC h1 {font-size: 150%; margin-bottom: .5em}
div.WebTOC h2 {font-size: 125%; margin-bottom: .5em}
div.WebTOC p {text-indent: 2em}
div.WebTOC h2.Note {font-size: 115%; font-style: italic; font-weight: normal; margin-bottom: .5em}
div.WebTOC table.Entry {}
div.WebTOC table.Entry td.Image {vertical-align: center; width: 136px; text-align: center}
div.WebTOC table.Entry td.Text {vertical-align: center; padding-top: .5em; padding-bottom: .5em}
div.WebTOC span.Title {font-weight: bold}
div.WebTOC span.TranslatedTitle {font-style: italic}
div.WebTOC span.Author {text-decoration: underline}
div.WebTOC table.SubjectTOC {text-align: center; margin-top: 1em}
div.WebTOC table.SubjectTOC td {text-align: center; padding: 0 3em; vertical-align: top}
div.WebTOC table.SubjectTOC img.Thumbnail {padding: .25em 0}
div.WebTOC table.SubjectTOC span.Title{font-size: 200%;}

div.Cart {margin: 1em;}
div.Cart table.Cart {margin: 1em auto; width: 600px;}

div.LanguageTOC {}
div.LanguageTOC table.LanguageTOC {text-align: center; margin-top: 1em}
div.LanguageTOC table.LanguageTOC td {text-align: center; padding: 0 2em; vertical-align: top}
div.LanguageTOC table.LanguageTOC img.Thumbnail {padding: .25em 0}
div.LanguageTOC table.LanguageTOC span.Language{font-size: 250%; font-weight: bold;}
div.LanguageTOC table.LanguageTOC span.Title{font-size: 115%;}


p.RulesLanguagesCaption {padding: 0; margin: 0; text-align: center; font-style: italic}
table.RulesLanguages {}
table.RulesLanguages td img {width: 24px}
table.RulesLanguages td {padding: 0 1em; font-size: 105%}
table.RulesLanguages td img {vertical-align: middle}
table.RulesLanguages td {text-align: left}

/* temporary style */
p.ComingSoon {margin: 1em; font-size: 125%; font-style: italic}

/* footer styles */
div.Footer {margin: 20px auto 0 auto}
div.Footer table.AltOrder { margin-bottom: 3px}
div.Footer table.AltOrder td.Label a:link{color: black; text-decoration: none}
div.Footer table.AltOrder td.Label a:visited{color: black; text-decoration: none}
div.Footer table.AltOrder td.Mail {padding: 0 .5em}
div.Footer table.AltOrder td.Phone {padding: 0 .5em}
div.Footer table.AltOrder td.Label {font-family: sans-serif;font-weight: bold; font-size: 133%; vertical-align: center; white-space: nowrap; line-height: 1;}
div.Footer table.AltOrder table.Phone {padding: 0 1em}
div.Footer table.AltOrder table.Phone td.Image img {padding-left: 2px; vertical-align: -4px}
div.Footer p.News {text-align: center; font-size: 150%; font-style: italic}
div.Footer p.News span.Bold {font-weight: bold;}
div.Footer p.FeedBack {text-align: center; font-style: italic; font-size: 80%; line-height: 1.25; margin: 0; padding: 0}
div.Footer p.Border {text-align: center; font-style: italic; font-size: 80%; line-height: 1.25; margin: 0; padding: 0; text-decoration: line-through}
div.Footer p.Copyright {text-align: center; font-style: italic; font-size: 80%; line-height: 1.25; margin: 0; padding: 0}