/* default.css */
html { font-size: 100.01% }

body { 
	margin: 0; padding: 0;
  background-color: #000; 
	font-family: arial, geneva, helvetica, sans-serif;
	font-size: 62.5%; /*9pt;*/
	color: #000;
}
div#wrapper {
	position: relative;
	width: 100%; /*height: 550px;*/
  margin: 0 auto; padding: 0;
  background-image: url("grfx/backgroundMain.jpg");
  border-bottom: 3px outset ActiveBorder;
}
div#main {
  position: relative;
	width: 775px; height: 610px;
	margin: 0 auto; padding: 0;
	font-size: 12px;
}
form#xclickView { 
  display: inline;
  position: absolute;
  top: 4px; right: 24px;
  margin: 0; padding: 0;
}
form#xclickAdd { display: inline; }
form#xclickView input#submit { border: 1px outset #333; }
form#xclickAdd input#submit { border: 1px outset #333; }
div#main img#titleImg { margin-left: 7px }
div#main img#barDeco { margin: 0 }
div#display {
  position: absolute;
  top: 65px; left: 50px;
	width: 700px; height: 340px;
	border: 1px solid #333;
	background-color: #666677;
	background-image: url("grfx/displayTile02.png");
  background-position: -3px -8px; 
	color: #ccc;
	margin: 0 auto; padding: 0;
	clip: auto;
}
div#display img#itemPhoto {
  margin: 18px 0 0 20px;
  border: 1px solid #333;
  cursor: pointer;
}
div#display p#zoom { position: absolute; bottom: 0px; left: 20px; margin: 0; z-index: 1; color: #000; font-size: 120% }
ul#menu {
  position: absolute;
  bottom: 8px; right: 40px;
  z-index: 2;
  padding: 0;
  width: 165px; 
  background-color: #333;
  list-style-type: none;
  cursor: pointer;
  border-bottom: 1px solid #000;
}
ul#menu li { 
  padding-left: 4px;
  background-color: transparent;
  color: #ccc; 
}
ul#menu li:hover { background-color: #999; }
ul#menu li a {
  display: block;
  width: 100%; 
  text-decoration: none;
  background-color: transparent; 
  color: #fff;
}
ul#menu li a:hover { background-color: #999; }
ul#menu li#menuTitle { 
  border-bottom: 1px solid #666;
  text-align: center;
  cursor: default;
}
ul#menu li#menuTitle:hover { background-color: #333; }
ul#menu li.empty:hover { background-color: #333 }
ul#menu li.empty a, ul#menu li.empty a:hover { color: #666; background-color: #333; cursor: default }
div#lower p#paypal { position: absolute; top: 100px; right: 0; }
div#product {
  position: absolute;
  left: 494px; top: 18px;
  width: 240px;
  margin-right: 1px;
}
div#product h2 {
  width: 200px; 
  font-family: arial, geneva, helvetica, sans-serif;
  font-size: 10pt !important; 
  font-weight: normal !important;
  margin: 0; padding-left: 6px;
  background-color: #333 !important;
  color: #fff !important;
  border-bottom: 1px solid #000;
}
div#product p { color: #fff; background: transparent; font-size: 0.9em; line-height: 1.1; }
div#browse a { text-decoration: none; margin-right: 12px; }
div#browse a img { border: none; vertical-align: middle; }
div#lower {
  position: absolute;
  left: 50px; top: 425px;
  width: 700px;
}
div#footer {
  margin: 0 auto; padding: 0;
  text-align: center;
}
div#footer p#nav { font-family: arial, geneva, helvetica, sans-serif; font-size: 14px; }
p#nav a:link, p#nav:visited { color: #333 }
p#nav a:hover { color: #c06 }
div#bottom {
	position: absolute;
	bottom: 5px; right: 0;
}
a[target=_blank]:link, a[target=_blank]:visited,
a[rel=external]:link, a[rel=external]:visited {
  text-decoration: none;
  border-bottom: 1px dashed;
}

p.notice { margin: 24px }

.center { text-align: center }
.strong { font-weight: bold }
.emphasis { font-style: italic }
.super { font-size: xx-small; vertical-align: super; }
.strike { text-decoration: line-through; }
.large { font-size: 120% }
.small { font-size: 90% }
.fgCerise { color: #cc0066 }
.fgMagenta { color: #9900ff }
.fgFuschia { color: #cc00ff }
.fgYellow { color: #ff0 }
.fgGray { color: #999 }
.fgWhite { color: #fff }