﻿/* RECOMMENDED BOOK SELECTIONS LISTING */
.divRecSel {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color: #cc0000; text-align: left; vertical-align: top; padding: 0px 0px 0px 0px; border-top: 0px solid none; border-right: 0px solid none; border-bottom: 1px solid #cc0000; border-left: 0px solid none; }
.FrontListItem {vertical-align: top; width: 33%;	}
.tblRecSel {width: 100%; padding: 0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #000000; text-align: center; }
.tblRecSel th {vertical-align: bottom; padding: 8px 0px 4px 0px; }
.tblRecSel td {vertical-align: top; padding: 0px 4px 0px 4px;}
a.lnkRecSelTitle:link {text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #336699; }
a.lnkRecSelTitle:visited {text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #336699; }
a.lnkRecSelTitle:active {text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #336699; }
a.lnkRecSelTitle:hover {text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #336699; }
/* END SECTION */

/* CUSTOMER FORMS */
.tblCustomerForms {width: 100%; vertical-align: top; padding: 0px 0px 0px 0px; border-top: 1px solid #336699; border-right: 1px solid #336699; border-bottom: 1px solid #336699; border-left: 1px solid #336699; background-color: #fdfded; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; }
.tblCustomerForms th {font-family: Verdana, Helvetica, Arial, sans-serif; color: #ffffff; background-color: #336699; font-weight: bold; font-size: 11px; vertical-align: middle; padding: 3px 3px 3px 3px; }
.tblCustomerFormsth {font-family: Verdana, Helvetica, Arial, sans-serif; color: #ffffff; background-color: #336699; font-weight: bold; font-size: 11px; vertical-align: middle; padding: 3px 3px 3px 3px; }

.tdCustomerFormsSection { padding: 3px 3px 3px 3px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #cc0000; font-weight: normal; font-size: 14px; vertical-align: middle; text-align: left; border-top: 1px solid #336699; }
.tdCustomerFormsLabel {padding: 3px 3px 3px 3px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #000000; font-weight: bold; font-size: 11px; vertical-align: top; text-align: right;}
.tdCustomerFormsText {padding: 3px 3px 3px 3px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #000000; font-weight: normal; font-size: 11px; vertical-align: top;}
.tdCustomerFormsTextOdd {padding: 3px 3px 3px 3px; background-color: #e2e3d1; font-family: Verdana, Helvetica, Arial, sans-serif; color: #000000; font-weight: normal; font-size: 11px; vertical-align: top;}

.tdCustomerFormsVal {font-family: Verdana, Helvetica, Arial, sans-serif; color: #000000; font-weight: normal; font-size: 11px; vertical-align: middle;}
.btnHeader {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 10px; }
.inputElement {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; width: 150px;}

/* END SECTION */

.tblAttention {width: 100%; text-align: left; vertical-align: top;  }
.tblAttention th {font-family: Verdana, Helvetica, Arial, sans-serif; text-align: center; color: #cc0000; padding: 0px 0px 0px 0px; background-color: #ffffff; font-weight: bold; font-size: 12px; }
.tblAttention td {font-family: Verdana, Helvetica, Arial, sans-serif; color: #000000; padding: 6px 6px 6px 6px; background-color: #fdfded; font-weight: normal; font-size: 11px;  border: 1px solid #cc0000;}


/* MAIN BODY SECTION */
.tblMain
{
	width: 792px;
	height: 600px;
	text-align: center;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	border-top: 0px solid none;
	border-right: 0px solid none;
	border-bottom: 0px solid none;
	border-left: 0px solid none;
	background-color: #ffffff;
}

.tdMainLeft
{
	width: 192px;
	text-align: left;
	vertical-align: top;
	padding: 12px 0px 12px 0px;
	border-top: 0px solid none;
	border-right: 1px solid #336699;
	border-bottom: 0px solid none;
	border-left: 1px solid #336699;
	background-color: #ffffff;
}

.tdMainBody
{
	/* Width is 408 minus the cellpadding equals 384 */
	width: 410px;
	text-align: center;
	vertical-align: top;
	padding: 12px 12px 12px 12px;
	background-color: #ffffff;
	border-right: 1px solid #336699;	
}
.tdMainBodyWide
{
	/* Width is 408 minus the cellpadding equals 384 */
	width: 576px;
	text-align: left;
	vertical-align: top;
	padding: 12px 12px 12px 12px;
	background-color: #ffffff;
	border-right: 1px solid #336699;
}

#bodyContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.bodyCopy
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.pageTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #336699;
	border-bottom: 1px solid #336699;
	
}

.sectionTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #336699;	
}

.tblpaging
{
	width: 100%;
	vertical-align: middle;
	border-top: 1px solid #336699;
	border-right: 0px solid none;
	border-bottom: 1px solid #336699;
	border-left: 0px solid none;
	background-color: #fdfded;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}

.tblproductlisting
{
	width: 100%;
	vertical-align: top;
	border-top: 0px solid none;
	border-right: 0px solid none;
	border-bottom: 1px solid #336699;
	border-left: 0px solid none;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
}

.tdMainRight
{
	width: 190px;
	vertical-align: top;
	padding: 12px 0px 12px 0px;
	border-top: 0px solid none;
	border-right: 1px solid #336699;
	border-bottom: 0px solid none;
	border-left: 0px solid none;
	background-color: #ffffff;
}

.divHoopla
{
	width: 190px;
	margin-left: -1px;
	margin-right: -1px;
	padding: 0px 0px 0px 0px;
	border-top: 0px solid none;
	border-right: 0px solid none;
	border-bottom: 0px solid none;
	border-left: 0px solid none;
	text-align: left;
	
}
/* END SECTION */

/* LEFT NAV CLASSES */
.browsetblLeftNav
{
	width: 192px;
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #336699;
	border-right: 0px solid none;
	border-bottom: 1px solid #336699;
	border-left: 0px solid none;
	background-color: #fdfded;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
}

.browsetblLeftNavth
{
	width: 180;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	font-size: 18px;
	vertical-align: top;
	padding: 0px 6px 0px 6px;
	border-top: 0px solid none;
	border-right: 0px solid none;
	border-bottom: 0px solid none;
	border-left: 0px solid none;
	background-color: #336699;

}

.browsetblLeftNavtd
{
	width: 180;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #999999;
	font-weight: normal;
	text-align: left;
	font-size: 11px;
	vertical-align: top;
	padding: 6px 6px 3px 6px;
	border-top: 0px solid none;
	border-right: 0px solid none;
	border-bottom: 0px solid none;
	border-left: 0px solid none;
}

/* LEFT NAV CLASSES */
.tblLeftNav
{
	width: 192px;
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #336699;
	border-right: 0px solid none;
	border-bottom: 1px solid #336699;
	border-left: 0px solid none;
	background-color: #fdfded;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
}

.tblLeftNav th
{
	width: 180;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	font-size: 18px;
	vertical-align: top;
	padding: 0px 6px 0px 6px;
	border-top: 0px solid none;
	border-right: 0px solid none;
	border-bottom: 0px solid none;
	border-left: 0px solid none;
	background-color: #336699;

}

.tblLeftNav td
{
	width: 180;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #999999;
	font-weight: normal;
	text-align: left;
	font-size: 11px;
	vertical-align: top;
	padding: 6px 6px 3px 6px;
	border-top: 0px solid none;
	border-right: 0px solid none;
	border-bottom: 0px solid none;
	border-left: 0px solid none;
}
/* LEFT NAV CLASSES */
.tblLeftNavAdditional
{
	width: 192px;
	text-align: left;
	vertical-align: top;
	padding: 3px 6px 3px 6px;
	border-top: 1px solid #999999;
	border-right: 0px solid none;
	border-bottom: 1px solid #999999;
	border-left: 0px solid none;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
}

.tblLeftNavAdditional th
{
	width: 180;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #999999;
	font-weight: normal;
	text-align: right;
	font-size: 18px;
	vertical-align: top;
	padding: 0px 6px 0px 6px;
	border-top: 0px solid none;
	border-right: 0px solid none;
	border-bottom: 1px solid #cccccc;
	border-left: 0px solid none;
}

.tblLeftNavAdditional td
{
	width: 180;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #999999;
	font-weight: normal;
	text-align: left;
	font-size: 11px;
	vertical-align: top;
	padding: 6px 6px 3px 6px;
	border-top: 0px solid none;
	border-right: 0px solid none;
	border-bottom: 0px solid none;
	border-left: 0px solid none;
}
.inLeftNav
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}
.leftnavSubTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
}
a.leftNavSmLink:link
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #336699;
}

a.leftNavSmLink:visited
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #336699;
}

a.leftNavSmLink:active
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #336699;
}

a.leftNavSmLink:hover
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #336699;
}
a.leftNavLink:link
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}

a.leftNavLink:visited
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}

a.leftNavLink:active
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}

a.leftNavLink:hover
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}
/* END SECTION */



#footer
{
	width: 792px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}

.footer
{
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #336699;
	border-right: 0px solid none;
	border-bottom: 0px solid none;
	border-left: 0px solid none;
	vertical-align: middle;
	text-align: center;
}


#footer a:link
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}

#footer a:visited
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}

#footer a:active
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}

#footer a:hover
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}

a.producttitlelink:link
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #336699;
}

