/*
 * light blue (phone #)		  #3A78B3
 * dark blue (logo)		  #1E3964
 * beige (column lines)		  #F6F3E4
 * beige footer			  #efebe8
 */

body { 
  background-color: #fff; 
  color: #000; 
  margin: 0px;
  padding: 0px;
}

body, p, ol, ul, th, td, span, div {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   12px;
  line-height: 16px;
}
input {
  color: #1E3964;
}
th { white-space: nowrap; }

#admin { 
  margin-left: 20px; 
  margin-right: 20px; 
}

#admin pre {
  padding: 10px;
  font-size: 110%;
}


#admin h1 { font-size: 140%; color: #000; background-color: #fff;  }
#admin h2, #admin caption { color: #333; background-color: #fff; margin-top: 20px; }
#admin h3 { font-size: 120%; color: #c12d05; background-color: #fff; border-top: 1px solid #ccc; }
#admin h4 { font-size: 110%; color: #000; background-color: #fff; }

/*
#admin a { color: #082d3a; background-color: transparent; }
#admin a:visited { color: #082d3a; background-color: #fff; }
#admin a:hover { color: #fff; background-color: #082d3a; }
*/
#admin a.button { color: #082D3A; background-color: white; border: 1px solid #9f9463; padding: 3px 6px 3px 6px; text-decoration: none; }
#admin a:hover.button { background-color: #F3EFD8; }

#admin dt {
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 20px;
}
#admin dd {
  margin-bottom: 10px;
  margin-left: 50px;
}
#admin .submit {
  margin-top: 10px;
  padding-top: 5px;
  border-top: 1px solid #ccc;
}

.admin-link {
  font-size: 10px;
  padding-right: 20px;
  padding-left: 20px;
}

/* for scanning table */
#image-table .bold {
  font-size: 130%;
  font-weight: bold;
}
#image-table .normal {
  font-weight: normal;
}

#image-table .but-sm {
  color: #082d3a;
  background-color: #f3efd8;
}
#image-table .but-sm a { color: #082d3a; background-color: #f3efd8;}
#image-table .but-sm a:visited { color: #082d3a; background-color: #f3efd8}
#image-table .but-sm a:hover { color: #fff; background-color: #082d3a; }

#image-table .but-lg {
  font-size: 110%;
  font-weight: bold;
  color: #082d3a;
  background-color: #f3efd8;
}
#image-table .but-lg a { color: #082d3a; background-color: #f3efd8;}
#image-table .but-lg a:visited { color: #082d3a; background-color: #f3efd8;}
#image-table .but-lg a:hover { color: #fff; background-color: #082d3a; }
#image-table .next-stage { vertical-align: middle; }

#admin #fields th {
  background-color: #fff;
  color: #000;
  text-align: right;
  border: none;
}
#admin #fields td {
  border: none;
}

#admin #container {
  width: 900px;
  margin-left: 10px;
}
#admin #container #info {
  width: 64%;
  float: left;
}
#admin #container #images {
  width: 30%;
  float: right;
  text-align: center;
}

#admin #cancel-continue {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.fieldWithErrors {
  padding: 2px;
  color: #000;
  background-color: #990000;
  display: table;
}

#notice {
  color: #990000;
  background-color: transparent;
  font-weight: bold;
  margin: 5px 0px 5px 10px;
}

.formError {
  color: #990000;
}
#errorExplanation {
  width: 400px;
  border: 2px solid #99000;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  color: #000;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #990000;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  background-color: #fff;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  color: #000;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
}

div.progressBar div.background {
  color: #000;
  background-color: #333;
  height: 18px;
  width: 0%;
}


/* for all tables in admin section */
#admin table { min-width: 900px; }
#admin th {
  border: 1px solid #607f8b;
  color: #000;
  background-color:#e6dfbc;
  padding: 5px;
  white-space: nowrap;
}
#admin td {
  line-height: 18px;
  border: 1px solid #c9d8de;
  vertical-align: top;
  padding: 5px;
}
#admin caption {
  margin-bottom: 10px;
  text-align: left;
}
#admin .term {
  font-weight: bold;
}
#admin .definition {  }

