/* ============================================================= */
/*                                                               */
/*                Dauphin - screen style definitions               */
/*                                                               */
/* ============================================================= */

/* ==================== general ==================== */

html {
  font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

body {
  margin: 15px 15px 15px 15px;
  color: #000000;  
  background-color: #dddddd;
}

img {
  border: 1px solid #ffffff;
}

img.None {
  border: none;
}

input, texarea {
  font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

ul {
  list-style-type: square;
}

ul.None {
  list-style-type: none;
}

li {
  text-align: justify;
  margin: 0px 0px 5px 0px
}

a {
  color: #986d00;
  background-color: inherit; 
  text-decoration: none; 
}

a:hover {
  color: #ba973d;
  background-color: inherit;  
  text-decoration: underline; 
}

a.actMenuItem {
  color: #000000;
  background-color: inherit; 
  text-decoration: none; 
}

td {
  font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 0px;
  color: inherit;
  background-color: inherit;  
  text-align: justify;
}

hr {
  display: none;
}

/* ==================== page ==================== */

.pageMain {  
  width: 1090px; 
  border: 1px solid #ffffff;
  background: url(../img/app/MainBgr.png) left top repeat-y; 
}

.pageMain.Index {  
  cursor: pointer;		
  background: none; 
}

/* ==================== popup banner ==================== */

#bannerBgr   {
  color: #ba3d41;
  font-size: 20px;
  text-align: left;
  border: 1px solid #ffffff; 
  background: #dddddd;
  position:absolute;
  left: 30%; 
  top: 30%; 
  width:350px; 
  height:20px;
  visibility: hidden;
  padding: 5px 15px 5px 15px;
  opacity:0.9;
  filter:alpha(opacity=90);
}

#banner  {
  color: #ba3d41;
  font-size: 20px;
  text-align: left;
  position:absolute;
  left: 30%; 
  top: 30%; 
  width:350px; 
  visibility: hidden; 
  padding: 5px 15px 5px 15px;
}

/* ==================== popup banner ==================== */

#coverPopupBgr  {
  color: #000000;
  background: #dddddd;
  position:absolute;
  left: 0; 
  top: 0; 
  width: 100%; 
  height: 100%; 
  visibility: hidden; 
  display: none;
  opacity:0.7;
  filter:alpha(opacity=70);
}

#coverPopup  {
  color: #000000;
  text-align: center;
  padding: 30px 0px 0px 0px;
  position:absolute;
  left: 0; 
  top: 0; 
  width: 100%;
  height: 100%; 
  visibility: hidden; 
  display: none;
}

#coverPopupWrapper {
  margin:auto;
}

#coverPopupCaption {
  float:left;
  margin: 1px 0px 0px 0px;
}

#coverPopupClose {
  float: right;
  margin: 1px 0px 0px 0px;  
}

#coverPopupClose a {
  color: #986d00;
  display: block;
  background: #dddddd;
  font-weight: bold;
}

/* ==================== header ==================== */

.pageHeader {
  height: 68px;
  width: 688px; 
  text-align: right;
  background: url(../img/app/MainHeader.png) no-repeat; 
  margin: 0px; 
}

.pageHeader h1 {
  visibility: hidden;
  display: block;
  font-size: 23px;
  font-weight: normal;
  margin: 0px 0px 5px 0px;
}

.pageHeader a {
  font-size: 14px;
}

/* ==================== footer ==================== */

.pageFooter {
  font-size: 10px;
  color: #666666;
  background-color: inherit;
  text-align: right;  
  margin: 3px 0px 0px 0px;
  width: 1090px;
}

/* ==================== left column ==================== */

.pageLeftMenu {
  background: url(../img/app/MainLeftCorner.png) no-repeat top left; 
  width: 360px;
  float:left;
}

.pageLeftPlain {
  background: url(../img/app/MainLeftCorner.png) no-repeat top left; 
  width: 360px;
  float:left;
}

.pageLeftMenu .pageLeftWrapper, .pageLeftPlain .pageLeftWrapper {
  margin: 20px;
}

.pageMain.Index .pageLeftPlain {
  background: none; 
  width: 360px;
  float:left;
}

/* ==================== left column - decoration ==================== */

.decoWrapper {
  margin: 0px 0px 15px 0px;
}

img.DecoImg {
  border: 1px solid #ffffff;
}

/* ==================== left column - menu ==================== */

