/*= BOOKSTORE LAYOUT AND TYPOGRAPHY */
#pageContent {padding:0;}

#bookstore #mainContent div, #bookstore #mainContent table {margin:0;}
#bookstore #mainContent {font-size:1.4em;}
hr, .how_heard {display:none;}
table tbody tr td, table tbody tr td a, div a, div ul div, div, .body ul, p  {font-size:1em;}
#bookstore p {margin:.5em 0;}

/* BUTTONS */
#bookstore #mainContent .button .form-field,
#bookstore #mainContent #buttons .form-field
{height:25px;}
#bookstore #mainContent .button .form-field input, 
#bookstore #mainContent #buttons .form-field input
{border:none;margin:0;}
#bookstore #content #mainContent .button .form-label {width:0;padding:0;}
#bookstore #mainContent .button input,
#bookstore #mainContent .buttons .form-field input,
#bookstore #mainContent #buttons .form-field input
{border:none;width:auto;}
#bookstore #mainContent #createCustomer .button {margin:10px 0;}

/*BUTTON POSITIONING*/
/*create new account*/
#createCustomer .button {position:relative; left:233px;}
/*customer login*/
#existingCustomer .button {position:relative; left:292px;}
/*customer login - password reminder*/
#passwordRemindCustomer .button  {position:relative; left:176px;}
/* CLIENT: bill to address, ship to address, change password*/
#clientAccount .button  {position:relative; left:350px;}
/*CHECKOUT: bill to address, ship to address, change password*/
#checkoutBilling .button,
#checkoutShipping .button {position:relative; left:290px;}
#checkoutPayment .button  {position:relative; left:321px;}
/*confirm order information*/
#checkoutConfirm .container {position:relative; left:503px;}
/*my account*/
#clientAccount .buttons {position:relative; margin-bottom:40px;}
#clientAccount .buttons .continue_shopping input {position:absolute; top:20px; left:0;}
#clientAccount .buttons .view_cart input {position:absolute; top:20px; left:220px;}
#clientAccount .buttons .checkout input {position:absolute; top:20px; right:0;}

/* PAGE TITLES */
/* page title section */
#bookstore #mainContent .section {
height:40px;
width:500px;
padding-bottom:20px;
}
.section h2 {font-size:.7em;}

#bookstore #mainContent h2 {
font-size:2.5em;
height:auto;
min-height:30px;
line-height:1;
margin:-4px 0 40px; 0;
color:#b81617;
}
#bookstore #mainContent #categoryGrid h2 a,
#bookstore #mainContent #productGrid h2 a {
color:#b81617;
font-size:1em;
 }
/* LINKS */

