* {font-family: Verdana, Tahoma, Arial; color1: black; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left; vertical-align: top}
body {padding: 0 20px 10px 20px; text-align: center; background-color: #FEDF8B; background-image: url(/img/bg/bg-main.gif); background-repeat: repeat-x}

P, p *{font-size: 12px; text-align: justify; text-indent: 20px; margin-top: 0; margin-bottom: 10px; }
div, span, li {font-size: 12px;}
strong {font-size: 13px; font-weight: bold; margin-bottom: 10px}
SMALL, .small {font-size: 10px}
.ExtraSmall {font-size: 9px}
.NormalText, .NormalUL {font-size: 12px}
.NormalUL {margin-bottom: 20px}
.Italic {font-style: italic; width: 99%}
H1 {font-size: 14px; color: gray; margin-left: 10px; margin-bottom: 10px}
H2 {font-size: 13px; color: gray; margin-left: 10px; margin-bottom: 10px}
H3 {font-size: 11px; color: gray; margin-left: 10px; margin-bottom: 10px}

.liquid1 {max-width: 1000px; width:100%; width:expression( parseInt(document.body.clientWidth) > 1000 ? "1000px": parseInt(document.body.clientWidth-100)+"px");}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:hover {text-decoration: underline}
A {font-weight: bold}

table {width: 100%}
input {font-size: 12px}
img {border: none}
HR {width: 100%; height: 1px; color: #DDDDDD}

.Submit {text-align: center}
.Center {text-align: center}
.Left {text-align: left}
.Right {text-align: right}

.PageHeader {background-image: url(/img/bg/page-header-bg-2.jpg); background-repeat: no-repeat; width: 100%; max-width: 1000px; min-width: 700px}
.PageHeaderInt {background-image: url(/img/bg/page-header-bg-int.jpg); background-repeat: no-repeat; width: 100%; max-width: 1000px; min-width: 700px}
.RightBorder {width: 4px; font-size: 1px; background-image: url(/img/right-border.gif); background-repeat: no-repeat}

.SearchText {width: 277px; height: 23px; vertical-align: top; margin-top: 10px; margin-left: 10px; text-indent: 0; line-height: 20px; border: none; background-image: url(/img/bg/search-bar-bg.gif); background-repeat: no-repeat; background-color: transparent}
.Copy {font-size: 10px; color: gray; margin: 15px 0 20px 0; text-align: center}

/* Main frame classes */

.HeaderLeft_1, .HeaderLeft_2 {background-image: url(/img/windows/header-gray-left-small.gif)}
.HeaderRight_1, .HeaderRight_2 {background-image: url(/img/windows/header-gray-right-small.gif)}
.Header_1, .Header_2 {height: 5px; border-top: 1px solid gray; font-size: 1px}
.HeaderLeft_1, .HeaderLeft_2, .HeaderRight_1, .HeaderRight_2 {width: 5px; height: 5px; background-repeat: no-repeat;}
.HeaderLeft_1, .HeaderRight_1, .Header_1 {background-color: #FFF5D9}
.HeaderLeft_2, .HeaderRight_2, .Header_2 {background-color: #FFEFC3}

.MainFrame {margin-top: 5px; max-width: 1000px; table-layout: fixed}
.FooterLeft_1, .FooterLeft_2 {background-image: url(/img/windows/footer-gray-left.gif)}
.FooterRight_1, .FooterRight_2 {background-image: url(/img/windows/footer-gray-right.gif)}
.Footer_1, .Footer_2 {background-image: url(/img/windows/footer-gray.gif)}
.FooterLeft_1, .FooterLeft_2, .FooterRight_1, .FooterRight_2 {width: 5px; height: 8px; background-repeat: no-repeat}
.Footer_1, .Footer_2 {vertical-align: middle; background-repeat: repeat-x;}
.FooterLeft_1, .FooterRight_1, .Footer_1 {background-color: #FFF5D9}
.FooterLeft_2, .FooterRight_2, .Footer_2 {background-color: #FFEFC3}

.LeftTopCorner, .RightTopCorner, .RightBottomCorner, .LeftBottomCorner {width: 4px; height: 4px; background-repeat: no-repeat; font-size: 1px}
.LeftTopCorner {background-image: url(/img/windows/left-top-corner.gif)}
.RightTopCorner {background-image: url(/img/windows/right-top-corner.gif)}
.RightBottomCorner {background-image: url(/img/windows/right-bottom-corner.gif)}
.LeftBottomCorner {background-image: url(/img/windows/left-bottom-corner.gif)}
.BgC {background-color: #FFEFC3}

/* Navigation tree classes */

.BranchOpen, .BranchClose, .BranchEmpty {list-style: none; margin-left: 0}

ul.BranchOpen li, ul.BranchClose li, ul.BranchEmpty li {color: #69A400; font-size: 11px; font-weight: bold; padding: 0 0 8px 20px; line-height: 10px; cursor: pointer}
ul.BranchOpen li {background: url(/img/li/branch-open.gif) no-repeat 0 0;}
ul.BranchClose li {background: url(/img/li/branch-close.gif) no-repeat 0 0;}
ul.BranchEmpty li {background: url(/img/li/branch-empty.gif) no-repeat 0 0;}

ul.SubMenu {list-style: none; margin: 0px 10px 0px 40px}
ul.SubMenu li {padding: 0 0 5px 15px; font-family: arial; font-size: 10px; background: url(/img/li/submenu.gif) no-repeat 0 0; line-height: 10px}

ul.GrayArrowSmall, ul.NewsList, ul.AboutList, ul.GrayQ, ul.SeriesList, ul.VacanciesList {list-style: none}
ul.GrayArrowSmall li, ul.NewsList li, ul.AboutList li {padding: 0 0 5px 15px; font-family: arial; font-size: 10px; background: url(/img/li/gray-arrow-small.gif) no-repeat 0 0; line-height: 10px}

ul.SiteMap1 {list-style: none; margin: 0 10px 3px 20px}
ul.SiteMap2 {list-style: none; margin: 0 10px 10px 40px}
ul.SiteMap1 li {padding: 0 0 5px 22px; font-size: 12px; font-weight: bold; color: #656565; background: url(/img/li/site-map-1.gif) no-repeat 0 0; line-height: 10px}
ul.SiteMap2 li {padding: 0 0 5px 15px; font-size: 11px; color: #656565; background: url(/img/li/site-map-2.gif) no-repeat 0 0; line-height: 10px}
ul.SiteMap1 li a {color: gray}

ul.NewsList {margin: 20px 0 10px 0}
ul.NewsList li {font-size: 11px; padding: 0 0 5px 20px; margin: 5px 0 5px 0; line-height: 13px}

ul.AboutList {margin: 20px 0 10px 0}
ul.AboutList li {font-family: Verdana; font-size: 12px; line-height: 12px; padding: 0 0 5px 20px; margin: 5px 0 5px 0}

ul.GrayQ {margin: 20px 20px 20px 32px}
ul.GrayQ li {padding: 0 0 5px 23px; margin: 5px 0 5px 0; font-family: Verdana; font-size: 11px; background: url(/img/li/gray-q.gif) no-repeat 0 0; line-height: 14px}

ul.WorkshopsList {margin: 20px 0 10px 12px; list-style: none}
ul.WorkshopsList li {font-family: Verdana; font-size: 12px; line-height: 12px; padding: 0 0 5px 20px; margin: 5px 0 5px 0; background: url(/img/li/gray-arrow-small.gif) no-repeat 0 0}

/* Catalog */

.ItemHeader {color: #910000; font-size: 11px; font-weight: bold; text-align: center; height: 30px; margin-bottom: 10px}
.ItemContainer {font-size: 11px; text-align: center; padding: 10px 10px 0px 10px}
.ItemsTable {margin-top: 20px}
.ItemsTable th, .ItemsTable td {font-size: 11px; padding: 5px}
.ItemsTable th {font-weight: bold; border-bottom: 1px solid gray}
.ItemRowEven {background-color: #EDD48F}
.ItemRowOdd {background-color: transparent}
.ItemDesc {font-size: 10px; height: 25px; margin-top: 10px; margin-bottom: 0; text-indent: 0}
.GroupTable {table-layout: fixed; background-image: url(/img/bg/yellow-gradient-1.gif); margin-bottom: 20px}
.GroupPanel {height: 32px; vertical-align: middle; padding-left: 20px}
.GroupRef {font-family: Helvetica; font-size: 17px; color: white}
.SeriesTable {background-color: #F6E2AC; table-layout: fixed; margin-bottom: 10px}
.SeriesPhoto {float: left; width: 150px; padding-top: 28px}
.ItemDiv {float: left; width: 50%; margin-bottom: 5px}
.ItemTable {background-color: #EDD48F; table-layout: fixed}
.padding10 {padding: 10px}

.Item {table-layout: fixed}
.Item td {font-size: 11px; text-align: left}
.ItemInfo {padding: 0 10px 0 10px}
.Spliter {background-color: #FFEFC3; width: 5px}
.Spliter10 {background-color: #FFEFC3; width: 10px}
.ActiveTab, .NormalTab {margin: 0; padding: 5px 0 5px 0; width: 65px; text-align: center; background-image: url(/img/windows/tab.gif); background-repeat: no-repeat; background-color: #BD9F4B; border1: 3px solid #BD9F4B; font-size: 12px; color: #910000}
.NormalTab {background-color: #E2C061; border1: 3px solid #E2C061}
.AnounceHeader {color: #8F0000; font-size: 12px;}
.New {font-weight: bold; background-color: red; color: white; padding: 0px 5px 2px 5px; margin-right: 7px; text-decoration: none}

ul.SeriesList {margin: 20px 20px 12px 22px}
ul.SeriesList li {padding: 0 0 2px 30px; margin: 5px 0 5px 0; font-family: Verdana; font-size: 11px; background: url(/img/li/series.gif) no-repeat 0 0; line-height: 13px}

ul.VacanciesList {margin: 20px 20px 10px 22px}
ul.VacanciesList li {padding: 0 0 2px 30px; margin: 5px 0 5px 0; font-family: Verdana; font-size: 13px; background: url(/img/li/vacancy.gif) no-repeat 0 0; line-height: 13px}

ul.VacancyOpen, ul.VacancyClose {list-style: none; margin: 20px 20px 10px 22px}
ul.VacancyOpen li, ul.VacancyClose li {padding: 0 0 2px 30px; margin: 5px 0 5px 0; font-family: Verdana; font-size: 13px; line-height: 13px; font-weight: bold; cursor: hand}
ul.VacancyOpen li {background: url(/img/li/vacancy-open.gif) no-repeat 0 0;}
ul.VacancyClose li {background: url(/img/li/vacancy-close.gif) no-repeat 0 0;}
.VacancyDesc {display:none}

/* Contacts */

.ContactRow0 {font-size: 10px; background-color: transparent}
.ContactRow1 {font-size: 10px; background-color: transparent}
.ContHeader th {color: #910000}
.ContSplitter {height: 1px; color: #FCDB7E}

.HeaderGrayLeft {background-image: url(/img/windows/header-gray-left.gif)}
.HeaderGrayRight {background-image: url(/img/windows/header-gray-right.gif)}
.HeaderGrayLeft2 {background-image: url(/img/windows/header-gray-left-2.gif)}
.HeaderGrayRight2 {background-image: url(/img/windows/header-gray-right-2.gif)}
.HeaderGray {height: 23px; background-image: url(/img/windows/header-gray.gif)}
.HeaderGrayLeft, .HeaderGrayRight, .HeaderGrayLeft2, .HeaderGrayRight2 {width: 5px; height: 23px; background-repeat: no-repeat;}
.HeaderGray {vertical-align: middle; background-repeat: repeat-x;}

.HeaderGrayLeftSmall, .HeaderGrayLeftSmallBg {background-image: url(/img/windows/header-gray-left-small.gif)}
.HeaderGrayRightSmall, .HeaderGrayRightSmallBg {background-image: url(/img/windows/header-gray-right-small.gif)}
.HeaderGraySmall, .HeaderGraySmallBg {height: 5px; border-top: 1px solid gray; font-size: 1px}
.HeaderGrayLeftSmall, .HeaderGrayRightSmall, .HeaderGrayLeftSmallBg, .HeaderGrayRightSmallBg {width: 5px; height: 5px; background-repeat: no-repeat;}

.FooterGrayLeft, .FooterGrayLeftBg {background-image: url(/img/windows/footer-gray-left.gif)}
.FooterGrayRight, .FooterGrayRightBg {background-image: url(/img/windows/footer-gray-right.gif)}
.FooterGrayLeft2 {background-image: url(/img/windows/footer-gray-left-2.gif)}
.FooterGrayRight2 {background-image: url(/img/windows/footer-gray-right-2.gif)}
.FooterGray, .FooterGrayBg {background-image: url(/img/windows/footer-gray.gif)}
.FooterGray2 {background-image: url(/img/windows/footer-gray-2.gif)}
.FooterGrayLeft, .FooterGrayRight, .FooterGrayLeftBg, .FooterGrayRightBg {width: 5px; height: 8px}
.FooterGrayLeft2, .FooterGrayRight2 {width: 5px; height: 26px}
.FooterGrayLeft, .FooterGrayRight, .FooterGrayLeftBg, .FooterGrayRightBg, .FooterGrayLeft2, .FooterGrayRight2 {background-repeat: no-repeat}
.FooterGray, .FooterGrayBg, .FooterGray2 {vertical-align: middle; background-repeat: repeat-x;}
.FooterGray2 {vertical-align: top; padding-top: 4px}

.HeaderGrayLeftSmallBg, .HeaderGraySmallBg, .HeaderGrayRightSmallBg, .WindowGrayBg, .FooterGrayLeftBg, .FooterGrayBg, .FooterGrayRightBg {background-color: #FFF5D9}

.HeaderGreenLeft {background-image: url(/img/windows/header-green-left.gif)}
.HeaderGreenRight {background-image: url(/img/windows/header-green-right.gif)}
.HeaderGreen {height: 23px; background-image: url(/img/windows/header-green.gif)}
.HeaderGreenLeft, .HeaderGreenRight {width: 5px; height: 23px; background-repeat: no-repeat;}
.HeaderGreen {vertical-align: middle; background-repeat: repeat-x;}

.HeaderRedLeft {background-image: url(/img/windows/header-red-left.gif)}
.HeaderRedRight {background-image: url(/img/windows/header-red-right.gif)}
.HeaderRed {height: 23px; background-image: url(/img/windows/header-red.gif)}
.HeaderRedLeft, .HeaderRedRight {width: 5px; height: 23px; background-repeat: no-repeat;}
.HeaderRed {vertical-align: middle; background-repeat: repeat-x;}

.HeaderBlueLeft {background-image: url(/img/windows/header-blue-left.gif)}
.HeaderBlueRight {background-image: url(/img/windows/header-blue-right.gif)}
.HeaderBlue {height: 23px; background-image: url(/img/windows/header-blue.gif)}
.HeaderBlueLeft, .HeaderBlueRight {width: 5px; height: 23px; background-repeat: no-repeat;}
.HeaderBlue {vertical-align: middle; background-repeat: repeat-x;}

.HeaderBlue, .HeaderRed, .HeaderGreen, .HeaderGray {font-size: 11px; font-weight: bold; color: blue; text-indent1: 10px}
.HeaderBlue {color: white}
.HeaderGreen {color: black}
.HeaderRed {color: white}

.WindowGray, .WindowGrayBg {border-left: 1px solid gray; border-right: 1px solid gray; padding: 10 10 10 10; margin: 0 0 0 0}
.WindowTitle {font-size: 11px; font-weight: bold}

.TRBL, .T, .TB, .TR, .TRB, .BlackFrame {border-top: solid 1px #6B4E00}
.TRBL, .R, .RL, .TR, .TRB, .BlackFrame {border-right: solid 1px #6B4E00}
.TRBL, .B, .TB, .TRB, .BlackFrame {border-bottom: solid 1px #6B4E00}
.TRBL, .L, .RL, .BlackFrame {border-left: solid 1px #6B4E00}

ul {margin: 0px 0px 0px 0px; padding: 0; list-style: disc}
li {margin: 0; padding: 0px}

ul.def {margin: 10px 10px 10px 20px; padding: 0; list-style: disc}
ul.def li {margin-left: 10px; padding: 0px}

ul.GreenTriangle {list-style: none;}
ul.GreenTriangle li {font-size: 12px; background: url(/img/li/triangle-green.gif) no-repeat 0 0; line-height: 10px}

ul.GreenArrow {list-style: none}
ul.GreenArrow li {padding: 0 0 8px 25px; font-size: 12px; background: url(/img/li/green-arrow.gif) no-repeat 0 0;}

ul.GreenArrowSmall {list-style: none; margin-left: 0px; padding-left: 0}
ul.GreenArrowSmall li {padding: 0 0 8px 20px; font-size: 11px; background: url(/img/li/green-arrow-small.gif) no-repeat 0 0; line-height: 10px}

ul.RedArrowSmall {list-style: none; margin-left: 25px; padding-left: 0}
ul.RedArrowSmall li {padding: 0 0 8px 20px; font-size: 10px; background: url(/img/li/red-arrow-small.gif) no-repeat 0 0; line-height: 10px}

ul.Video {list-style: none; margin-left: 0px; padding-left: 0}
ul.Video li {padding: 0 0 10px 30px; font-size: 12px; background: url(/img/li/video.gif) no-repeat 0 0; line-height: 20px}

ul.VideoSmall {list-style: none; margin-left: 0px; padding-left: 0}
ul.VideoSmall li {padding: 0 0 0 20px; font-size: 10px; background: url(/img/li/video-small.gif) no-repeat 0 0; line-height: 15px}

ul.VideoSmall2 {list-style: none; margin-left: 0px; padding-left: 0}
ul.VideoSmall2 li { text-align: left; padding: 0 0 2 20px; font-size: 10px; background: url(/img/li/video-small-trans.gif) no-repeat 0 0; line-height: 15px}

ul.RedArrow {list-style: none}
ul.RedArrow li {padding: 0 0 5px 15px; font-size: 10px; background: url(/img/li/red-arrow.gif) no-repeat 0 0; background-position-y: 3px top}

ul.GrayTriangle {list-style: none; margin: 10 10 10 0; padding-left: 0}
ul.GrayTriangle li {padding: 0 0 5px 20px; font-size: 11px; background: url(/img/li/triangle-gray.gif) no-repeat 0 0; line-height: 11px}

ul.GrayTriangleSmall {list-style: none; margin: 10 10 10 0; padding-left: 0}
ul.GrayTriangleSmall li {padding: 0 0 5px 20px; font-family: arial; font-size: 10px; background: url(/img/li/triangle-gray.gif) no-repeat 0 0; line-height: 10px}

ul.Excel {list-style: none; margin: 20px 20px 20px 12px}
ul.Excel li {padding: 0 0 5px 25px; margin: 5px 0 5px 0; font-size: 12px; background: url(/img/li/excel.gif) no-repeat 0 0; line-height: 14px}

ul.DepItem0, ul.DepItem1, ul.DepItem2, ul.DepItem3, ul.DepItem4 {list-style: none; margin-bottom: 0}
ul.DepItem0 li, ul.DepItem1 li, ul.DepItem2 li, ul.DepItem3 li, ul.DepItem4  li {margin: 5px 5px 0px 0; padding: 0 0 5px 22px; font-size: 11px; line-height: 14px}
ul.DepItem1 li, ul.DepItem2 li, ul.DepItem3 li, ul.DepItem4  li {padding-left: 16px}

ul.DepItem0 li {background: url(/img/li/dep-item-0.gif) no-repeat 0 0;}
ul.DepItem1 li {margin-left: 20px; background: url(/img/li/dep-item-1.gif) no-repeat 0 0;}
ul.DepItem2 li {margin-left: 35px; background: url(/img/li/dep-item-1.gif) no-repeat 0 0;}
ul.DepItem3 li {margin-left: 50px; background: url(/img/li/dep-item-1.gif) no-repeat 0 0;}
ul.DepItem4 li {margin-left: 65px; background: url(/img/li/dep-item-1.gif) no-repeat 0 0;}

.White {color: white}
.Blue {color: blue}
.Gray, .GrayDate {color: gray}
.DarkGray {color: #656565}
.Red {color: #D70000}
.Burgundi, .H1BigBurgundi {color: #8F0000}
.Green {color: #69A400}
.GrayDate {font-weight: bold}
.Black {color: black}

.H1BigBurgundi {text-align: center; font-size: 20px; font-family: Verdana; color: #8F0000; margin-top: 30px;}
.GreenBg, .H2GreenBg, .H2RedBg {background-color: transparent}
.H2GreenBg, .H2RedBg {text-align: left; width: auto; margin: 0px 0px 10px 0px; padding: 3px 0px 4px 0px; color: #fff; font-size: 13px; text-indent: 10px; font-weight: bold; background-repeat: repeat-x}
.H2RedBg {background-image: url(/img/bg/red-header-bg.gif)}
.H2GreenBg {background-image: url(/img/bg/green-header-bg.gif)}
.H2GreenBg *, .H2RedBg * {font-size: 13px; color: white; margin: 0}

.Header {width: 100%; border-collapse: collapse; border-spacing: 0px; margin-bottom: 10px; clear: both}
.GreenLeftSide, .GreenRightSide, .RedLeftSide, .RedRightSide {width: 3px; background-repeat: no-repeat; font-size: 1px;}
.GreenLeftSide {background-image: url(/img/bg/green-left-side.gif);}
.GreenRightSide {background-image: url(/img/bg/green-right-side.gif);}
.RedLeftSide {background-image: url(/img/bg/red-left-side.gif);}
.RedRightSide {background-image: url(/img/bg/red-right-side.gif);}

.DetailsBg, .DetailsBgInt {float: right; text-align: left; height: 15px; background-repeat: no-repeat; margin-bottom: 0px; padding-left: 7px}
.DetailsBg {width: 90px; background-image: url(/img/bg/details-bg.gif);}
.DetailsBgInt {width: 70px; background-image: url(/img/bg/details-bg-int.gif)}
.DetailsBg a, .DetailsBgInt a {font-size: 10px}

.ColorTblBg, .ColorTblBgInt {float: right; margin-top: 12px; text-align: left; height: 15px; background-repeat: no-repeat; margin-bottom: 0px; padding-left: 7px}
.ColorTblBg {width: 90px; background-image: url(/img/bg/color-table-bg.gif);}
.ColorTblBgInt {width: 70px; background-image: url(/img/bg/color-table-bg-int.gif)}
.ColorTblBg a, .ColorTblBgInt a {font-size: 10px}

.PhotoBg {float: none; font-size: 10px; text-align: left; width: 60px; height: 15px; background-image: url(/img/bg/photo-bg.gif); background-repeat: no-repeat; margin-bottom: 0px; padding-left: 7px}

.WinHBlueA, .WinHWhiteA, .WinHBlackA, .WinHRedA, .WinHYellowA {font-size: 11px; margin-left: 10px; font-weight: bold}
.WinHBlueA {color: blue}
.WinHWhiteA {color: white}
.WinHRedA {color: #8F0000}
.WinHYellowA {color: yellow}

.Blue2 {color: #000099; font-family: arial; font-size: 12px}

.AdvGoodsName {font-size: 9px; color: blue; margin: 5 5 5 5}
.SortPanel {background-color: #C3C3C3; vertical-align: middle;}

#GoodsCell, #FolderCell {padding-top: 10px}
#GoodsCell {font-size: 8px; border-color: #DDDDDD}
#FolderCell {font-size: 12px; border-color: gray; padding-left: 5px; padding-right: 5px}

.BgLightGray, .WinnersRow0 {background-color: #F4F4F4}
.BgMidGray, .WinnersHeader {background-color: #C3C3C3}

.WinnersHeader {font-weight: bold; color: black}
.WinnersRow1 {background-color: white}

.BgWhite {background-color: white}

.BlackFrame {border-color: black}

.PageNumber, .ActivePageNumber {padding: 5 5 5 5}
.ActivePageNumber {background-color: #E8E8E8}

/* Back Office classes */

.ScRow0, .ScRow1 {padding: 4px 7px 4px 7px}
.ScRow0 {background-color: transparent}
.ScRow1 {background-color: #EDD48F}

.ScrollerTable, .FormTable {border-collapse: collapse; border-spacing: 0}
.ScrollerTable th {font-size: 13px; font-weight: bold; text-align: center; padding: 10px 0 5px 0; margin-bottom: 10px; border-bottom: 1px solid gray}
.ScrollerTable td {font-size: 11px}
.FormTable td {font-size: 12px; font-weight: bold; text-align: right; padding: 4px 7px 4px 7px}
.FormTable td input, select, textarea {width: 100%}

.Upload {height: 18px}
.CalendarButton {width: 17px; height: 18px; margin-left: 4px; margin-top: 1px}

.TH11 {font-size: 13px; font-weight: bold; text-align: center; padding: 10px 0 5px 0; margin-bottom: 10px; border-bottom: 1px solid gray}
#PageNavigator {text-align: right; padding-right: 10px}
#ActivePage {color: black}