.mainMenu div {
  margin: 2px 0px 0px 0px;
}

ul.mainSubmenu {
  margin: 0px 0px 5px 20px;
  padding: 0px;
  list-style-type: none;
}
ul.mainSubmenu li {
  margin: 0px;
}

/* ==================== left column - search ==================== */

.mainSearch {
  padding: 10px 0px 5px 0px;
}

.mainSearch .searchInput {
  width: 120px;
  height: 20px;
  font-size: 12px;
  border: 1px solid #ffffff;
  background-color: #dddddd;
  margin: 0px 5px 0px 0px;
  display: block; 
  float: left;
}

.mainSearch .searchSubmit {
  width: 20px;
  height: 20px;
  background: #dddddd url(../img/app/SubmitButton.png) center center no-repeat;
  border: 1px solid #ffffff;
  cursor: pointer;
  margin: 0px;
  display: block; 
  float: left;
}

.mainSearch .searchSelect {
  font-size: 12px;
  border: 1px solid #ffffff;
  background: #e4e4e4 url(../img/app/ItemRightCorner.png) no-repeat
  top right; 
  margin: 0px 5px 0px 0px;
  padding: 0px 5px 0px 0px;
  display: block; 
  float: left;
}

/* ==================== left column - links ==================== */

.mainLinks {
  padding: 10px 0px 0px 0px;
}

/* ==================== content area ==================== */

.pageContent {
  background: url(../img/app/MainRightCorner.png) no-repeat top right; 
  float: right;
  width: 728px;
}

.pageMain.Index .pageContent {
  background: none; 
  float: right;
  width: 728px;
}

.pageContent .pageContentWrapper {
  margin: 20px;
  width: 688px;
}

.pageMain.Index .pageContent .pageContentWrapper {
  float: right;
  margin: 20px; 
  width: 668px;
}

/* ==================== page block ==================== */

.pageContent .pageContentWrapper .pageBlock {
  margin: 15px 0px 0px 0px;
}
.pageMain.Index .pageContent .pageContentWrapper .pageBlock {
  margin: 0px;
}

.pageBlock h2 {
  font-size: 18px;
  color: #777777;
  font-weight: normal;
  background-color: inherit;  
  margin: 0px 0px 4px 0px;
}

.pageBlock h3 {
  font-size: 14px;
  color: #000000;
  font-weight: bold;
  background-color: inherit;  
  margin: 8px 0px 2px 0px;
}

.pageBlock p {
  text-align: justify;
  margin: 0px 0px 3px 0px;
}
.pageBlock .blockContentImg {
  float: left;
}

.blockContentImg .blockContentImgWrapper {
  display: block;
  margin: 0px 0px 20px 0px;
}

.blockContentImg .blockContentImgWrapper.Last {
  margin: 0px 0px 0px 0px;
}

.pageBlock .blockContentWrapper {
  float: left; 
  margin: 0px;  
}

.pageMain.Index .pageBlock .blockContentWrapper {
  float: right; 
  margin: 0px;  
}

/* ==================== news ==================== */

.newsItem {
  border: 1px solid #ffffff;
  background: #e4e4e4 url(../img/app/ItemRightCorner.png) no-repeat top right; 
  margin: 0px 0px 15px 0px;
  width: 686px;
}

.newsItem .newsItemWrapper {
  margin: 10px;
}

.newsItemWrapper .newsItemImg {
  float: left;
}

.newsItemWrapper .newsItemImg .newsItemImgWrapper {
  display: block;
  margin: 0px 0px 20px 0px;
}

.newsItemWrapper .newsItemImg .newsItemImgWrapper.Last {
  margin: 0px 0px 0px 0px;
}

.newsItemWrapper .newsItemCntWrapper {
  float: left;
}

.newsItemWrapper .newsItemCntWrapper p {
  width: 660px;
}

.newsItem .itemDate {
  font-size: 14px;
  color: #ba3d41;
}

/* ==================== book ==================== */

.bookPageLinkWrapper {
  margin: 0px 0px 5px 0px;
  text-align: right;;
}

.bookPage {
  visibility: hidden;
  display: none;
}

.bookPage.Selected {
  visibility: visible;
  display: block;
}

.bookPageLink {
  padding: 0px 5px 0px 0px;
}

.bookPageLink.Sel a {
  color: #000000;
  font-weight: bold;
}