/* for next and previous buttons */
#next-prev-top {  text-align: left; margin-bottom: 15px; }
#next-prev-bot {  text-align: left; margin-top: 15px; }

.next-stage { color: #000; background-color: #c9d8de; }

/* for at_show display */
#admin .at-show a {
  color: #c12d05;
  background-color: #fff;
}
#admin .not-at-show a {
  color: #082d3a;
  background-color: #fff;
}


#logo {
  font-size: 120%;
  font-weight: bold;
  color: #fff;
  background-color: #082d3a;
  padding: 20px 30px 20px 30px;
  margin: 0px;
  letter-spacing: 0.25em;
}

#navbar {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline;
  overflow: hidden;
}
#navbar ul {
  margin: 0px;
  padding: 0px;
}
#navbar li {
  margin: 10px 20px 0px 0px;
  padding: 0px;
  list-style: none;
  display: inline;
}
#pri {
  font-size: 10px; font-weight: bold;
  padding: 5px;
  background-color: #e6dfbc; 
}
#pri a { color: #082d3a; background-color: #e6dfbc; text-decoration: none; }
#pri a:visited {  color: #082d3a; background-color: #e6dfbc; }
#pri a:hover { background-color: #e6dfbc; color: #333; }
#pri li.here a:visited { padding: 2px 3px 6px 3px; background-color: #f3efd9; }

#sec {
  font-size: 10px; font-weight: normal;
  padding: 5px;
  background-color: #f3efd8; 
}
#sec a { color: #082d3a; background-color: #f3efd8; text-decoration: none; }
#sec a:visited { color: #082d3a; background-color: #f3efd8; }
#sec a:hover { background-color: #f3efd8; color: #333; }
#sec li.here a:visited { padding: 2px 3px 6px 3px; background-color: white; }

.nav a, .nav a:visited { color: #3A78B3; background-color: transparent; }
.nav a:hover { background-color: #3A78B3; color: white; }

#logout {
  font-size: 10px;
  color: white;
  float: right;
}
#logout a { color: white; text-decoration: none; }
#logout a:visited { color: white; text-decoration: none;background-color: #082d3a; }
#logout a:hover { color: white; text-decoration: underline; }

#admin a.sort-link:link {
  color: #000;
  background-color: transparent;
}
#admin a.sort-link:hover {
  color: #fff;
  background-color: #000;
}
#admin a.sort-link:visited {
  color: #000;
  background-color: transparent;
}

#admin #cms_table {
  border: 1px solid #333;
}
#admin #menu_cmd, #admin #edit_cmd {
  color: #000;
  background-color: #e6dfbc;
}
#admin a.edit_cmd_link, #admin a.edit_cmd_link:visited {
  color: #333;
  background-color: transparent;
  font-weight: bold;
  margin-left: 10px;
}
#admin a.edit_cmd_link:hover {
  color: #000;
  background-color: transparent;
  font-weight: bold;
}



#admin #menu_pane a, #admin #menu_pane a:visited {
  color: #333;
  background-color: transparent;
  text-decoration: none;
}
#admin #menu_pane ul {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  list-style-type: none;
  line-height: 16px;
}
#admin #menu_pane li {
  margin-top: 5px;
}
#admin #menu_pane li.here a {
  color: #c12d05;
}
#admin #menu_pane ul li {
  background: url(../images/www.png) no-repeat 0px 50%;
  padding-left: 20px;
  font-weight: bold;
}
#admin #menu_pane ul li.folder {
  background: url(../images/folder.png) no-repeat 0px 50%;
  padding-left: 20px;
  font-weight: bold;
}
#admin #menu_pane ul ul li {
  font-weight: normal;
  margin-left: 20px;
}
#admin #menu_pane ul ul ul li {
  font-weight: normal;
  margin-left: 40px;
}
#admin #menu_pane ul ul ul ul li {
  font-weight: normal;
  margin-left: 60px;
}
#admin #menu_pane ul ul ul ul ul li {
  font-weight: normal;
  margin-left: 80px;
}