/*regular links*/
#bookstore #mainContent a:link, #bookstore #mainContent a:visited 
{text-decoration:none; color:#27627b; border-bottom:1px solid #27627b;}
#bookstore #mainContent a:hover, #bookstore #mainContent a:active 
{text-decoration:none; color:#b81617; border-bottom:1px solid #b81617;}

/*navigation links (no bottom border) */
#bookstore #mainContent h2 a:link,
#bookstore #mainContent h2 a:visited,
#bookstore #mainContent .logout a:link, 
#bookstore #mainContent .logout a:visited
{text-decoration:none; color:#000; border-bottom:none; font-size:.85em;}
#bookstore #mainContent h2 a:hover,
#bookstore #mainContent h2 a:active,
#bookstore #mainContent .logout a:hover, 
#bookstore #mainContent .logout a:active 
{text-decoration:none; color:#b81617; border-bottom:none;}

/* logout link */
#bookstore #mainContent .logout {
position:absolute;
right:18px;
top:-20px;
height:auto;
}
#bookstore #mainContent .logout a {
padding:0;
font-weight:400;
text-transform:uppercase;
list-style:none;
float:left;
padding:0 13px 0 8px;
background:transparent url(/media/divider.gif) center right no-repeat;
}
#bookstore #mainContent .logout a.logout_link {background:none; padding-right:0}
#bookstore #mainContent .logout a.main_menu {display:none;}

/*smaller text*/
#bookstore #mainContent #pageNote,
#bookstore #mainContent .pageNote,
#bookstore #mainContent .sublink 
{font-size:1em;}

/* header rows*/
#bookstore #mainContent .hdr-title, 
#bookstore #mainContent .hdr-title-left,
#bookstore #mainContent .hdr-title-right,
#bookstore #mainContent thead tr th
{
background-color: #27627b; 
text-transform:uppercase; 
font-weight:normal;
border:none;
}
/*exceptions to header row*/
#bookstore #mainContent #existingCustomer .hdr-title,
#bookstore #mainContent #newCustomer .hdr-title,
#bookstore #mainContent #checkoutComplete .hdr-title,
#bookstore #mainContent #contact .hdr-title,
#bookstore #mainContent #payee .hdr-title,
#bookstore #mainContent #productsRelated .hdr-title
{
background-color:#fff;
color:#27627b;
clear:both;
padding:0;
border:none;
font-size:1.4em;
}
#bookstore #mainContent #contact .hdr-title {margin-bottom:20px; width:auto; float:left;}
#bookstore #mainContent #payee .hdr-title {margin:20px 0; width:auto; float:left;}
#bookstore #mainContent #payee .form-field {margin:20px;}

#bookstore #mainContent #createCustomer .hdr-title {display:none;}

/* forms and tables */
#bookstore #mainContent #orderStats, 
#bookstore #mainContent #billInfo, 
#bookstore #mainContent #shipInfo, 
#bookstore #mainContent #paymentInfo, 
#bookstore #mainContent #orderDetails, 
#bookstore #mainContent #orderDetails .list, 
#bookstore #mainContent #orderList, 
#bookstore #mainContent #myAccount, 
#bookstore #mainContent #subscriptionBillInfo, 
#bookstore #mainContent #subscriptionShipInfo, 
#bookstore #mainContent #subscriptionPaymentInfo, 
#bookstore #mainContent #subscriptionOrderList, 
#bookstore #mainContent #viewCart #cartItems
{
/*
border: 1px solid #86bbc9;
*/
width:638px;
background:#ecefe8;
}
#bookstore #mainContent div table, 
#bookstore #mainContent #existingCustomer,
#bookstore #mainContent #newCustomer,
#viewCart, 
#clientAccount,  
#checkoutConfirm, 
#checkoutComplete,
#customerLogin,
#affiliateLogin,
#viewCart #crossSell
{width:638px;height:auto;}

#bookstore #mainContent #existingCustomer,
#bookstore #mainContent #newCustomer
{margin-bottom:20px;}

#bookstore #mainContent .body .email, 
#bookstore #mainContent .body .password, 
#bookstore #mainContent .body .sublinkContainer,
#bookstore #mainContent .body .button 
{height:28px;}
#bookstore #mainContent .shipping_instructions .form-field {height:auto;}


#bookstore #mainContent .shipping_instructions 
{overflow:auto;}

#bookstore #mainContent #CreditCardDiv div,
#bookstore #mainContent #shipping div,
{height:20px; padding:4px 0;}

#bookstore #mainContent #newCustomer .body {width:auto;text-align:left;}
#bookstore #mainContent #newCustomer .body input {text-align:left;}

/*padding above tables and forms*/
#bookstore #content #mainContent #billInfo, 
#bookstore #content #mainContent #shipInfo, 
#bookstore #content #mainContent #paymentInfo, 
#bookstore #content #mainContent #orderDetails,
#bookstore #content #mainContent #orderList, 
#bookstore #content #mainContent #orderList .title, 
#bookstore #content #mainContent #myAccount 
{margin-top:10px;}

/* Form Errors */
.myerror {
width:auto;
padding:0;
display:block;
}
/* Form Notes */
.password_note {
width:618px;
padding-bottom:15px;
display:block;
}

/* Table cells and table header cells padding */
#bookstore #mainContent table thead tr th, 
#bookstore #mainContent table tbody tr td 
{padding:6px 6px;font-size:1em; border:none;}

#bookstore #mainContent #orderDetails tbody tr td.list {
border:none;
border-bottom:1px solid #86bbc9;
}
#bookstore #mainContent tbody tr td.moneyFormat {
padding: 0 6px;
}
/* FORM FIELDS AND LABELS */
#bookstore #mainContent .label,
#bookstore #mainContent .form-label, 
#bookstore #mainContent .form-label-required,
#bookstore #mainContent .form-field {
height:20px;
text-align:left;
font-size:1em;
}
#bookstore #mainContent .field input,
#bookstore #mainContent .field select,
#bookstore #mainContent .form-field textarea, 
#bookstore #mainContent .form-field input, 
#bookstore #mainContent .form-field select {
border: 1px solid #86bbc9;
background:#ecefe8;
font-size: 1em;
}
 .form-field input {width:270px;}
 .form-field select  {width:272px;}