.bookPageLink.Sel a:hover {
  color: #000000;
  text-decoration: none;
}

.bookItem {
  border: 1px solid #ffffff;
  background: #e4e4e4 url(../img/app/ItemRightCorner.png) no-repeat top right; 
  margin: 0px 0px 15px 0px;
  width: 686px;
}

.bookItem.Sell {
  margin: 0px 0px 0px 0px;
}

.bookItem h3 {
  font-size: 14px;
  font-weight: normal;
  margin: 0px 0px 8px 0px;
}

.bookItem .bookItemDate {
  margin: 0px 0px 8px 0px;
  color: #ba3d41;
}

.bookItem ul {
  margin: 0px auto auto auto;
}

.bookItem ul li {
  margin: 0px;
}

.bookItem .bookItemWrapper {
  margin: 10px;
}

.bookItemWrapper .bookItemImg {
  float: left;
}

.bookItemWrapper .bookItemImg .bookItemImgWrapper {
  display: block;
  margin: 0px 0px 20px 0px;
}

.bookItemWrapper .bookItemImg .bookItemImgWrapper.Last {
  margin: 0px 0px 0px 0px;
}

.bookItemWrapper .bookItemImg .bookItemImgWrapper img {
  border: 1px solid #ffffff;
}

.bookItemWrapper .bookItemCntWrapper {
  float: left;
}

.bookItem .Sold {
  color: #888888;
}
	
.basketLinkWrapper {
  margin: 0px 0px 15px 0px;
  padding: 3px 0px 0px 0px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: #e4e4e4;
  width: 686px;
}

.basketLinkWrapper .countField {
  visibility: hidden;
}  

.basketLinkWrapper .countField select {
  border: 1px solid #ffffff;
  background-color: #eeeeee;
  font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom: 3px;
}

/* ==================== group ==================== */
.TabArea { 
  visibility: hidden;
  display: none;
}

.TabArea.Active {
  visibility: visible;
  display: block;
}

.tabLinks {
  clear: both;
  width:688px;
  height:1px;
  font-size:1px;
  border-top: 1px solid #ffffff;
}

.tabLink {
  float:left;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-bottom: none; 
  background: #e4e4e4;
  margin: 10px 3px 0px 0px;
  text-align: center;
  width: 80px;
  padding: 3px 0px 3px 0px;
}

.tabLink.Act {
  background: #ffffff;
}

.tabLink.Act a {
  color: #000000;
}

.tabLink.Act a:hover {
  color: #000000;
  text-decoration: none; 
}

/* ==================== miscellaneous ==================== */

.backLink {
  margin: 15px 0px 15px 0px;
}

.clrBoth {
  clear: both;
  font-size: 0px;
  height: 0px;
  width: 1px;
}

/* ==================== not seen yet ==================== */
.TextInput {
  height: 20px;
  font-size: 12px;
  border: 1px solid #ffffff;
  background-color: #eeeeee;
  font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.TextArea {
  font-size: 12px;
  border: 1px solid #ffffff;
  background-color: #eeeeee;
  font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.OrderSubmit {
  font-size: 12px;
  border: 1px solid #ffffff;
  background-color: #aaaaaa;
  color: #ffffff;
  cursor: pointer;
  font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.OrderTable {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
  empty-cells: show;
}

.OrderTable TD {
  vertical-align: top;
  border: 1px solid #ffffff;
  padding: 4px;
  font-size: 10px;
  background-color: #e4e4e4;
}

.OrderTable TD.totalPriceLabel {
  text-align: right;
  border-top: 1px solid #ffffff;
  border-right: none;
}

.OrderTable TD.totalPrice {
  border-top: 1px solid #ffffff;
  border-left: none;
}

.FormTableTitle {
  margin: 20px 0px 2px 0px;
  font-weight: bold;
}

.FormTableWrapper {
  width: 100%;
}

.FormTable {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
  empty-cells: show;
  background-color: #e4e4e4; 
  border: 1px solid #ffffff;
}

.FormTable TD {
  padding: 3px;
  vertical-align: top;
  border-top: 1px solid #ffffff;
}

.Gray {
  color: #666666;
  background-color: inherit; 
}

.Emphesized {
  font-weight: bold;
}

.IndexLeft {
  padding: 0px 20px 0px 0px;
  text-align: right;
  vertical-align: bottom;
}

.hintTxt {
  font-size: 10px;
}