html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline
}
table {border-collapse: separate; border-spacing: 0}
caption, th, td {font-weight: normal}
table, td, th {vertical-align: middle}
a img {border: none}
/* End of reset CSS */

html, body {height: 100%}
body {font-family: Arial, Helvetica, sans-serif; background: #92BC96 url(images.aspx?ID=36) repeat-y scroll center top; font-size: 0.875em; color: #333; text-align: center}
a:link, a:visited {color: #8A455D; text-decoration: none}
a:hover {color: #8A455D; text-decoration: underline}
.Wrapper {width: 960px; margin: 0 auto -89px; border-left: 2px solid #555; border-right: 2px solid #555; min-height: 100%; height: auto !important; height: 100%; background-color: #FFF}
.Push {height: 89px}

/* Header */
#Header {width: 960px; height: 100px; background: #D8B97A url(images.aspx?ID=34) no-repeat scroll center center; color: #545454; position: relative}
#Logo a {width: 206px; height: 100px; position: absolute; left: 33px; top: 0}
#TopNav {width: 700px; position: absolute; right: 10px; top: 8px}
#TopLinks {float: left; width: 450px; height: 22px; vertical-align: middle; line-height: 22px}
#TopLinks a:link, #TopLinks a:visited {color: #545454}
#TopLinks a:hover {color: #8A455D; text-decoration: none}
#ShoppingCartIcon {vertical-align: middle}
#SearchForm {float: right; width: 250px; height: 22px}
#MainNavContainer {position: absolute; right: 43px; top: 36px}
#MainNav {width: 632px; height: 61px; background-image: url(images.aspx?ID=38); position: relative; padding: 0}
#MainNav li {list-style: none; position: absolute; top: 0}
#MainNav li, #MainNav a {height: 61px; display: block}
#MN-Classes {left: 0; width: 106px}
#MN-Projects {left: 107px; width: 118px}
#MN-TVDemos {left: 225px; width: 154px}
#MN-WeeklyAd {left: 380px; width: 178px}
#MN-Blog {left: 559px; width: 73px}

#MN-Classes a:hover {background: transparent url(images.aspx?ID=38) 0 -61px no-repeat}
#MN-Projects a:hover {background: transparent url(images.aspx?ID=38) -107px -61px no-repeat}
#MN-TVDemos a:hover {background: transparent url(images.aspx?ID=38) -225px -61px no-repeat}
#MN-WeeklyAd a:hover {background: transparent url(images.aspx?ID=38) -380px -61px no-repeat}
#MN-Blog a:hover {background: transparent url(images.aspx?ID=38) -559px -61px no-repeat}

#CatalogCategories {width: 960px; height: 36px; line-height: 36px; background: #8A455D url(images.aspx?ID=40) no-repeat scroll center center; color: white}
#CatalogCategories a:link, #CatalogCategories a:visited, #CatalogCategories a:hover {color: #E8D2D9}
#DropDownCategories {width: 960px; height: 36px; color: #E8D2D9; background: #8A455D url(images.aspx?ID=40) no-repeat scroll center center}
#DropDownCategories a:link, #DropDownCategories a:visited, #DropDownCategories a:hover {color: #E8D2D9}
.NoScriptCategories {line-height: 36px}

#CartInfoBar {width: 960px; height: 24px; line-height: 24px; background-color: #8FBA91; color: #FFF; border-top: 2px solid #68876A; border-bottom: 2px solid #C1D7AE}
.CartListing {font-weight: bold; color: #E3F4D4}

/* Footer */
#FooterBox {width: 960px; margin: 0 auto; border-left: 2px solid #555; border-right: 2px solid #555}
#Footer {width: 960px; height: 89px; background: #D8B97A url(images.aspx?ID=42) no-repeat scroll center center; color: #545454; position: relative}
#Footer a:link, #Footer a:visited {color: #545454}
#Footer a:hover {color: #8A455D; text-decoration: none}
#FooterNav {width: 960px; position: absolute; left: 0; top: 45px}
#Copyright {width: 960px; position: absolute; left: 0; bottom: 5px; font-size: 0.9em; font-style: italic}

/* Common */
#FullWidth {width: 940px; margin: 0 auto}
.FullWidthTwoColumn {float: left; width: 470px; text-align: left}
.TwoColumn {float: left; width: 470px; padding: 15px 5px 0}
#Sidebar {float: left; width: 232px; padding: 3px 3px 5px 5px; background: #8A455D url(images.aspx?ID=44) no-repeat scroll right top; color: #E8D2D9; border-top: 2px solid #70384C; border-right: 2px solid #70384C; border-bottom: 2px solid #70384C}
.SidebarHeading {color: #F3E0B5; font-weight: bold}
#SidebarLeft {text-align: left; color: #E8D2D9}
#SidebarLeft a:link, #SidebarLeft a:visited {color: #F3E0B5}
#SidebarLeft a:hover {color: #FFF; text-decoration: none}
#LeftReduce {text-align: left; font-size: 0.9em; color: #E8D2D9}
#LeftReduce a:link, #LeftReduce a:visited {color: #F3E0B5}
#LeftReduce a:hover {color: #FFF; text-decoration: none}
#RightColumn {float: right; width: 700px; margin-right: 7px}
#RightColumnInfo {width: 690px; padding: 5px; text-align: left}
#RightColumnInfoCentered {width: 690px; padding: 5px}
#BreadcrumbsBar {width: 686px; background-color: #8FBA91; color: #FFF; height: 30px; line-height: 30px; padding: 0 5px 0; border: 2px solid #C1D7AE}
#BreadcrumbsBar a:link, #BreadcrumbsBar a:visited, #BreadcrumbsBar a:hover {color: #FFF}
.GreenBar {background-color: #8FBA91; color: #FFF; height: 30px; line-height: 30px; border: 2px solid #C1D7AE}
.GreenBar a:link, .GreenBar a:visited, .GreenBar a:hover {color: #FFF}
.Button {border: 2px solid #C1D7AE; background-color: #8FBA91; color: #FFF; font-size: 13px}
.TanButton {border: 2px solid #EEDAAC; background-color: #D8B97A; color: #FFF; font-size: 13px}
.PurpleButton {border: 2px solid #BD8297; background-color: #70384C; color: #FFF; font-size: 13px}
.GreenButton {border: 2px solid #C1D7AE; background-color: #8FBA91; color: #FFF; font-size: 13px}
.Divider {width: 700px; height: 10px; padding-top: 5px; clear: both}
hr {height: 2px; margin: 0; border: none; color: #8FBA91; background-color: #8FBA91}
.TanHR {color: #D8B97A; background-color: #D8B97A}
.Hide {display: none}
.Shrink {font-size: 0.9em}
.Heading {font-size: 1.2em; font-weight: bold; color: #BFA26B}
.TanHeading {font-weight: bold; color: #BFA26B}
.GreenHeading {font-weight: bold; color: #8FBA91}
.Login td {padding: 4px}
.FormHeading {font-weight: bold; text-align: right; color: #8FBA91}
.FormInput {text-align: left}
.ShortInput {text-align: left}
.Clear {clear: both}
.ClearShort {clear: both; font-size: 1px; line-height: 1px}
.ErrorMessage {color: red}
.Green a:link, .Green a:visited {color: #8FBA91}
.Required {font-weight: bold; color: #BFA26B}
.List {padding-left: 20px}
.InputLeft {float: left}
.InputLeftMargin {float: left; margin-left: 15px}
.WideInput {width: 273px}
.ImageWrapRight {float: right; padding: 0 5px 5px; text-align: center; font-style: italic}
.CenterVertically {vertical-align: middle}
.FakeButton {padding: 2px 5px; font-size: 0.9em; background-color: #8FBA91; border: 2px solid #C1D7AE}
.FakeButton a:link, .FakeButton a:visited, .FakeButton a:hover {color: #FFF; text-decoration: none}
.FakePurpleButton {padding: 2px 5px; font-size: 0.9em; background-color: #70384C; border: 2px solid #BD8297}
.FakePurpleButton a:link, .FakePurpleButton a:visited, .FakePurpleButton a:hover {color: #FFF; text-decoration: none}