/************************
* KI CUSTOM STYLES
* must update with any style updates to main site
*************************/


 @media screen {

/***********************
* LAYOUT
************************/
td.Content li {
  padding: 0;
}

TABLE {
  border-collapse: collapse;
  width: 100%;
}
TABLE.autowidth {
  width: auto;
}
TABLE.inheritwidth {
  width: inherit;
}

/* sign in page */
TABLE#Table1 {
 width: auto;
}


td.content {
  white-space: normal;
}
BODY {
  background-color: #999999;
  margin: 0;
}

/* same as #pagewrapper in ki pages */
#PageTable {
  background-color: #FCF8EC;
  width: 100%;
}

#PageSubTable {
  border: 0;
}

/* BANNER */

/* same as #banner in ki pages */
.TopBanner{
  background: #2B56A4 url(/images/header-background.gif);
  height: 80px;
  padding: 0;
}
#xtra-links {
  z-index: 1;
  float: right;
  position: relative;
  top: 30px;
  right: 10px;
  color: #F7B297;
  font: bold 10px Verdana, sans-serif;
}
#xtra-links a, #xtra-links a:visited {
  text-decoration: none;
  color: #F7B297;
}
#xtra-links a:hover {
  text-decoration: underline;
}




/* SUB BANNER */


#TopSubBannerWrapper {
  display: block;
}
.TopSubBanner {
  text-align: center;
  height: 20px;
  padding-top: 2px;
  color: #C6BFA5; /* Font Color */
  BORDER-bottom: 1px solid #999999;
  BACKGROUND-COLOR: #f18867;
}
.TopSubBannerText, .TopSubBannerText a {
  color: white;
  text-decoration: none;
  font: bold 10pt Arial;
  text-transform: capitalize;
  padding-right: 4px;
}
table#TopSubBanner1_CMenubar1_dlMenu {
  display: inline;
  width: auto;
  text-align: center;
}
#TopSubBannerHelp {
  display: inline;
  color: white;
  vertical-align: top;
  text-decoration: none;
  font: bold 10pt Arial;
  text-transform: capitalize;
}
a#TopSubBannerHelp:visited {
  color: white;
}
a#TopSubBannerHelp:hover {
  color: #46548D;
  text-decoration: underline;
}


/* FOOTER */

/* same as #footer in KI web pages w/o fontstyle */
.Footer {
  font-size: 8pt; /* Font Size */
  font-family: Arial; /* Font Face */
  text-align: Center; /* Align Text */ 
  BORDER: 1px solid #999999;
  BACKGROUND-COLOR: #f18867;
  HEIGHT: 20px; 
  padding: 6px 0;
}

.Footer a, .Footer a:visited {
  font-size: 8pt; /* Font Size */
  text-decoration: none;
  text-align: Center; /* Align Text */ 
  color: black;
}
.Footer a:hover, .TopSubBanner a:hover {
  color: #46548D;
  text-decoration: underline;
}

/* LEFT COLUMN */

.LeftColumn {
  padding: 10px 3px;
  width: 140px !important;
  background: #8BCDC3 url(images/stripedbg.gif);
  vertical-align: top;
}


/* CENTER COLUMN */

td.content {

}

/* same as #CenterColumn in KI web pages, except left padding */
#ContentCell {
  vertical-align: top;
  padding: 10px 10px 10px 20px;
  /*width: 529px;*/
}

.Content {
  font-family: Verdana, sans-serif;
  font-size: 13px;
  color: #000000;
  background-color: #FCF8EC;
}
.SmallText {
  font-size: 80%;
}

.Instructions {
font-family: Arial; /* Font Face */
font-size: 10pt; /* Font Size */
color: #000000; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: #E7E3D7; /* Background color */
text-align: Left; /* Align Text */
}

/* don't make error messages display:block; screws up formatting on some pages */
.Messages, .ErrorMessages {
font-family: Arial; /* Font Face */
font-size: 10pt; /* Font Size */
color: #0000CC; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: #F7F7EF; /* Background color */
text-align: Center; /* Align Text */
}

.Headings {
  font-family: Arial; /* Font Face */
  font-size: 11pt; /* Font Size */
  color: #009999; /* Font Color */
  font-weight: Bold; /* Font Style */
  font-style: normal; /* FontStyle */
  text-decoration: none; /* Font Style */
  text-align: Left; /* Align Text */
}




/* RIGHT COLUMN */

.RightColumn {
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: #000000; /* Font Color */
font-style: normal; /* Font Style */
font-weight: Normal; /* Font Style */
text-decoration: none;
background-color: #C6BFA5; /* Background color */
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: 15%;
}
/* added  #HeaderRow TD to fix css issue in IE mac x */
.ContentTableHeader {
  font-family: Arial; /* Font Face */
  font-size: 10pt; /* Heading Font Size */
  color: #FFFFFF; /* Heading Font Color */
  font-weight: Bold; /* Heading Font Style */
  font-style: normal; /* Heading FontStyle */
  text-decoration: none; /* Heading Font Style */
  background-color: #009999; /* Background color */
  text-align: Left; /* Align Text */
}



/**************************
* PRODUCT LISTING PAGES
**************************/
TABLE.catlist-product TABLE TABLE TABLE TABLE TD {
  text-align: right; 
}
.ContentTableHorizontal {
  border-bottom: 1px solid black;
}
.catlist-product {
  border: 1px solid white;
}
.catlist-image, .catlist-title {
  padding-top: 10px;
}
.catlist-title {
  font-size: 90%;
  padding-right: 26px;
}
.catlist-title a, .catlist-title a:visited {
  color: black;
  text-decoration: none;
}
.catlist-title a:hover {
  text-decoration: underline;
}
.catlist-price {
  padding: 14px 0;
  display: block;
  font-weight: bold;
}
.catlist-addcart {
  position: relative;
  top: 8px;
  left: 4px
}
.catlist-moreinfo a, .catlist-moreinfo a:visited {
  font-weight: bold;  
  text-decoration: none;
  color: #009999;
}
.catlist-moreinfo a:active {
  text-decoration: none;
  color: #009999;
}
.catlist-moreinfo a:hover {
  text-decoration: underline;
  color: #009999;
}