#bookstore #mainContent .button .form-field input,
#bookstore #mainContent .form-field input.submitBtn,
#affiliateLogin .button input,
#extraDetails .form-field input 
{width:auto;}

/* field widths/alignment set indivually below instead of automatic */
#bookstore #mainContent #checkoutPayment .form-label,
#bookstore #mainContent #createCustomer .form-label {width:160px;}
.reminder .form-label {text-align:left; width:50px;}
.email .form-label, .password .form-label, .sublinkContainer .form-label
{text-align:left; width:80px;}
.exp_date .form-field input {width:50px;}

/* ORDER HISTORY LIST */
#bookstore #mainContent #billInfo, #bookstore #mainContent #shipInfo
{width:310px;min-height:160px;}

#bookstore #mainContent #shipInfo {float:right;}
#bookstore #mainContent #orderList .title {margin: 10px;}
#bookstore #mainContent #orderList table {margin:0;}
#bookstore #mainContent #orderList table thead tr th {
background:#e2e8dd; 
color:#252525;
text-transform: uppercase;
border-right:none;
border-left:none;
}
#bookstore #mainContent #orderList table tbody tr {height: 30px;border-bottom:1px solid #86bbc9;}
#bookstore #mainContent #myAccount #infolist {margin:0;}
#bookstore #mainContent #clientAccount #orderList .all-link {height:20px;padding:5px;}
#bookstore #mainContent #clientAccount #orderList .all-link a.sublink {margin-left:10px;}

/* ORDER DETAILS (CONFIRM ORDER INFORMATION AND INDIVIDUAL ORDER INFORMATION AND VIEW CART */
#bookstore #contentWrap #content #mainContent table tbody tr td.quantity {width:30px;vertical-align:top;}
#bookstore #contentWrap #content #mainContent table tbody tr td.isbn {width:90px;}
#bookstore #contentWrap #content #mainContent table tbody tr td.item_name {width:auto;}
#bookstore #contentWrap #content #mainContent table tbody tr td.unit_price {width:110px;}
#bookstore #contentWrap #content #mainContent table tbody tr td.subtotal {width:80px;}
#bookstore #contentWrap #content #mainContent table tbody tr td.delete {width:60px;}

#bookstore #mainContent #checkoutConfirm .container {width:auto;}
 .submitOrder {background:none;}
#otherStats .goRight {display:none;}
/* VIEW CART PAGE */
#bookstore #mainContent #viewCart {
position:relative;
overflow:visible;
}
#bookstore #mainContent #viewCart #cartInfo {
position:relative;
width:616px;
height: 118px;
padding:10px;
border:1px solid #86bbc9;
border-top:none;
margin-bottom:20px;
}
#bookstore #mainContent #viewCart #cartItems {overflow:visible;}
#bookstore #mainContent #viewCart #cartItems tbody tr td {
border-bottom:1px solid #86bbc9;
width:636px;
}
#viewCart #cartItems tbody tr td.list input {
width:20px;
border:1px solid #86bbc9;
background-color:#fff;
text-align:center;
}
#bookstore #mainContent #viewCart #cartItems tbody tr td.quantity {border-left:1px solid #86bbc9;}
#bookstore #mainContent #viewCart #cartItems tbody tr td.delete {border-right:1px solid #86bbc9;}
#bookstore #mainContent #viewCart #cartItems tbody tr td.delete a {border-bottom:none;}
#bookstore #mainContent #viewCart #cartItems tbody tr td.delete a span {border-bottom:1px solid #27627b;}
#bookstore #mainContent #viewCart #cartItems tbody tr td.delete a:hover span {border-bottom:1px solid #b81617;}

