@charset "utf-8";
/* CSS Document */
.alert {		/* for messages such as "no coins in inventory */
}
#inventory_wrapper {
}

/* Inventory Title:  Menu selection or search criteria */
.InventoryTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-bottom: 10px;
}
/* Navigation Blocks Top & Bottom */
.navigation {
	display: inline-block;
}
.navigation table {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.navigation td {
    width: 33%;
}
#navigation_top {
    width: 100%;
/*	background-image: url(../images/item_border_top.png);
	background-repeat: no-repeat; */
	height: 50px;
	margin-right: auto;
	margin-left: auto;
}
#navigation_bottom {
	width: 100%;
/*	background-image: url(../images/item_border_bot.png);
	background-repeat: no-repeat; */
	height: 50px;
	margin-right: auto;
	margin-left: auto;
}

/*  Page number navigation:  Page 1|2|3|4|5|  */
.pagenav {
	color: #444;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	position:relative;
	right:0;
}
.pagenbr {
	color: #444;
}
.pagenbr a {
	text-decoration: none;
}
.pagenbr a:hover {
	text-decoration: underline;
}
.thispage {
}
#pagenav_top {
}
#pagenav_bottom {
}	
/*   Prev/Next Item navigation buttons, usually on detail page */
.itemnav {
	display:inline;
}
#itemnav_sum_top {
   display: none;
}
#itemnav_sum_bottom {
   display: none;
}
#itemnav_det_top {
   display: inline;
}
#itemnav_det_bottom {
   display: none;
}
#nextitem {
	visibility: hidden;		/* code will show when applicable */
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}
#nextitem a {
	background-image: url(../images/v1/buttons/next.png);  /* graphical link */
	background-repeat: no-repeat;
	height: 22px;
	width: 15px;
	display: inline-block;  /* needed for so size of link expands to size of button */
	text-decoration: none;
	background-position: center top;
}
#nextitem a:hover {
	background-position: center bottom;
}
#nextitem span {
    display: none;  /* text link */
}

#previtem {
	visibility: hidden;		/* code will show when applicable */
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}
/* this uses graphical links;  separate graphics for idle and hover states */
#previtem a {
	background-image: url(../images/v1/buttons/prev.png);  /* graphical link */
	background-repeat: no-repeat;
	background-position: center top;
	height: 22px;
	width: 15px;
	display: inline-block;  /* needed for so size of link expands to size of button */
	text-decoration: none;
}
#previtem a:hover {
	background-position: center bottom;
}
#previtem span {
    display: none;  /* text link */
}
/*  Item Tally ==>  Coin 9 to 9 of 999  */
.itemtally {
	display: inline;
	color: #444;
}
#itemtally_sum_top {
   display: inline;
}
#itemtally_sum_bottom {
   display: inline;
}
#itemntally_det_top {
   display: inline;
}
#itemtally_det_bottom {
   display: inline;
}
/* ----------------------------------------------------------------------------------------------
    Inventory Items
   ---------------------------------------------------------------------------------------------- */
/* ****** CONTAINER **** */
#itemsec {
/*	background-image: url(../images/item_border_mid.png);
	background-repeat: repeat-y;  */
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#itemsec table {
	border-collapse:collapse;  /* for gridline border */
	margin-right: auto;
	margin-left: auto;
}
#itemsec tr {
}
#itemsec th {	/* set attributes if using a grid-format */
}
#itemsec td {
	padding: 5px;
}

.item_row {
}
.item_row tr {
}
.odd { 
}
.even {
	background-color:#111;
}
.item {
}
.item table {
}
.item tr {
}
.item td {
	border: 1px solid #FFF;
}
.item label {
}
/* Code will generate the following tags based on the layout configuration for the site 
   <div class='sum_item_div_9'> content </div>
   <div class='det_item_div_9'> content </div>
   div tags will surround content around column breaks and CR.  
   Each DIV class will indicated display type (sum for summary, det for detail) and be numbered sequentially within the item layout.
   This is to allow control of formatting, alignment and spacing of paragraphs/lines 
   Number of divs and meanings depend on the layout configuration */
.sum_item_div_1 {  /* photo */
}
.sum_item_div_2 {  /* empty */
}
.sum_item_div_3 {  /* title */
   padding-bottom: 10px;
}
.sum_item_div_4 { /* price */
   padding-bottom: 10px;
}
.sum_item_div_5 {  /* SKU */
}
/* DETAIL DIVISIONS */
.det_item_div_1 {  /* empty */
}
.det_item_div_2 {  /* title */
   text-align: center;
   padding-bottom: 10px;
}
.det_item_div_3 {  /* description */
   text-align: left;
   padding-bottom: 5px;
}
.det_item_div_4{  /* price */
   text-align: center;
   padding-bottom: 5px;
}
.det_item_div_5 {  /* SKU */
   text-align: center;
   padding-bottom: 5px;
}
.det_item_div_6 { /* photo */
   text-align: center;
}
.det_item_div_7 {  /* not used */
}
/* Individual pieces of information will be surrounded by <span class='field'> content </span> tags.
   Fields generated depend on the layout configuration. */
   