/* ------------- PUBLIC CSS ------------------ */

#summary {
  font-style: italic;
  margin-left: 10px;
}
.inventory-breadcrumbs a {
  color: #036;
}
#cart_summary {
  margin: 5px 15px 5px 15px;
}
#cart_summary table {
  color: #000;
  background-color: #fff;
}

#cart_summary tr {
  color: #000;
  background-color: #fff;
}
#cart_summary tr.odd {
  color: #000;
  background-color: #EADFB8;
}
#cart_summary legend {
  color: #036;
  font-weight: bold;
  padding: 2px 3px 2px 3px;
}
#cart_summary #cs-checkout {
  color: #000;
  background-color: #fff;
  border: none;
}
#cart {
  margin-left: 10px;
  padding: 5px;
}
#cart th  {
  background-color: #DECD95;
}
#cart #cart_total td  {
  font-weight: bold;
  border-top: 2px solid #d3cd95;
}

/* cart on confirmation page */
div#cart-confirm {
  margin-left: 5px;
  border: 1px solid #FFF1C5;
  border: 1px solid #ccc;
}
div#cart-confirm div.item-odd {
  background-color: #eee;
  padding: 3px;
  font-size: 90%;
}
div#cart-confirm div.item-even {
  padding: 3px;
  font-size: 90%;
}

#detail-tab #image {
  border-right: 1px solid #b9c6d2; 
}

#signin table, #checkout table {
  margin-left: 20px;
}
#signin td, #checkout td {
  padding: 5px;
}

#confirm-tab {
  border-top: 3px solid #e7ebf0;
  border-bottom: 3px solid #e7ebf0;
}
#confirm-tab h3 {
  margin-left: 3px;
  color: #036;
  font-size: 100%;
}
#confirm-tab h3 a {
  padding-left: 10px;
  font-size: 90%;
}
#confirm-tab p {
  margin-left: 6px;
}
#confirm-tab table {
  margin-left: 3px;
}
#confirm-tab table td {
  padding: 2px;
  margin: 0px;
}
#confirm-tab td.confirm-but {
  color: #036;
  font-weight: bold;
  padding-top: 20px;
}
  
div #favorites {
  border-top: 3px solid #003366;
  border-bottom: 3px solid #003366;
  padding: 5px;
  margin: 20px 0px 20px 0px;
}
#favorites h2 {
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
  padding-bottom: 3px;
  color: #003366;
}
#favorites td {
  border: 1px solid #e7ebf0;
  padding: 5px;
}

/* universal item list */
#item-list div.title {
  font-weight: bold;
}
#item-list span.fav-price {
  font-weight: bold;
  color: #990000;
}
#item-list td  {
  padding-top: 10px;
  padding-bottom: 10px;
}
#item-list td.item-list-pages {
  text-align: center;
  border-bottom: none;
}

/* 'sold' sign on issue page, for example */
.sold-sm {
  color: #990000;
  font-weight: bold;
  background: transparent;
}
/* 'sold' sign on detail page, for example */
.sold-lg {
  color: #990000;
  font-size: 140%;
  font-weight: bold;
  background: transparent;
}
/* customize certain form fields */
.field-right {
  text-align: right;
}

/* search favorite lists */
#search-for-favorites p {
  font-size: 10px;
}
#search-for-favorites input#email {
  width: 100px;
}

/*
 * REFACTORED STYLES
 * light blue (phone #)		  #3A78B3
 * dark blue (logo)		  #1E3964
 */ 

h1 {
  margin-top: 20px;
  font-weight: normal;
  font-size: 160%;
  color: #1e3964;
}