#viewCart #cartItems tbody tr td a img {
width:24px;
height:24px;
margin:7px 0 0 20px;
}
#viewCart #cartAmounts {
width:150px;float:right;
}
#viewCart #cartInfo #cartButtons, #viewCart #gatewayButtonsContainer {
position:relative;
margin:0;
width:628px;
}
#viewCart #cartInfo #cartCoupon {
position:relative;
width:350px;
margin-bottom:40px;
}
#viewCart #cartInfo #cartCoupon .apply_coupon {position:relative;top:0;left:6px;}


#viewCart #gatewayButtonsContainer {
top:0;
height:107px;
width:412px;
}
#viewCart #cartInfo #cartButtons span, #gatewayButtonsContainer .gatewayButtons {
position:absolute;
}
#viewCart #cartInfo #cartButtons span.update_cart {top:-30px;}
#viewCart #cartInfo #cartButtons span.empty_cart {top:-30px; left:136px;}
#viewCart #cartInfo #cartButtons span.continue_shopping {top:160px; left:0;}
#viewCart #cartInfo #cartButtons span.checkout {top:30px; right:20px;}
#viewCart #cartInfo #cartNumItems {width:200px;float:left;}
.alternate_payment {
position:relative;
padding:5px 20px 10px;
width: 370px;
height:90px;
top:0;
left:0;
border:1px solid #86bbc9;
color:#27627b;
font-size:1.4em;
text-transform:uppercase;
text-align:center;
}
#gatewayButtonsContainer .paypal {top:40px;left:20px;}
#gatewayButtonsContainer .google_checkout {top:40px;left:200px;}

#bookstore #mainContent #crossSell {
margin-top:70px;
padding-top:0;
border:1px solid #86bbc9;
}
#bookstore #mainContent #crossSell h2 {
color:#27627b;
font-size:1.4em;
text-transform:uppercase;
text-align:center;
margin:0;
padding-top:20px;
}
#bookstore #mainContent #crossSell .photo a img {border:1px solid #999;}
#bookstore #mainContent #crossSell .title a {font-weight:400;}
#bookstore #mainContent #crossSell .details {display:none;}

/* LINKS */
#bookstore #mainContent #gatewayButtonsContainer .paypal a:link, 
#bookstore #mainContent #gatewayButtonsContainer .paypal a:visited
{text-decoration:none; border-bottom:none;}
#bookstore #mainContent #gatewayButtonsContainer .paypal a:hover,
#bookstore #mainContent #gatewayButtonsContainer .paypal a:active
{text-decoration:none; border-bottom:none;}

/*MULTIPLE BOOK PAGE (CATEGORY PAGE) */

/* LINKS */
#bookstore #mainContent .photo a,
#bookstore #mainContent .photo a:link, 
#bookstore #mainContent .photo a:visited, 
#bookstore #mainContent .title a:link, 
#bookstore #mainContent .title a:visited 
{text-decoration:none; color:#252525; border-bottom:none;}
#bookstore #mainContent .photo a:hover,
#bookstore #mainContent .photo a:active,
#bookstore #mainContent .title a:hover, 
#bookstore #mainContent .title a:active 
{text-decoration:none; color:#b81617; border-bottom:none;}

#productGrid, #productGrid #topOptions, #productGrid #topOptions .myrow, #productGrid table {
width: 640px;
}
#bookstore #mainContent #productGrid table tbody tr td {
border:none; 
padding:0; 
text-align:left;
height:250px;
}
#productGrid td .photo a img {
border:1px solid #ccc;
}
#productGrid td .title {
text-align:left;
width: 160px;
}
#productGrid td .title a {
text-decoration:none;
font-weight:400;
font-size:1em;
}
#productGrid #topOptions, #productGrid .details, #productGrid .description, #productGrid #btmOptions {display:none;}

/*INDIVIDUAL BOOK PAGE*/