.catlist-addwish {
  position: relative;
  top:  8px;
  left: 8px;
}

.orderbox {
  border: 1px solid #009999;
}
/**************************
* PRODUCT DETAIL PAGES 
**************************/

td.headings {
  white-space: normal;
  font-size: 110%;
 /* provides text wrap for product detail pages with long titles */
}

.detail-price {
  font-weight: bold;
}

#ProductDetail11_ImageCell {
  padding-right: 10px;
}

/**************************
* SPECIAL PAGES
**************************/

/* donation.aspx */

.donation-product {
  position: relative;
  left: 40%;
  border: 1px solid #f18867;
  background-color: #F7EFCA;
  text-align: center;
  width: 150px;
  padding: 20px 0;
}

/* ShoppingCart.aspx */

.GrandTotalStyle {
  font-size: 12px;
  font-weight: bold;
}

/* default.aspx */

.right-box {
  float: right;
  width: 250px;
  border: 1px solid #f18867;
  background-color: #F7EFCA;
  margin: 0 0 10px 20px;
  padding: 10px;
}

/************************
* NAVIGATION
************************/

#nav-container {
  margin: 0 auto;
  font: bold 120% Arial, sans-serif;
}

/* main navigation */

#navigation {
  width: 134px;
  text-align: center;
  list-style: none;
  margin: 0;
  font-weight: bold;
}
.nav-item {
  height: 40px;
  padding-bottom: 8px;
  padding-right: 8px;
  background: url(images/navbutton.gif) no-repeat;
}
.nav-item a:hover {
  color: #46548D;
}
.nav-item a {
  text-decoration: none;
  color: black;
}

/* Subnavigation */
#bookstore-nav {
  margin-bottom: 10px;
}
/* LeftColumnText is the Storefont style left navigation */
a.LeftColumnText, a.nav2-item {
  display: list-item;
  list-style-type: disc;
  margin: 0 0 0 20px;
  border: none;
  padding: 0;

  font-weight: normal;
  font-size: 80%;
  color: black;
  text-decoration: none;
}

a.LeftColumnText:hover, a.nav2-item:hover {
  color: black;
  text-decoration: underline;
}


/*************************
* TYPOGRAPHY
**************************/

a, a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
li {
padding-top: 1px;
padding-bottom:1px;
}

.product-attribute {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #FF0000;
}

.product-attribute-name {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #FF0000;
}

.attribute-author {
font-family: Verdana;
font-size: 13px;
font-weight: normal;
color: #444444;
}

h1 {
font-family: Verdana;
font-size: 18px;
font-weight: bold;
color: #FF6633;
font-style: italic;
}

h2 {
font-family: Verdana;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #0000CC;
}

h3 {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
}

h4 {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
}

strong {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #0000cc;
}

em {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #0000CC;
}

.header {
font-family: Verdana;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #0000CC;
padding-bottom: 5px;
}

.header2 {
font-family: Verdana;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #000000;
padding-bottom: 5px;
}


.biglink {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #0000CC;
}
a.biglink {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #6666ff;
}
a.biglink:active {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #ccccff;
}
a.biglink:hover {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
color: #ff6666;
}
a.biglink:visited {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #0000CC;
}



.loud {
color: #ff0000;
}

.wlink {
font-family: Verdana;
font-weight: bold;
text-decoration: none;
color: #009999;
}
a.wlink {
font-family: Verdana;
font-weight: bold;
text-decoration: none;
color: #009999;
}
a.wlink:active {
font-family: Verdana;
font-weight: bold;
text-decoration: none;
color: #009999;
}
a.wlink:hover {
font-family: Verdana;
font-weight: bold;
text-decoration: underline;
color: #009999;
}
a.wlink:visited {
font-family: Verdana;
font-weight: bold;
text-decoration: none;
color: #006666;
}
.dlink {
font-family: Verdana;
font-weight: bold;
text-decoration: none;
color: #cc3300;
}
a.dlink {
font-family: Verdana;
font-weight: bold;
text-decoration: none;
color: #cc3300;
}
a.dlink:active {
font-family: Verdana;
font-weight: bold;
text-decoration: none;
color: #cc3300;
}
a.dlink:hover {
font-family: Verdana;
font-weight: bold;
text-decoration: underline;
color: #FF6633;
}
a.dlink:visited {
font-family: Verdana;
font-weight: bold;
text-decoration: none;
color: #FF6633;
}

strong a:hover, a:hover strong {
  text-decoration: underline;
}

}

@media print {

.Headings, .detail-price {
  font-family: Arial; /* Font Face */
  font-size: 14pt; /* Font Size */
  font-weight: Bold; /* Font Style */
  font-style: normal; /* FontStyle */
  text-decoration: none; /* Font Style */
}

td.Headings {
  white-space: normal;
}
title {
  font-family: Verdana, sans-serif;
}

html {
margin: 0;
padding: 0;
}
#ContentCell {
margin: 0;
padding: 0;
width: 100%;
}
td.content td.content td.content td {
  width: auto;
}
body {
margin: 0;
padding: 0;
width: 100%;
border: 1px solid green;
}
tr#ProductDetail11_trEmailFriend, .Footer, .LeftColumn, .RightColumn, .TopBanner, .TopSubBanner, .orderbox {
  display: none;
}


}