h2 {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 130%;
  font-weight: bold;
  color: #3a78b3;
}

h3 {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 120%;
  font-weight: bold;
}


a {
  color: #3a78b3;
  background-color: transparent;
}
a:visited {
  color: #551A8B;
  background-color: transparent;
}

/* HORIZONTAL RULES
 *
 * Do this:   <div class="hr"><hr /></div>
 */
div.hr {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 1px;
  background: url(/images/ui/hr_replacement.gif) no-repeat scroll center;
}
div.hr-wide {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 1px;
  background: url(/images/ui/hr_replacement_300.gif) no-repeat scroll center;
}
div.hr-narrow {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 1px;
  background: url(/images/ui/hr_replacement_100.gif) no-repeat scroll center;
}

div.hr hr, div.hr-wide hr, div.hr-narrow hr {
  display: none;
}



#content {
  margin-top: 10px;
}
/* 'curved' bottom of banner */
#content td.banner-bottom {
  background-image: url(/images/ui/banner_background.jpg); 
  background-repeat: repeat-x; 
}
#content td.primary-nav {
  background-image: url(/images/ui/primary_navigation_background.jpg); 
  background-repeat: repeat-x; 
}
#content td.secondary-nav {
  background-image: url(/images/ui/secondary_navigation_background.jpg); 
  background-repeat: repeat-x; 
}
/* search box in banner */
#content .search-box-container {
  margin: 0px;
  padding: 0px;
  text-align: middle;
}
.search-box-form input { 
  font-size: 11px; 
 }

.search-box-form input.mrs_submit { 
  font-size: 12px; 
  color: #1E3964;
 }
/* links in upper-right banner */
#utility-links { color: #3a78b3; background-color: transparent; font-size: 11px; }
a.utility-link { color: #3a78b3; background-color: transparent; font-size: 11px; }
a:hover.utilty-link { color: #1E3964; background-color: transparent; }

/* primary navigation buttons 
 * 
 * <div id="primary-menu">
 *   <ul>
 *     <li class="here"><a href="/">Home</a></li>
 *     <li><a href="/welcome.html">Welcome</a></li>
 *     <li><a href="/account.html">Account</a></li>
 *     <li><a href="/cart.html">Shopping Cart</a></li>
 *     <li><a href="/contact.html">Contact</a></li>
 *   </ul>
 * </div>
 */
#primary-menu {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
  padding: 0;
  padding-top: 10px;
  margin: 0;
}
#primary-menu ul {
  margin: 0;
  padding:0;
  list-style:none;
}
#primary-menu li {
  float:left;
  background: url(/images/ui/right_side_button_normal.jpg) no-repeat;
  background-position: 100% 0%;
  margin:0;
  padding:0;
}
#primary-menu a {
  float: left;
  display:block;
  background: url(/images/ui/left_side_button_normal.jpg) no-repeat;
  background-position: 0% 0%;
  padding: 5px 15px;
  text-decoration: none;
  color: #1E3964;
}
#primary-menu .here {
  background-image:url(/images/ui/right_side_button_here.jpg);
}
#primary-menu .here a {
  background-image:url("/images/ui/left_side_button_here.jpg");
  color: white;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */

/* secondary navigation bar */
#secondary-menu {
  float: left;
  margin: 0px;
  padding: 0px;
  padding-top: 10px;
  border: none;
  position: relative;
}
#secondary-menu li {
  display: inline;
  margin-left: 20px;
  list-style-type: none;
}
#secondary-menu li a {
  color: #AAC6E2;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}
#secondary-menu li a:hover {
  color: white;
}
#secondary-menu li.here a {
  color: white;
}

/* left column formatting */
#content #left-col {
  padding-top: 0px;
  padding-right: 10px;
  padding-left: 10px;
  background: url("/images/ui/left_column_background.jpg") repeat-x;
}

/* center column formatting */

#content #center-col {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  border-left: 2px solid #F6F3E4;
  border-right: 2px solid #F6F3E4;
}