#bookstore #mainContent #productDetail {
width: 640px;
height: 400px;
padding:0;
margin:0;
height:100%;
}
#bookstore #mainContent #productDetail h2 {
width:398px;
float:right;
font-size:2em; 
text-transform:none;
margin-bottom:10px;
}
#bookstore #mainContent #extraDetails, #bookstore #mainContent #productDescription {font-size:1em;}
#mainContent #productDetail #productPhotos {
padding-top:0;
width:202px;
height:auto;
}
#bookstore #mainContent #productPhotos a.link, 
#bookstore #mainContent #productPhotos  #prodCaption  {display:none;}
#bookstore #mainContent #productPhotos #prodMainImage0 a:link, 
#bookstore #mainContent #productPhotos #prodMainImage0 a:visited, 
#bookstore #mainContent #productPhotos #prodMainImage0 a:hover, 
#bookstore #mainContent #productPhotos #prodMainImage0 a:active {border-bottom:none;}

#bookstore #mainContent #productPhotos #prodMainImage0 img {
width:200px;
height:auto;
border:1px solid #999;
}
#bookstore #mainContent #extraDetails {
bottom:0;
position:relative;
width:398px;
margin-left:40px;
padding:0;
float:left;
color:#252525;
}
#bookstore #mainContent #extraDetails div {
overflow:visible;
height:auto;
}
#bookstore #mainContent #extraDetails .subtitle h4 {
font-size:1em;
color:#b81617;
padding-bottom:10px;
}
#bookstore #mainContent #extraDetails .author,
#bookstore #mainContent #extraDetails .publication_date,
#bookstore #mainContent #extraDetails .price_us,
#bookstore #mainContent #extraDetails .isbn_10,
#bookstore #mainContent #extraDetails .isbn_13,
#bookstore #mainContent #extraDetails .quantity 
{position:relative; top:0;}

#bookstore #mainContent #extraDetails .author {font-weight:600;}
#bookstore #mainContent #extraDetails .quantity .form-label {margin:0;}
#bookstore #mainContent #extraDetails .quantity .form-field {margin-top:3px;}
#bookstore #mainContent #extraDetails .price_us #price .myerror {
position:relative;
font-size:1em;
top:-20px;
left:36px;
}
#bookstore #mainContent #extraDetails .preorder .form-label {display:none;}
#bookstore #mainContent #extraDetails .preorder .form-field {color:#b81617;}

#bookstore #mainContent #extraDetails .out_of_stock .form-label
{width:0;padding:0;}
#bookstore #mainContent #extraDetails .out_of_stock .form-field {
padding-top: 4px;
color:#b81617;
font-weight:800;
}
#bookstore #mainContent #extraDetails .will_ship .form-label,
#bookstore #mainContent #extraDetails .will_ship .form-field {
/*
position:relative;
top:159px;
*/
color:#b81617;
font-weight:800;
}

/* positioning of Add to Cart button */
#bookstore #mainContent #extraDetails .button {position:relative; top:20px;}
#bookstore #mainContent #extraDetails .form-field input.submitBtn {border:none;float:left, clear:both;}