.sku {	/* serial number or sku */
   color: #444;
}
.itemtitle { /* 1910-D MS65 $20 PCGS */

}
.desc { /* 1910-D MS65 $20 PCGS OR TITLE */
	font-size: larger;
	font-weight: bold;
}
.longdenom {  /* $20 St. Gaudens */
}
.shortdenom { /* G$20 */
}
.cointype { /* Saint with Motto */
}
.coindate { /* 1910-D */
}
.price { /* $2,800 */
    font-size: larger;
}
.call { /* Call for Pricing */
}
.call a {
}
.call a:hover {
}
.sold { /* Pre-1933 item sold */
}
.sale_pending { /* Pre-1933 item sale pending */
}
.dynamic {  /* dynamically priced footnote indicator */
    color: #FC0;
}
.dynamic img {
    display: none;
}
.dynamic span {  /* text indicator */
}
.specials {  /* prices overridden in exception file */
}
.specials img {
    display: none;
}
.specials span {  /* text indicator */
	display: none;
}

.tieredpricing {
}
.tieredpricing table {
	width: 100%;
}
.tieredpricing tr {
}
.tieredpricing th {
}
.tieredpricing td {
}
.tierdesc {
}

.grade { /* MS65 */
}
.service { /* Service */
}
.photo {
}
.photo table {
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/image_bg.png);
	background-repeat: no-repeat;
}
.photo td {
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.photo a {
  text-decoration: none;
}
.photo_sum {
}
.photo_sum table {
	width:125px;	/* max width of item image on summary/results page */
	background-image: url(../images/image_bg_small.png);
	background-repeat: no-repeat;
}
.photo_sum td {
	width:175px;	/* max width of item image on summary/results page */
	text-align: center;
} 
.photo_sum img {
}
.photo_det {
}
.photo_det table {
	width:700px;	/* max width of item image on detail page */
}
.photo_det td {
	width:700px;	/* max width of item image on detail page */
	text-align: center;
} 
.photo_det img {
}
.itemphoto_sum {  /* class on image tag */
    border: none; /*get rid of border on image link */
}
.itemphoto_det {  /* class on image tag */
    border: none; /*get rid of border on image link */
}


.new img {
	/* Use this one if you want to use a graphic for new items. Set display: none; if you don't */
	background-image: url(../images/v1/new.png);
	background-position: center top;
	background-repeat: no-repeat;/*	display: none; */
	height: 19px;
	width: 44px;
}
.new span {
	/* Use this one if you want to display text "New!" for new items.  Set display: none; if you don't */
	display: none;
}
.nostock {
}
.nostock img {
	/* Use this one if you want to use a graphic for out of stock items. Set display: none; if you don't */
	background-image: url(../images/stock_out.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	/*	display: none; */
	height: 30px;
	width: 60px;
}
.nostock span {
	/* Use this one if you want to display text "Temporarily Out of Stock" for Out of stockitems.  Set display: none; if you don't */
	display: none;
}
/* Buttons for items to cart. 
   Note: examples are "stacked" buttons.  Button is twice as high as displayed.  Top half is idle state; Bottom half is hover */
/* buy now items */   
.action {  /* surrounds purchase, add2cart, make offer links/buttons/forms */
    display:inline;
}

.add2cart_button {
	background-image: url(../images/v1/buttons/add2cart.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 22px;
	width: 75px;
	display: inline;
	text-decoration:none;
}
.add2cart_button:hover {
	background-position: bottom;
}
/* purchase request items */
.purchaserequest {
	background-image: url(../images/v1/buttons/purchase.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 22px;
	width: 102px;
	display:inline-block;
	text-decoration:none;
}
.purchaserequest:hover {
	background-position: bottom;
}
.purchaserequest span { /* text link or for printer friendly */
	visibility: hidden; 
}
/* haggle (negotiate) price items */
.haggle {
	background-image: url(../images/buttons/haggle.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 30px;
	width: 60px;
	display:inline-block;
	text-decoration:none;
}

.haggle:hover {
	background-position: bottom;
}
.haggle span {	/* text link or for printer friendly */
	visibility: hidden; 
}	
#dynmsg {
	font-weight: bolder;
	color: #FFCC00;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
}
	
-->
/* --------------------------------------------- old items --------------------------------------*/
#combosearch {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 1.5em;
}
#combosearch input, select {
	border: 1px solid #444;
	background: #2A2A2A url(../images/v1/tz_input_bg.png) repeat-x;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	padding: 2px;
	color: #ccc;
}
#combosearch input.button {
	border: 1px solid #444;
	background: #2A2A2A url(../images/v1/tz_button_bg.png) repeat-x;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	padding: 2px;
	color: #ccc;
	margin: 10px 0px;
}
#combosearch label {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#combosearch legend {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	border: thin outset #444444;
}
#combosearch fieldset {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: 17px;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #444444;
	border-right-color: #444444;
	border-bottom-color: #444444;
	border-left-color: #444444;
	margin-left: 10px;
}
.content {
	font-size: small;
	background-color: #000000;
}
.content table {
	background-color: #000000;
}
.content td, ol, form {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: small;
}
.content th {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #444444;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: x-small;
	text-align: center;
}
.content td, ol, form {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: small;
}
.content li {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: small;
	padding-top: 5px;
	padding-bottom: 5px;
}
.content a {
	text-decoration: none;
	font-weight: bold;
}
.content a:link {
	color: #CCCCCC;
}
.content a:visited {
	color: #CCCCCC;
}
.content a:active {
	color: #CCCCCC;
}
.content a:hover {
	color: #FFA405;
	text-decoration: underline;
}
.content h1 {
	margin: 15px 0px 8px 0px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.content h2 {
	margin: 15px 0px 8px 0px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.content h3 {
	margin: 0px 0px 8px 0px;
	font-size: 12px;
	color: #fc0;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.content p {
	padding-right: 5px;
	padding-left: 5px;
}
.text_content {
	font-size: small;
	padding-right: 5px;
	padding-left: 5px;
	text-indent: 20pt;
}

.content em {
	font-style: italic;
	font-weight: bold;
	color: #000000;
}
.content strong {
	font-weight: bolder;
	color: #FFCC00;
}
.content dt {
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin-top: 1em;
}
.content dd {
	font-weight: normal;
	text-align: justify;
	margin-right: 1em;
}
.content input.button {
	border: 1px solid #444;
	background: #2A2A2A url(../images/v1/tz_button_bg.png) repeat-x;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	padding: 2px;
	color: #ccc;
	margin: 10px 0px;
}
.content input, select, textarea {
	border: 1px solid #444;
	background: #2A2A2A url(../images/v1/tz_input_bg.png) repeat-x;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	padding: 2px;
	color: #ccc;
}

.content label {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#photos {
	background-color: #000000;
	height: 350px;
	width: 350px;
}
.highlightedtext {
	font-weight: bold;
	color: #000000;
	background-color: #BE8B06;
}
.reversetext {
	font-weight: bold;
	color: #1561EC;
	background-color: #000000;
}
.blueboldtext {
	font-weight: bold;
	color: #000000;
}
.formlabelrequired {
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.formlabeloptional {
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.pagenbrthispage {
	font-weight: bold;
	color: #CEC4AB;
	font-size: x-small;
	text-decoration: none;
}
.pagenbr {
	font-weight: bold;
	color: #666666;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pagenbr a {
	font-weight: bold;
	text-decoration: underline;
	color: #666666;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pagenbr a:link {
	color: #666666;
}
.pagenbr a:visited {
	color: #666666;
}
.pagenbr a:hover, a:active {
	color: #FFCC00;
}
.PageHeading {
	font-size: large;
	color: #BE8B06;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.AuthorizeNetSeal {
}
.AuthorizeNetSeal a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
.AuthorizeNetSeal a:link{
	color: #000000;
}
.AuthorizeNetSeal a:visited {
	font-size: x-small;
}.AuthorizeNetSeal a:active {
	color: #000000;
}.AuthorizeNetSeal a:focus {
	color: #000000;
}
.recordnav {
}
.recordnav table {
	background-color: #1561EC;
}
#coinheading {
	color: #FFFFFF;
	border-bottom: 1px solid #C4AE7C;
	padding-bottom: 6px;
	margin-bottom: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#tally {
	font-size: x-small;
	color: #666666;
}
#errormsg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bolder;
	color: #FFFFFF;
	text-align: center;
	background-color: #FF0000;
}
.coininfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #00FF00;
}
#ship2 {
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	border: medium ridge #444444;
	font-weight: bold;
	text-align: center;
	width: 450px;
	background-color: #000000;
	color: #FFFFFF;
}
#ship2 label {
	color: #FFFFFF;
}
#ship2 radio {
}
#contactinfo {
	display: none;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	border: medium ridge #444444;
	font-weight: bold;
	text-align: center;
	width: 450px;
	background-color: #000000;
	color: #FFFFFF;
}
#contactinfo label {
	color: #FFFFFF;
}
#contactinfo table {
	background-color: #000000;
}

#contactinfo input {
}
.required {
	font-weight: bolder;
	color: #FFFFFF;
}
.coinmenu {
}
.coinmenu table {
	display: table;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.coinmenu td {
	text-align: center;
	vertical-align: bottom;
	display: table-cell;
	padding: 5px;
}
.coinmenu a {
}
.coinmenu img {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
