body, table, td, div {font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444;
				scrollbar-face-color: #FFFFFF;
				scrollbar-highlight-color: #DDDDDD;
				scrollbar-3dlight-color: #CCCCCC;
				scrollbar-darkshadow-color: #000000;
				scrollbar-shadow-color: #666666;
				scrollbar-arrow-color: #666666;
				scrollbar-track-color: #DDDDDD;}

p {text-align:justify;}
p a:link {color: #333333; text-decoration:underline;}
p a:visited {color: #333333; text-decoration:underline;}
p a:hover {color: #CC3300; text-decoration:none;}

/* p no line break */
.not-p {text-align:justify; font-size: 13px;}
.not-p a:link {color: #333333; text-decoration:underline;}
.not-p a:visited {color: #333333; text-decoration:underline;}
.not-p a:hover {color: #CC3300; text-decoration:none;}

/* p with blue/red links */
.indexp {margin-left:7px; margin-right:7px;}
.indexp a:link {color: #000088; text-decoration:none;}
.indexp a:visited {color: #7272E3; text-decoration:none;}
.indexp a:hover {color: #CC3300; text-decoration:none;}

/* plain link looks like text */
.plain-l a:link {color: #444444; text-decoration:none;}
.plain-l a:visited {color: #444444; text-decoration:none;}
.plain-l a:hover {color: #CC3300; text-decoration:none;}

/* plain link looks like text blue hover */
.plain-bl a:link {color: #444444; text-decoration:none;}
.plain-bl a:visited {color: #444444; text-decoration:none;}
.plain-bl a:hover {color: #0033CC; text-decoration:none;}

/* Category Links */
.cat {color:#0033CC;}
.cat a:link {color: #0033CC; text-decoration:none;}
.cat a:visited {color: #0033CC; text-decoration:none;}
.cat a:hover {color: #0033CC; text-decoration:underline;}

/* Need to have all pages html 4 trans input["text"] selector */
input {color: #333333; font-size: 13px;}
input[type="text"]{margin:1px; background-color:#FFFFFF; color: #333333; border:1px inset #BBBBBB;}
input[type="password"]{margin:1px; background-color:#FFFFFF; color: #333333; border:1px inset #BBBBBB;}
select {margin:1px; color: #333333; font-size: 13px; border:1px inset #BBBBBB;}
button {color: #333333; font-size: 15px; text-decoration: none}
button a:link {color: #333333; text-decoration: none;}
button a:visited {color: #333333; text-decoration: none;}
button a:hover {color: #333333; text-decoration: none;}
textarea {color: #333333; font-size: 13px; border:1px inset #BBBBBB; margin:1px;}
/* hr {border:0px solid #999999; background-color:#999999; color:#999999;} */
			/* Header Classes */
/* For main title */
.heading {color: #888888; font-size: 34px; font-family: Arial, Helvetica, sans-serif;}

/* For header links */
td.menu {border: 1px outset #FFFFFF;}
.menu {font-weight: bold; color: #ffffff; text-decoration: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.menu a:link {font-weight: bold; color: #FFFFFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
.menu a:visited {font-weight: bold; color: #FFFFFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
.menu a:hover {font-weight: bold; color: #CC3300; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}

/* For highlighted header links font only*/
td.hmenu {border: 1px outset #FFFFFF;}
.hmenu {font-weight: bold; color: #FFFFFF; text-decoration: none; font-size: 14px;}
.hmenu a:link {font-weight: bold; color: #FFFFFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
.hmenu a:visited {font-weight: bold; color: #FFFFFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
.hmenu a:hover {font-weight: bold; color: #999999; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}

/* For Heading cells */
td.tdheader {background-color:#6699CC; color:#FFFFFF; border: 1px outset #FFFFFF;}
/* For outset border cells in row used in basket header */
td.tdouttopbot {border-bottom:1px outset #FFFFFF; border-top:1px outset #FFFFFF;}
td.tdoutleft {border-left:1px outset #FFFFFF;}
td.tdoutright {border-right:1px outset #FFFFFF;}
.outall {border:1px outset #FFFFFF;}

/* For Basket Header Link Only Stays Red / light RED hover */
td.bmenu {border: 1px outset #FFFFFF;}
.bmenu {font-weight: bold; color: #CC3300; text-decoration: none; font-size: 14px;}
.bmenu a:link {font-weight: bold; color: #CC3300; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
.bmenu a:visited {font-weight: bold; color: #CC3300; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
.bmenu a:hover {font-weight: bold; color: #FF0033; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}

/* Basket item and total */
.red-lnk {color: #CC3300; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
.red-lnk a:link {color: #CC3300; text-decoration: none;}
.red-lnk a:visited {color: #CC3300; text-decoration: none;}
.red-lnk a:hover {color: #CC3300; text-decoration: underline;}

/* Quick Search */
.qsearch {font-size: 10px; font-family: Arial, Helvetica, sans-serif;}

/* Black Text */
.black {color: #000000;}

/* Blue Text */
.blue {color:#0000AA;}

/* Black Link */
.black-lnk {color: #444444;}
.black-lnk a:link {color: #000000; text-decoration:underline;}
.black-lnk a:visited {color: #000000; text-decoration:underline;}
.black-lnk a:hover {color: #CC3300; text-decoration:none;}

/* Black Link No Underline */
.black2 {color: #333333;}
.black2 a:link {color: #333333; text-decoration:none;}
.black2 a:visited {color: #333333; text-decoration:none;}
.black2 a:hover {color: #CC3300; text-decoration:underline;}

/* Footer Link */
.foot-lnk {color: #444444;}
.foot-lnk a:link {color: #444444; text-decoration:underline;}
.foot-lnk a:visited {color: #444444; text-decoration:underline;}
.foot-lnk a:hover {color: #CC3300; text-decoration:none;}

/* Font Sizes */
.page-heading {font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.page-heading22 {font-size: 22px; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* left margin links  #BB2200 is better but not websafe */
.lmargin-lnk {color: #CC3300; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.lmargin-lnk a:link {color: #CC3300; text-decoration: none; }
.lmargin-lnk a:visited {color: #CC3300; text-decoration: none; }
.lmargin-lnk a:hover {color: #CC3300; text-decoration: underline; }

/* For Grey/Red Links used in browse and links */
.glink a:link {color: #666666; text-decoration:underline;}
.glink a:visited {color: #666666; text-decoration:underline;}
.glink a:hover {color: #CC3300; text-decoration:none;}

/* For Red/Grey Links used in links */
.rglink {margin-left:15px; margin-right:15px; font-size:13px;}
.rglink a:link {color: #CC3300; text-decoration:underline;}

.rglink a:visited {color: #CC3300; text-decoration:underline;}
.rglink a:hover {color: #666666; text-decoration:none;}

/* For Blue/Grey Links used in links */
.bglink {margin-left:30px; margin-right:30px; font-size:13px;}
.bglink a:link {color: #000099; text-decoration:underline;}
.bglink a:visited {color: #000099; text-decoration:underline;}
.bglink a:hover {color: #666666; text-decoration:none;}

/* For Green Browse Links */
.green-lnk {color: #009900; }
.green-lnk a:link {color: #009900; text-decoration: none;}
.green-lnk a:visited {color: #009900; text-decoration: none;}
.green-lnk a:hover {color: #009900; text-decoration: underline;}

/* For Red Browse Links */
.bred-lnk {color: #CC3300; }
.bred-lnk a:link {color: #CC3300; text-decoration: none;}
.bred-lnk a:visited {color: #CC3300; text-decoration: none;}
.bred-lnk a:hover {color: #CC3300; text-decoration: underline;}

/* For Red Browse Links NO MARGIN */
.bred-nom {color: #CC3300;}
.bred-nom a:link {color: #CC3300; text-decoration: none;}
.bred-nom a:visited {color: #CC3300; text-decoration: none;}
.bred-nom a:hover {color: #CC3300; text-decoration: underline;}

/* For title links (displaying titles) */
/*.book {font-size: 14px; color: #CC3300; text-decoration: none;}*/
.book {font-size: 13px; color: #CC3300; text-decoration: none;}
.book a:link {color: #CC3300; text-decoration: none;}
/* .book a:visited {color: #CC3300; text-decoration: none;} */
.book a:visited {color: #F00000; text-decoration: none;}
.book a:hover {color: #0033CC; text-decoration: none;}


/* Bargain Book */
.bargain-book {font-size: 13px; color: #990066; text-decoration: none;}
.bargain-book a:link {color: #990066; text-decoration: none;}
.bargain-book a:visited {color: #990099; text-decoration: none;}
.bargain-book a:hover {color: #0033CC; text-decoration: none;}

/* OLD .book no visited change */
.old-book {font-size: 13px; color: #CC3300; text-decoration: none;}
.old-book a:link {color: #CC3300; text-decoration: none;}
.old-book a:visited {color: #CC3300; text-decoration: none;}
.old-book a:hover {color: #0033CC; text-decoration: none;}

/* (displaying component titles show book) */
.inv-book {color: #000099; text-decoration: none;}
.inv-book a:link {color: #000099; text-decoration: none;}
.inv-book a:visited {color: #000099; text-decoration: none;}
.inv-book a:hover {color: #CC3300; text-decoration: none;}

/* (displaying component titles show book) */
.white {color: #FFFFFF; text-decoration: none;}
.white a:link {color: #FFFFFF; text-decoration: none;}
.white a:visited {color: #FFFFFF; text-decoration: none;}
.white a:hover {color: #FFFFFF; text-decoration: underline;}

/* (displaying component titles show book) */
.white-red {color: #FFFFFF; text-decoration: none;}
.white-red a:link {color: #FFFFFF; text-decoration: none;}
.white-red a:visited {color: #FFFFFF; text-decoration: none;}
.white-red a:hover {color: #CC3300; text-decoration: none;}

/* put at bottom upsets netscape 6.2 */
/* a:link {color: #0033CC; text-decoration: none;} */
/* a:active (color: #000000; text-decoration: none;} */
/* a:visited {color: #CC3300; text-decoration: none;} */
a:hover {color: #333333; text-decoration: none}

			/* PUT these in seperate file ? */
/* Cascading Menu Components Twin Helix PUT these in seperate file ? */
.itemText { text-decoration: none; color: #FFFFFF; font: 11px Arial, Helvetica; font-weight: bold; text-align:left; }
.itemText a:link {color: #FFFFFF; text-decoration: none; font-weight: bold}
.itemText a:visited {color: #FFFFFF; text-decoration: none; font-weight: bold}
.itemText a:hover {color: #FFFFFF; text-decoration: none; font-weight: bold}

.ritemHover { text-decoration: none; color: #CC3300; font: 11px Arial, Helvetica; font-weight:bold; text-align:left;}
.ritemHover a:link {color: #CC3300; text-decoration: none; font-weight: bold}
.ritemHover a:visited {color: #CC3300; text-decoration: none; font-weight: bold}
.ritemHover a:hover {color: #CC3300; text-decoration: none; font-weight: bold}

.itemHover { text-decoration: none; color: #009900; font: 11px Arial, Helvetica; font-weight:bold; text-align:left;}
.itemHover a:link {color: #009900; text-decoration: none; font-weight: bold}
.itemHover a:visited {color: #009900; text-decoration: none; font-weight: bold}
.itemHover a:hover {color: #009900; text-decoration: none; font-weight: bold}

.itemBorder { border:1px solid #999999; }
.hoverBorder { border:1px solid #999999; }
.webding {font-family: WebDings; font-size:12px}

/* Search Page Links Links USED?? */
.page {color:#000000;}
.page a:link {color: #0033CC; text-decoration:underline;}
.page a:visited {color: #0033CC; text-decoration:underline;}
.page a:hover {color:#CC3300; text-decoration:none;}

/* Search new Links Links homepage */
.new {color:#0033CC;}
.new a:link {color: #0033CC; text-decoration:none;}
.new a:visited {color: #0033CC; text-decoration:none;}
.new a:hover {color:#0033CC; text-decoration:underline;}

/* For Book Series page Green / Grey */
.book-series {color: #157715; font-size:15px;}
.book-series a:link {color: #157715; text-decoration:none;}
.book-series a:visited {color: #157715; text-decoration:none;}
.book-series a:hover {color: #000000; text-decoration:none;}

/* Black Link - Green No Underline */
.black-green {color: #333333;}
.black-green a:link {color: #333333; text-decoration:none;}
.black-green a:visited {color: #333333; text-decoration:none;}
.black-green a:hover {color: #CC3300; text-decoration:none; font-weight:bold;}
/* .black-green a:hover {color: #157715; text-decoration:none; font-weight:bold; font-size:14px;} */

/* Black Link - Green No Underline */
.exams {color: #555555;}
.exams a:link {color: #555555; text-decoration:none;}
.exams a:visited {color: #555555; text-decoration:none;}
.exams a:hover {color: #CC3300; text-decoration:none;}

/* Styles for browse menu jquery stuff */
/* Hide accordions to start to prevent FOUC (Flash of Unstyled Content) from: http://www.learningjquery.com/2008/10/1-way-to-avoid-the-flash-of-unstyled-content */

.jquery-accordion #accordion {display: none;}
.jquery-accordion #accordion2 {display: none;}
ul#accordion, ul#accordion ul {padding: 0px 10px; list-style: none; margin: 0px; }
ul#accordion2, ul#accordion2 ul {padding: 0px 10px; list-style: none; margin: 0px;}
.ui-state-focus {outline:none; -moz-outline-style: none;}
.ui-accordion .ui-accordion-content-active {background: #FFFDDD;}
.ui-accordion .ui-accordion-header-active {padding:0px 4px; background: #FFCCDD;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {padding:0px 5px; background: #FFECF1;}

.menu-title {color:#000099; cursor:pointer; text-decoration:none;}
.menu-title a {outline: none; text-decoration:none;}
.menu-title a:link {color:#000000; text-decoration:none;}
.menu-title a:visited {color:#000000; text-decoration:none;}
.menu-title a:hover {color:#000000; text-decoration:none;}
.menu-title a:active {outline:none; -moz-outline-style: none;}

/* jCarousel Stuff */
.jcarousel-super-container {
	border:1px dotted #666666;
	width:646px;
	height:270px;
	border-radius: 5px;
	background: #E7F7FF;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	padding:0px;
	spacing:0px;
}

/* **** check from here */
.jcarousel-skin-tango .jcarousel-container {
    border-radius: 5px;
    background: #E7F7FF;
	font-size:13px;
}

.jcarousel-skin-tango a:link {color: #444444; text-decoration:none;}
.jcarousel-skin-tango a:visited {color: #444444; text-decoration:none;}
.jcarousel-skin-tango a:hover {color: #CC3300; text-decoration:none;}
.jcarousel-skin-tango a:active {color: #000000; text-decoration:none; outline:none;}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 635px;
    padding: 3px 5px 0px 5px;
    border: 0px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  635px;
    height: 220px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 150px;
    height: 245px;
	text-align:center;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 9px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 9px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