#bookstore #mainContent #extraDetails .form-label, 
#bookstore #mainContent #extraDetails .form-field {
text-align:left;
width:auto;
display:inline;
padding:0 3px 0 0;
font-weight:400;
}
#bookstore #mainContent #extraDetails .price_us {
padding:0;
color:#252525;
}
#bookstore #mainContent #extraDetails #price_us {
font-weight:400;
}
#bookstore #mainContent #extraDetails .quantity .form-label {margin-top:2px;}
#bookstore #mainContent #extraDetails .quantity .form-field input {
height:16px;
width:22px;
border: 1px solid #86bbc9;
background:#e2e8dd;
text-align:center;
}
#bookstore #mainContent #extraDetails a.sublink {
display:none;
}
#bookstore #mainContent #productDescription {
position:relative
clear:both;
width: 640px;
padding:0;
margin:0;
}
#bookstore #mainContent #productDescription .body {
width: 640px;
padding:0;
margin:0;
}
#bookstore #mainContent #productDescription ul.bookLinks {
list-style:none outside;
padding:0;
margin:0;
}
#bookstore #mainContent #productDescription ul.bookLinks li {
padding: .3em 0;
}
#bookstore #mainContent #productDescription ul.bookLinks li a {
color: #27627b;
font-size: .95em;
text-transform:uppercase;
cursor:pointer;
text-decoration:underline;
}
#bookstore #mainContent #productDescription ul.bookLinks li a:link, 
#bookstore #mainContent #productDescription ul.bookLinks li a:visited {
color: #27627b;
border-bottom:none;
}
#bookstore #mainContent #productDescription ul.bookLinks li a:hover, 
#bookstore #mainContent #productDescription ul.bookLinks li a:active {
color: #b81617;
border-bottom:none;
}
a.external {
background:url(/media/external_link_store.png) no-repeat 0 0; 
padding-left:30px;
}
a.pdf {
background:url(/media/pdf.png) no-repeat 0 0; 
padding-left:30px;
}
#bookstore #mainContent #productDescription h3 {
color:#b81617;
font-size:2em;
text-transform: uppercase;
margin-bottom:0;
}
#bookstore #mainContent #productDescription p {
padding: .5em 0;
}
#bookstore #mainContent #productDescription blockquote {
font-size:1em;
padding:0;
}
#bookstore #mainContent #productDescription blockquote .name {
padding-left:20px;
}
/* Related Products Section */
#bookstore #mainContent #detailGroup {
width:640px;
overflow:visible;
}
#bookstore #mainContent #productsRelated {
border:none;
border-top:1px solid #e2e8dd;
margin-top:20px;
width:640px;
}
#bookstore #mainContent #productsRelated .hdr-title-text {
padding:0;
margin:20px 0;
}
#bookstore #mainContent #productsRelated .content-odd, 
#bookstore #mainContent #productsRelated .content-even {
position:relative;
float:left;
width: 200px;
clear:none;
border:none;
}
#bookstore #mainContent #productsRelated .content-even {
margin:0 20px;
}
#bookstore #mainContent #productsRelated .content-odd .photo a img, 
#bookstore #mainContent #productsRelated .content-even .photo a img {
border:1px solid #999;
}
/* use the code below if you want to show the prices for the related products 

#bookstore #mainContent #productsRelated .title a, 
#bookstore #mainContent #productsRelated .details .sprice {
font-size:1em;
font-weight:400;
}
#bookstore #mainContent #productsRelated .details .sprice .myerror {
font-size:1em;
}
*/
/* otherwise here I hide price info and move title under book */
#bookstore #mainContent #productsRelated .details {display:none;}
#bookstore #mainContent #productsRelated .title {
position:absolute;
top:160px;
left:0;
width:200px;
margin:0;
}
#bookstore #mainContent #productsRelated .title a {
font-weight:400;
font-size:.857em;
}
/*SEARCH RESULTS PAGE*/

/* remove drop down sort menu */
.sort {display:none;}
#bookstore #mainContent #productList #topOptions {width:620px;margin-bottom:20px;}
#bookstore #mainContent #productList table tbody tr {border-bottom:1px solid #e2e8dd;}
#bookstore #mainContent #productList td {
position:relative;
border-bottom:none;
padding:0;
width: 626px;
}
#bookstore #mainContent #productList td .photo {
width:102px; 
margin:20px 40px 20px 0;
}
#bookstore #mainContent #productList td .photo a img {
border:1px solid #999;
display:inline;
}
#bookstore #mainContent #productList table tbody tr td .title a{
font-size:1.4em;
line-height:1.4;
color:#b81617;
}
#bookstore #mainContent #productList td .description {
padding:0;
width: 640px;
line-height:1.4;
}
#bookstore #mainContent #productList td .details {position:relative;}

#bookstore #mainContent #productList table tbody tr td .details .sprice {
position:relative;
left: -335px;;
top: 0;
line-height:1.4em;
}
#bookstore #mainContent #productList .sprice .myerror {
position:relative;
top:-18px;
left:36px;
}
#bookstore #mainContent #productList table tbody tr td .details .buttons,
#bookstore #mainContent #productsRelated .buttons
{display:none;}