a.producttitlelink:visited
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #336699;
}

a.producttitlelink:active
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #336699;
}

a.producttitlelink:hover
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #336699;
}
a:link
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}

a:visited
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}

a:active
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}

a:hover
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}
a.boldlink:link
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #336699;
}

a.boldlink:visited
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #336699;
}

a.boldlink:active
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #336699;
}

a.boldlink:hover
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #336699;
}
.tblBrowse
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
	text-align: left;
}

.tblBrowse td
{
	vertical-align: top;
	padding: 0px 0px 0px 0px;
}

.breadcrumbs
{
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}

a.breadcrumbslink:link
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666666;
}

a.breadcrumbslink:visited
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666666;
}

a.breadcrumbslink:active
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666666;
}

a.breadcrumbslink:hover
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666666;
}

.textSmall
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-size: 9px; 
	color: #336699;
	text-align: left;
}

.error
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-size: 11px; 
	color: #cc0000;
}

.discountPrice
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-size: 11px; 
	color: #cc0000;
}
.tblPurchaseHere
{
	width: 144px;
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #336699;
	border-right: 1px solid #336699;
	border-bottom: 1px solid #336699;
	border-left: 1px solid #336699;
	background-color: #fdfded;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
}

.tblPurchaseHere th
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	font-size: 18px;
	vertical-align: top;
	padding: 0px 6px 0px 6px;
	border-top: 0px solid none;
	border-right: 0px solid none;
	border-bottom: 0px solid none;
	border-left: 0px solid none;
	background-color: #336699;

}