/* right column formatting */
#content #right-col {
  padding-top: 0px;
  padding-right: 10px;
  padding-left: 10px;
  background: url("/images/ui/right_column_background.jpg") repeat-x;
}

/* ============ INVENTORY DIRECTORY =============== */
h1.large-italic {
  font-family: Times New Roman, Times, serif;
  font-style: italic;
  font-weight: lighter;
  font-size: 200%;
  margin-left: 10px;
  margin-top: 20px;
}

#inventory-directory {
  padding: 5px;
}
#dir-tab {
  border-spacing: 0px 5px;
}
#dir-tab td {
  padding: 5px;
}
#dir-tab a.dir-link {
  font-weight: bold;
  font-size: 12px;
  color: #3A78B3;
  text-decoration: none;
}
#dir-tab a.dir-link:hover {
  text-decoration: underline;
}
p.dir-desc { 

}

/* =========== RECENTLY VIEWED ITEMS ========== */
div #last-viewed {
  padding: 5px;
}
#last-viewed h2 {
  font-family: Times New Roman, Times, serif;
  font-style: italic;
  font-weight: lighter;
  font-size: 180%;
}
#last-viewed td {
  border: 1px solid white;
  padding: 3px;
}

/* ========= FEATURED ITEMS ============ */
#fi-tab td, #ni-tab td, #fa-tab td {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 10px;
  line-height: 1.5em;
}

/* ========== FOOTER ===============*/

#footer-spacer {
  line-height: 3em;
}
#footer {
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 3px;
  text-align: center;
  color: #1E7CD4;
  background-color: #efebe8;
  font-size: 10px;
}

/* === ISSUE PAGE === */
#issue-tab caption {
  margin: 2px;
  padding: 1px;
  background-color: transparent;
  color: #036;
}
#issue-tab th, #issue-tab td {
  white-space: normal;
  font-weight: normal;
  padding: 5px;
}
#issue-tab th {
  padding-top: 10px;
  color: #000;
  background-color: #e6e0c3;	  /*  #f6f3e4;  */
  border: 1px solid #e6e0c3;
}
#issue-tab th.empty-issue {
  background-color: transparent;
  border: 0px solid white;
}
#issue-tab td {
  text-align: center;
  background-color: transparent;
  color: #000;
  border: 1px solid #e6e0c3;
}
#issue-tab th p {
  font-size: 11px;
}
#issue-tab p {
  font-size: 10px;
  padding: 0px;
  margin: 0px;
}
#issue-tab p.no-item {
  font-family: Times New Roman, Times, serif;
  font-style: italic;
  font-weight: lighter;
  font-size: 12px;
}
#issue-tab div.issue-item {
  color: #333;
  margin: 10px 5px 10px 5px;
  padding: 5px;
}
#issue-tab h3 {
  padding: 0px;
  margin: 10px 0px 5px 0px;
}
#issue-tab .issue-item h4 { 
  font-weight: normal;
  font-size: 80%; 
  padding: 0px;
  margin: 5px 0px 5px 0px;
}
#issue-tab .issue-item p.price {
  font-style: normal;
}
#issue-tab p.instructions {
  font-style: normal;
  color: #c12d05;
}
#set_issue_cols_form {
  padding: 5px;
  margin: 2px;
  background-color: #B9C6D2;
  color: #000;
  border: 2px solid #99AABB;
}
#issue-tab a:hover div.issue-item {
  background-color: #f6f3e4;
}

/* ======== SCOTT KEYWORD ARTICLES ========= */
.scott-keyword-article {
  padding: 10px;
  margin-top: 40px;
  color: #000;
  font-style: italic;
  background-color: #f6f3e4;
  margin-top: 30px;
  margin-bottom: 10px;
}
.scott-keyword-article h1, .scott-keyword-article h2 {
  color: #333;
  margin-top: 0px;
  padding-top: 0px;
  font-weight: bold;
}

/* ======= Category related article ========= */

.category-article {
  padding: 10px;
  color: #000;
  background-color: #f6f3e4;
  font-style: italic;
}
.category-article h1, .category-article h2 {
  color: #333;
  font-weight: bold;
  margin-top: 0px;
  padding-top: 0px;
}

/* ========== FLASH ============ */
#flash { 
  margin-top: 10px;
  margin-bottom: 10px;
  color: #c12d05; 
  background-color: #fff; 
  font-weight: bold;
}

.red {
  font-weight: bold;
  color: #c12d05; 
  background-color: #fff; 
}

/* ======= search result error */
#search-error h2, #search-error h2 .search-black {
  font-family: Arial, Gadget, sans-serif;
  font-size: 18px;
  color: #990000;
  background-color: transparent;
  font-style: normal;
}
#search-error h2 .search-black {
  color: black;
  background-color: transparent;
}

/* ======= wantform =========== */
div #wantform {
  margin-top: 40px;
}
#wantform fieldset, #contact-form fieldset {
  padding: 15px;
  border: 1px solid #3D7AB0;
}
#wantform legend {
  color: #3d7ab0;
  font-weight: bold;
}
#wantform p.wantform-help {
  font-style: italic;
}
#wantform p.wantform-resp {
  color: #990000;
  margin-bottom: 20px;
}
#wantform p.wantform-small {
  color: #666;
  font-size: 10px;
}
#wantform a:visited {
  color: #3d7ab0;
}

.item-category {
  margin-left: 20px;
}

#admin #company-info td {
  font-family: Times New Roman, Times, serif;
  font-size: 16px;
}

/* category browser */
#category-browser-header {
  font-size: 200%;
  font-family: "Times New Roman", Times, serif;
  line-height: 1.1em;
  color: #5E4A2F;
  text-align: center;
  letter-spacing: 0.05em;
}
div #category-browser {
  padding: 5px;
  margin-top: 5px;
}
#category-browser h2 {
  color: #5E4A2F;
  font-size: 18px;
  font-weight: normal;
}
#category-browser ul {	    /* level 1 */
  list-style: none;
  padding-left: 0px;
  margin-left: 0px;
  font-size: 14px;
  line-height: 1.6em;
  font-weight: bold;
}
#category-browser ul ul li {	    /* level 2 */
  padding-left: 15px;
  font-size: 12px;
  font-weight: normal;
}
#category-browser ul ul ul li {	    /* level 3 */
  padding-left: 30px;
  font-weight: normal;
}
#category-browser ul ul ul ul li {	    /* level 4 */
  padding-left: 55px;
  font-weight: normal;
}
#category-browser ul ul ul ul ul li {	    /* level 5 */
  padding-left: 80px;
  font-weight: normal;
}
#category-browser .hot {
  font-weight: bold;
  color: #5E4A2F;
  text-decoration: underline;
}
#category-browser a { 
  color: #1D3865;
}
#category-browser a:hover { 
  color: #3C7AAD;
}

#container #category-description {
  color: #5E4A2F;
}

/* item list tables */
#il-grid td {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
div.info {
  color: #000;
  width: 80%;
}
div.price {
  color: #000;
  width: 80%;
}

a.disp-on {
  border: none;
  text-decoration: none;
  color: #B68649;
  font-size: 10px;
}

a.disp-off {
  border: none;
  text-decoration: none;
  color: #66777F;
  font-size: 10px;
}

div#tp-alert {
  background-color: #CAF94A;
  padding: 10px;
  font-weight: bold;
  border: 2px solid black;
}

div#payment-calculator {
  margin-top: 30px;
  background-color: #CAF94A;
  padding: 10px;
  border: 3px solid black;
}
div#payment-calculator h3 {
  font-size: 110%;
  margin-top: 5px;
}
td.tp-opt {
  background-color: #CAF94A;
}
.tp-alert {
  padding: 5px;
  font-weight: bold;
  background-color: #CAF94A;
}