.tdPurchaseHere
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
	vertical-align: top;
	padding: 6px 6px 6px 6px;
	border-top: 0px solid none;
	border-right: 0px solid none;
	border-bottom: 0px solid none;
	border-left: 0px solid none;
	background-color: #ffffff;
}

.tblQtyPricing
{
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	vertical-align: middle;
}

.tblQtyPricing th
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	vertical-align: middle;
	text-align: center;
	background-color: #336699
}

.tdLabel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

.tdQtyPricing
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	vertical-align: middle;
	background-color: #efefef
}
.tdQtyPricingodd
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	vertical-align: middle;
	background-color: #dedede;
}

.tdLabelDiscount
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #cc0000;
}

.tdTextDiscount
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #cc0000;
}

.tdText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

	.ddlProductSelect
	{
		padding: 2px 2px 2px 2px;
		width: 136px;
		font-size: 11px; 
		font-weight: normal; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.productSubTitle
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}

.BrowseABC
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
	border-bottom: solid 1px #336699;
	border-top: solid 1px #336699;
	text-align: center;
	padding: 2px;
}

a.lnkBrowseABC:link
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}

a.lnkBrowseABC:visited
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}

a.lnkBrowseABC:active
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}

a.lnkBrowseABC:hover
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #336699;
}

.cpeCollapseExpandHeader
	{
		vertical-align: middle; 
		color: #ffffff; 
		font-size: 11px; 
		font-weight: bold; 
		background-color: #336699; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		overflow:hidden;
		padding:4px;
	}

.cpeCollapseExpandContent
	{
		font-family: Verdana, Helvetica, Arial, sans-serif; 
		color: #000000; font-weight: normal; font-size: 11px; 
		vertical-align: middle;
		height:0;
		overflow:hidden;
	}
	

