BODY, H1, H2, H3, H4, H5, TH, THEAD, TFOOT, TD, INPUT, TEXTAREA, OPTION, SELECT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:	normal;
	color:#787878;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	

BODY
{
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	background-color: #c1c1c1; 
}


/*..........FOOTER STYLES..........*/
.footerBackground{
	background-image: url(../images/footer_background.png);
	background-repeat:repeat-x;
	padding: 7px 7px 7px 7px;}
.footer {
	background-color: transparent;
	color: #a6a6a6;
	font-size: 9px;
	text-decoration: none;}
a.footer:link	{ 
	background-color: transparent;
	color: #a6a6a6;
	font-size: 10px;
	text-decoration: none;}
a.footer:visited	{ 
	color:#a6a6a6; 
	font-size: 10px;
	background-color: transparent;
	text-decoration: none;}
a.footer:hover	{ 
	color: #a6a6a6; 
	font-size: 10px;
	background-color: transparent;
	text-decoration:underline;}
	
/*..........LEFT PANEL STYLES..........*/
.lPanel {
	background-color: transparent;
	color: #787878;
	font-size: 11px; 
	line-height:140%;
	text-decoration: none;
	padding: 0px 0px 0px 0px;}
a.lPanel:link	{ 
	background-color: transparent;
	color: #787878;
	font-size: 11px; /*was 10*/
	line-height:140%;
	text-decoration: none;}
a.lPanel:visited	{ 
	color:#787878; 
	font-size: 11px; /*was 10*/
	line-height:140%;
	background-color: transparent;
	text-decoration: none;}
a.lPanel:hover	{ 
	color: #787878; 
	font-size: 11px; /*was 10*/
	line-height:140%;
	background-color: transparent;
	text-decoration:underline;}
.lPanelBorder{
	border-right: #c8c8c8 1px solid;
    padding: 0px 0px 0px 5px;
}

/*..........BANNER STYLES..........*/
a.bannerLink:link	{ 
	background-color: transparent;
	color: #6a6a6a;
	text-decoration: none;}
a.bannerLink:visited	{ 
	color:#6a6a6a; 
	background-color: transparent;
	text-decoration: none;}
a.bannerLink:hover	{ 
	color: #6a6a6a; 
	background-color: transparent;
	text-decoration:underline;}
.cart{
	background-image: url(../images/cart_background.png);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 5px;}
.cartSpacing{
	margin: 10px 0px 6px 0px;}
.advancedSearch{
	color:#53277d; 
	font-size: 9px;
	text-decoration: underline}
.searchText{
	color:#53277d; 
	font-size: 11px;
	font-weight: bold;}
.btnProceedToCheckout {
	color: #787878;
	font-size: 7pt;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	margin-right: 0px;
	border-style: solid;
    background-color:#ffffff;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	border-right-color:#ffffff;
	border-bottom-color: #ffffff;}
.btnProceedToCheckout:hover {
	cursor: pointer;
	background-color:#ffffff;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	border-right-color:#ffffff;
	border-bottom-color: #ffffff;
	text-decoration: underline;}
	
/*..........PANEL SIZES..........*/
div#PageFrame{
	padding:   5px 0px 5px 0px;
	margin:0 auto;
	width:980px;
	background-color:#FFF;
}div#Banner {
    text-align: center;
    margin: 0px;
    padding: 0px;
    width:970px;
	background-color:#FFF;
}div#MainContent {
	border: none;
	width:690px;
	text-align:left;
    padding: 5px 0px 5px 0px;
}
div#LeftPanel {
    padding: 0px 0px 0px 0px;
    width: 140px;
    float: left;
    border: none;
}
div#RightPanel {
    padding: 0px 0px 0px 0px;
    width: 140px;
    float: right;
}
div#Footer{
	/*border-top: solid #000 1px;*/
	padding: 0px;
	text-align: center;
	clear: both;
	width: 690px;
	height: 60px;
}

/*..........RIGHT PANEL STYLES..........*/
.rPanelHeading{
	color:#53277d; 
	font-size: 11px; /*was 10*/
	font-weight: bold;}
.rPanelBorder{
	border-left: #c8c8c8 1px solid;
    padding: 5px 5px 5px 8px;}

/*..........MAIN PANEL STYLES..........*/
H1{  /*Main panel page headings*/
	font-size: 28px;
	font-weight: normal;
    padding: 0px 0px 14px 0px;
	margin: 0;}
H2{  /*Main panel sub-headings*/
	font-size: 12px;
	color:#53277d;
	font-weight: bold;
    padding: 0px 0px 5px 0px;
	margin: 0;}
H3{  /*Main panel paragraph headings*/
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;}
.mText{
	font-size: 12px;}
.mText a:link{
	color:blue;
	font-size: 12px;
	text-decoration:underline;}
.mText a:visited{
    color:Blue;}
.mText10{
	font-size: 10px;
	color:#787878;
	text-decoration:underline;}
.mTextAccent{
	font-size: 12px;
	font-weight: bold;}
.mSpacing{   /* spacing around main content panel */
    padding: 19px 8px 15px 8px;}
.basketHeaderBar{
	color: #ffffff;
	background-color: #aeaeae;
	padding:3px;}

/*..........PRODUCT DISPLAY STYLES..........*/
.seriesBackgroundRepeat {
	background-image: url(../images/seriesInfo_middle.png);
	background-repeat: repeat-y;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	padding: 0px 16px 0px 6px;}
.seriesBackgroundRepeat a:link, a:visited, a:hover, a:active{
	background-color: transparent;
	color: #787878;

	text-decoration: underline;}
.seriesBackgroundRepeat ul {
	text-align:left;
	color:#787878;
	padding: 8px 0px 0px 20px;
	margin: 0px 0px 0px 0px;}
.seriesBackgroundRepeat li {
	text-align:left;
	color:#787878;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}
.prodBackgroundRepeat {
	background-image: url(../images/prodBorderMiddle.png);
	background-repeat: repeat-y;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	padding: 0px 10px 0px 6px;}
.prodHeading{
	font-size: 20px;
	color:#53277d;
	font-weight: bold;
    padding: 0px 0px 0px 0px;
	margin: 0;}


/*..........SCROLLER DISPLAY STYLES..........*/

#product-related-title-holder {
	width:100%;
	height:220px;
	margin-top:30px;
	background-color: #3FB6FF;
	/*border-bottom:2px solid #5A2D87;*/
}

/* TABS */
.product-tabs {
	height:35px;
	/*border-bottom:4px solid #5A2D87;*/
}
.product-tabs li {
	width:278px;
	height:35px;
	background-color:#3FB6FF;
}
.product-tabs li a {
	display:block;
	width:242px;
	float:left;
	padding-top:10px;
	text-decoration:none;
	color:#3FB6FF;
	font-size:14px;
	text-align:center;
}
.product-tabs li .tab-left {
	float:left;
	width:18px;
	height:35px;
	/*background-image:url(../images/sprite-image.png);
	background-position:-10px -390px;
	background-repeat:no-repeat;*/
}
.product-tabs li .tab-right {
	float:right;
	width:18px;
	height:35px;
	/*background-image:url(../images/sprite-image.png);
	background-position:-30px -390px;
	background-repeat:no-repeat;*/
}
.product-tabs li.ui-tabs-selected {
	background-color:#3FB6FF;
}
.product-tabs li.ui-tabs-selected a {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
.product-tabs li.ui-tabs-selected .tab-left {
	float:left;
	width:18px;
	height:35px;
	/*background-image:url(../images/sprite-image.png);
	background-position:-10px -430px;
	background-repeat:no-repeat;*/
}
.product-tabs li.ui-tabs-selected .tab-right {
	float:right;
	width:18px;
	height:35px;
	/*background-image:url(../images/sprite-image.png);
	background-position:-30px -430px;
	background-repeat:no-repeat;*/
}


/* SCROLLER */
.product-cycle-holder a {
	outline:none;
}
.product-cycle-holder {
	width:100%;
	height:180px;
	background-color: white;
}
.product-cycle-nav-left-holder {
	float:left;
	width:13px;
	height:180px;
	background-image:url(/HUK/images/scroller/sprite-image.png);
	background-position:-10px -470px;
	background-repeat:no-repeat;
}
.product-cycle-nav-left {
	display:block;
	margin:60px 10px 0px -10px;
	width:30px;
	height:30px;
	background-image:url(/HUK/images/scroller/sprite-image.png);
	background-position:-0px -668px;
	background-repeat:no-repeat;
	text-indent:-8000px;
}
.product-cycle-nav-left:hover {
	background-position:-0px -745px;
}
.product-cycle-nav-right-holder {
	float:right;
	width:15px;
	height:180px;
	background-image:url(/HUK/images/scroller/sprite-image.png);
	background-position:-120px -470px;
	background-repeat:no-repeat;
}
.product-cycle-nav-right {
	display:block;
	margin:60px 0px 0px -2px;
	width:30px;
	height:30px;
	background-image:url(/HUK/images/scroller/sprite-image.png);
	background-position:-52px -668px;
	background-repeat:no-repeat;
	text-indent:-8000px;
}
.product-cycle-nav-right:hover {
	background-position:-52px -745px;
}
#product-cycle-1 {
	float:left;
	width:640px;
	height:180px;
	overflow:hidden;
}
.product-group {
	width:650px;
	height:156px;
	padding:8px 8px 8px 8px;
}
.product-individual {
	float:left;
	width:100px;
	height:156px;
	margin:0px 8px 0px 0px;
}




/*..........FORM BUTTON STYLES..........*/
a.buttons{
	background: transparent url('../images/button_left.png') no-repeat top left;
	display: block;
	float: left;
	font-size: 9px; /* Change 13px as desired */
	line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 14px; /* Height of button background height */
	padding-left: 2px; /* Width of left menu image */
	text-decoration: none;}
a:link.buttons, a:visited.buttons, a:hover.buttons, a:active.buttons{
	color: white;}
a.buttons span{
	background: transparent url('../images/button_right.png') no-repeat top right;
	display: block;
	padding: 2px 10px 2px 8px; /*Set 10px to be equal or greater than'padding-left' value above*/}
a:hover.buttons{
	text-decoration: underline;}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;}
.buttonSpacing{
	padding: 5px 0px 0px 0px;}
.homeTopBackground{
/*	background-image: url(../images/home_background.png); --changed for the Acorn Grow content  */
/*	background-color: #3fb6ff;  --changed for the Acorn Grow content */
/*	background-image: url(../images/home_background_Acorn_Grow.png);  */
	background-color: #69d2e3;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;}
.homeBackground{
	background-color: #3fb6ff;}
.homeHeading{
	color:#ffffff;
	font-size: 24px;
	font-weight: normal;
	padding: 7px 0px 0px 15px;}
.homeText{
	color:#ffffff;
	font-weight: normal;
	font-size: 14px;}

a.homeText:link	{ 
	color:#ffffff;
	background-color: transparent;
	font-weight: normal;
	font-size: 14px;
	text-decoration:underline;}
a.homeText:hover	{ 
	color:blue;
	background-color: white;
	font-weight: normal;
	font-size: 14px;
	text-decoration:underline;}
a.homeText:visited	{ 
	color:#efeaea;
	background-color: transparent;
	font-weight: normal;
	font-size: 14px;
	text-decoration:underline;}

.homeLink{
	color:#ffffff;
	font-weight: normal;
	text-decoration: none;
	font-size: 10px;}
.homeBlocks{
	background-image: url(../images/home_blocks.png);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;}
.homeBlockHeading{
	text-align:center;
	text-decoration: none;
	vertical-align:top;
	color:#ffffff;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0px 0px 15px;}
a.homeBlockHeading:link	{ 
	background-color: transparent;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;}
a.homeBlockHeading:visited	{ 
	color:#ffffff; 
	font-size: 14px;
	background-color: transparent;
	text-decoration: none;}
a.homeBlockHeading:hover	{ 
	color: #ffffff; 
	font-size: 14px;
	background-color: transparent;
	text-decoration:underline;}		
.homeBlockText{
	text-align:left;
	vertical-align:top;
	color:#7a7a7a;
	font-size: 11px;
	padding: 0px 0px 0px 10px;}
.homeBlockTextSubhead{
	color:#53277d; 
	font-size: 11px;
	font-weight: bold;}
.btnBasic {
	color: #ffffff;
	font-size: 10px;
	border-width: 1px;
	padding: 1px 5px 1px 5px;
	margin-right: 5px;
	border-style: solid;
    background-color:#53277d;
	border-top-color: #53277d;
	border-left-color: #53277d;
	border-right-color:#53277d;
	border-bottom-color: #53277d;}
.btnBasic:hover {
	cursor: pointer;
	background-color:#53277d;
	border-top-color: #53277d;
	border-left-color: #53277d;
	border-right-color:#53277d;
	border-bottom-color: #53277d;}
.btnLink {
	color: #787878;
	font-size: 10px;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	margin-right: 0px;
	border-style: solid;
    background-color:#ffffff;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	border-right-color:#ffffff;
	border-bottom-color: #ffffff;}
.btnLink:hover {
	cursor: pointer;
	background-color:#ffffff;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	border-right-color:#ffffff;
	border-bottom-color: #ffffff;
	text-decoration: underline;}
.btnRemoveAllItems {
	background: transparent url('../images/trashCan.png') no-repeat top left;
	color: #787878;
	font-size: 10px;
	border-width: 1px;
	padding: 1px 1px 6px 17px;
	margin-right: 0px;
	border-style: solid;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	border-right-color:#ffffff;
	border-bottom-color: #ffffff;}
.btnRemoveAllItems:hover {
	cursor: pointer;
	background-color:#ffffff;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	border-right-color:#ffffff;
	border-bottom-color: #ffffff;
	text-decoration: underline;}
a.btnAddToCart{
	background: transparent url('../images/btn_AddToBasket_left.png') no-repeat top left;
	display: block;
	float: left;
	font-size: 10px;
	line-height: 24px; /* This value + top and bottom padding of SPAN must equal height of button background*/
	height: 27px; /* Height of button background height */
	padding-left: 2px; /* Width of left menu image */
	text-decoration: none;
	margin: 0px 0px 10px 0px;}
a:link.btnAddToCart, a:visited.btnAddToCart, a:hover.btnAddToCart, a:active.btnAddToCart{
	color: #696868;}
a.btnAddToCart span{
	background: transparent url('../images/btn_AddToBasket_right.png') no-repeat top right;
	display: block;
	padding: 2px 12px 1px 10px; /*Set 10px to be equal or greater than'padding-left' value above*/}
a:hover.btnAddToCart{
	text-decoration: underline;}
.btnAddToCartwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;}
.btnAddToCartSpacing{
	padding: 0px 0px 0px 6px;}

/*..........BREADCRUMB STYLES..........*/
.Breadcrumbs { /* General umbrella, good place for font, size, color, weight, etc. */
	text-align: left;
	font-weight: normal;
    font-size: 10px;}
/* required to make the items horizontal list rather than vertical bullets */
.Breadcrumbs ul { margin: 0px; padding: 0px; }
.Breadcrumbs li {display:inline; list-style-type:none; padding: 0px 2px 0px 2px;}
/* Override link items */
.Breadcrumbs a {color:#53277d; text-decoration:none}
.Breadcrumbs a:hover {color: #53277d; text-decoration: underline;}
/* Override non-link items */
.Breadcrumbs li {color:#787878;}
/* Override Delimiter */
.Breadcrumbs .Delimiter {font-size:10px;}
.Steps { /* General umbrella, good place for font, size, color, weight, etc. */
	text-align: left;
	font-weight: normal;
    font-size: 10px;}
/* required to make the items horizontal list rather than vertical bullets */
.Steps ul { margin: 0px; padding: 0px; }
.Steps li {display:inline; list-style-type:none; padding: 0px 2px 0px 2px;}
/* Override link items */
.Steps a {color:#53277d; text-decoration:none}
.Steps a:hover {color: #53277d; text-decoration: underline;}
/* Override non-link items */
.Steps li {color:#787878;}
/* Override Delimiter */
.Steps .Delimiter {font-size:10px;}

.placeHolder{
	color: #a40000;
	font-size: 9px;}

.btnCART, .CART .btn {
	color: #ffffff;
	font-size: 8pt;
	border-width: 1px;
	padding: 1px 5px 1px 5px;
	margin-right: 5px;
	border-style: solid;
    background-color:#53277d;
	border-top-color: #53277d;
	border-left-color: #53277d;
	border-right-color:#53277d;
	border-bottom-color: #53277d;}
.btnCART:hover, .CART .btn:hover {
	cursor: pointer;
	background-color:#53277d;
	border-top-color: #53277d;
	border-left-color: #53277d;
	border-right-color:#53277d;
	border-bottom-color: #53277d;}

/* PAGE_SKIN classes must be capitalized to coordinate with site app layer code */
/*..........PAGE_SKIN=HOME..........*/
/*
div.HOME {
	color: #ffffff;
	background-color: #0033ff;
}
.HOME div {
	color: #ffffff;
	background-color: #e31b23;
}
*/
div#divMAIN_HOME, .MENU_SUB .HOME div {
	color: #ffffff;
	background-color: #E41E26;
}

.HOME TH
{
	color: #ffffff;
	background-color: #e31b23;
	padding:3px;
	/* this is a back up of this style
	color: #ffffff;
	background-color: #E41E26;
	padding:3px;*/
}

.HOME TH A
{
	color: #ffffff;
	background-color: #e31b23;	
}

.HOME TH A:hover 
{
	color: #E41E26;
	background-color: #ffffff;
}

HR.HOME, .HOME HR {
	color: #dcdcdc;
	background-color: #e31b23;
}

.bgHOME {
	background-color: #e31b23;
	color:#FFFFFF;
}

.borderHOME_bottom {
	border-bottom: 1px solid #e31b23;}
.borderHOME_table{
	border-right: #e31b23 2px solid;
	border-bottom: #e31b23 2px solid;
}
.borderHOME_table TD{
	border-top: #e31b23 2px solid;
	border-left: #e31b23 2px solid;
}
.btnHOME, .HOME .btn {
  color: #ffffff;
	font-size: 8pt;
	border-width: 1px;
	padding: 1px 5px 1px 5px;
	margin-right: 5px;
	border-style: solid;
    background-color:#53277d;
	border-top-color: #53277d;
	border-left-color: #53277d;
	border-right-color:#53277d;
	border-bottom-color: #53277d;
}
.btnHOME:hover, .HOME .btn:hover {
	cursor: pointer;
	background-color:#53277d;
	border-top-color: #53277d;
	border-left-color: #53277d;
	border-right-color:#53277d;
	border-bottom-color: #53277d;
}

/*..........PAGE_SKIN=NEWTITLES..........*/
/*div.NEWTITLES{
	color: #ffffff;
	background-color: #FF3300;
}
.NEWTITLES div, .NEWTITLES TH {
	color: #ffffff;
	background-color: #FF3300;
}*/
div#divMAIN_NEWTITLES, .MENU_SUB .NEWTITLES div {
	color: #ffffff;
	background-color: #8BC53F;
}
.NEWTITLES TH {
	color: #ffffff;
	background-color: #FF3300;
	padding: 3px;
}
.NEWTITLES .bottom TD{
	border-bottom: solid 1px #FF3300;
}
HR.NEWTITLES, .NEWTITLES HR {
	color: #dcdcdc;
	background-color: #dcdcdc;
}
.btnNEWTITLES, .NEWTITLES .btn {
	padding: 1px 5px 1px 5px;
	background-color:#FF3300;
	border-top-color: #ff9999;
	border-left-color: #ff9999;
	border-right-color:#993300;
	border-bottom-color: #993300;
}
.btnNEWTITLES:hover, .NEWTITLES .btn:hover {
	color: #ffff00;
	border-top-color: #993300;
	border-left-color: #993300;
	border-right-color:#ff9999;
	border-bottom-color: #ff9999;
}

/*..........PAGE_SKIN=SEARCH - NOW SPECIAL OFFERS..........*/
/*div.SEARCH{
	color: #ffffff;
	background-color: #FFCC00;
}
.SEARCH div {
	color: #ffffff;
	background-color: #FFCC00;
}*/
div#divMAIN_SEARCH, .MENU_SUB .SEARCH div {
	color: #ffffff;
	background-color: #FFB81F;
}
.SEARCH TH{
	color: #ffffff;
	background-color: #FFCC00;
	padding:3px;
}
.SEARCH TH A{
	color: #ffffff;
	background-color: #FFCC00;
}
.SEARCH TH A:hover {
	color: #FFCC00;
	background-color: #ffffff;
}
HR.SEARCH, .SEARCH HR {
	color: #dcdcdc;
	background-color: #dcdcdc;
}
.bgSEARCH, A.bgSEARCH, A.bgSEARCH:link, A.bgSEARCH:visited, A.bgSEARCH:active	{	
	text-decoration:	none;
	color:	#000;
	background-color: #FFCC00;
	}	
.btnSEARCH, .SEARCH .btn {
	padding: 1px 5px 1px 5px;
	background-color:#FFCC00;
	color: #000099;
	border-top-color: #ffffcc;
	border-left-color: #ffffcc;
	border-right-color:#cc9900;
	border-bottom-color: #cc9900;
}
.btnSEARCH:hover, .SEARCH .btn:hover {
	color:#990000;
	border-top-color: #cc9900;
	border-left-color: #cc9900;
	border-right-color:#ffffcc;
	border-bottom-color: #ffffcc;
}

/*..........PAGE_SKIN=TOOLS -  NOW BROWSE..........*/
/*div.TOOLS{
	color: #ffffff;
	background-color: #FF6600;
}
.TOOLS div {
	color: #ffffff;
	background-color: #FF6600;
}*/
div#divMAIN_TOOLS, .MENU_SUB .TOOLS div {
	color: #ffffff;
	background-color: #53277D;
}
.TOOLS TH{
	color: #ffffff;
	background-color: #FF6600;
	padding:3px;
}
.TOOLS TH A{
	color: #ffffff;
	background-color: #FF6600;
}
.TOOLS TH A:hover {
	color: #FF6600;
	background-color: #ffffff;
}
HR.TOOLS, .TOOLS HR {
	color: #dcdcdc;
	background-color: #dcdcdc;
}
.bgTOOLS {
	background-color: #ff6600;
	color:#FFFFFF;
}
.borderTOOLS_bottom {
	border-bottom: 1px solid #ff6600;}
.borderTOOLS_table{
	border-right: #ff6600 2px solid;
	border-bottom: #ff6600 2px solid;
}
.borderTOOLS_table TD{
	border-top: #ff6600 2px solid;
	border-left: #ff6600 2px solid;
}
.btnTOOLS, .TOOLS .btn {
	padding: 1px 5px 1px 5px;
	background-color:#FF6600;
	border-top-color: #ffcc99;
	border-left-color: #ffcc99;
	border-right-color:#993300;
	border-bottom-color: #993300;
}
.btnTOOLS:hover, .TOOLS .btn:hover {
	color: #ffff00;
	border-top-color: #993300;
	border-left-color: #993300;
	border-right-color:#ffcc99;
	border-bottom-color: #ffcc99;
}

/*..........GO BUTTON STYLES..........*/
.btnGo {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	font-size: 8pt;
	border-width: 1px;
	padding: 1px 1px 1px 1px;
	margin-right: 0px;
	border-style: solid;
    background-color:#53277d;
	border-top-color: #53277d;
	border-left-color: #53277d;
	border-right-color:#53277d;
	border-bottom-color: #53277d;}
.btnGo:hover {
	cursor: pointer;
	background-color:#53277d;
	border-top-color: #53277d;
	border-left-color: #53277d;
	border-right-color:#53277d;
	border-bottom-color: #53277d;}

/*.......... Book Features..........*/
.book-feature {
	float:left;
	width:276px;
	height:162px;
}
.book-feature-right {
	float:left;
	width:276px;
	height:162px;
	margin-left:20px;
}
.book-feature-full {
	width:572px;
}
.book-feature-full-headline {
	width:572px;
	height:14px;
	padding:5px;
	background-color:#5A2D87;
	color:#FFFFFF;
	font-size:14px;
	line-height:14px;
}
.book-feature-full-covers {
	padding:10px 0px 0px 0px;
}
.book-feature-headline {
	width:266px;
	height:14px;
	padding:5px;
	background-color:#5A2D87;
	color:#FFFFFF;
	font-size:14px;
	line-height:14px;
}
.book-feature-headling span {
	width:188px;
}
.view-more {
	width:78px;
}
.view-more a, .view-more a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.book-feature-cover {
	display:block;
	float:left;
	padding: 10px 5px 0px 18px;
	/*background-image:url(../images/global/cover-shadow.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;*/
}
.book-feature-cover-no-shadow {
	display:block;
	float:left;
	padding:10px 0px 0px 18px;
}
.book-feature-text {
	padding:10px 5px 0px 5px;
	height:152px;
	overflow:hidden;
}


/*..........ADMIN TOOL STYLES..........*/
.ADMIN .vs_tab
{
	padding: 5px;
	border: ridge 2px black;
}

.bgPrimary, A.bgPrimary, A.bgPrimary:link, A.bgPrimary:visited, A.bgPrimary:active	{	
	text-decoration:	none;
	color:	#FFF;
	background-color: #aeaeae;
}			
A.bgPrimary:hover	{	
	color: #9900FF;
	background-color: #FFF;
}
.bgSecondary, A.bgSecondary, A.bgSecondary:link, A.bgSecondary:visited, A.bgSecondary:active{
	color: #FFF;
	background-color: #aeaeae;
}
A.bgSecondary:hover	{	
	color: #CC66FF;
	background-color: #FFF;
}	
.bgTertiary, A.bgTertiary, A.bgTertiary:link, A.bgTertiary:visited, A.bgTertiary:active{
	color: #FFF;
	background-color: #666666;
}
A.bgTertiary:hover	{	
	color: #666666;
	background-color: #FFF;
}
.bgAlternate{
	background-color: #F2F2F2;
}
.Alternate TR, .Alternate TD{
	color:#000;
	background-color: #F2F2F2;
}
.bgTransparent, A.bgTransparent, A.bgTransparent:hover{
	background-color:  Transparent; 
}
.bgProgressBar{
	border: 1px solid #636563;
	background-color: #FFFFFF;
}
.borderAll{
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}
.borderSecondary{
	border-right: Black 1px solid;
	border-top: Black 1px solid;
	border-left: Black 1px solid;
	border-bottom: Black 1px solid;
}
H4	{	
	font-size:	1.2em;
	font-weight:	500;
	}	
		
H5, DT	{	
	font-size:	1em;
	font-weight:	700;
	}	
		
H6	{	
	font-size:	.8em;
	font-weight:	700;
	}
SMALL	{	
	font-size:	10px;
	}	

BIG	{	
	font-size: 14px;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	

UL LI	{	
	list-style-image:	url("../images/bullet.gif");
	padding-bottom:		5px;
	}	

UL LI LI	{	
	list-style-type:	square;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI
{
	list-style-type: decimal;
}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG
{
	border: none 0px black;
}
/* Identifies current step in a multi step process */
.Step_Current{
	color: #542d7e;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 1px;
	padding-top: 5px;
	background-color: #ffffff;
	text-decoration:underline;}
/* Identifies non-current step in a multi step process */
.Step_Link{
	font-weight: normal;
}
.btn{
	padding: 1px 5px 1px 5px;
	font-weight: normal;
	color:#FFF;
	text-align: center;
	cursor: hand;
	background-color:#53277d;
}
.Tiny {font-size: 8px;}
.S {font-size: 10px;}
.M {font-size: 12px;}
.L {font-size: 16px;}
.XL {font-size: 18px;}
/* "Red-Dot" links from site to content admin */
.linkAdmin {
	float: right; 
}
.btn {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-stretch: expanded;*/
	padding: 1px 5px 1px 5px;
	/*margin-right: 10px;*/
	font-weight: normal;
	border-width: 2px;
	border-style: solid;
	background-color:#53277d;
}
.btn:hover {cursor: pointer;}
.btnPrimary {
 	color: #ffffff;
	font-size: 8pt;
	border-width: 1px;
	padding: 1px 5px 1px 5px;
	margin-right: 5px;
	border-style: solid;
    background-color:#53277d;
	border-top-color: #53277d;
	border-left-color: #53277d;
	border-right-color:#53277d;
	border-bottom-color: #53277d;}
.btnPrimary:hover {
	cursor: pointer;
	background-color:#53277d;
	border-top-color: #53277d;
	border-left-color: #53277d;
	border-right-color:#53277d;
	border-bottom-color: #53277d;}
	
.hidden {display: none;}
.dropcap:first-letter {font-size: 200%;}
.highlight {background-color: #FFFFFF;}
.padleft {margin-left: 10px;}
.padright {margin-right: 10px;}
.padbottom {margin-bottom: 10px;}
HR.ACCOUNT {
	color: #dcdcdc;
	background-color: #dcdcdc;
}

.CART HR, HR.CART {
	color: #dcdcdc;
	background-color: #dcdcdc;
}

.email-receipt {
	background:#ededed url(../images/clear.gif) 50% 0;
}

OPTION, SELECT
{
	background:white;
}

HR 
{
	color: #dcdcdc;
	border: none;	
	height: 3px;
}

.fontDisabled {
	text-decoration: line-through;
	color:Gray;
}

A.fontDisabled, A.fontDisabled:link, A.fontDisabled:visited, A.fontDisabled:active, A.fontDisabled:hover {
	text-decoration: line-through;
	color:Gray;
}

.fontError
{
	font-weight: bold;
	color: #FF0000;
}

.fontListPrice {
	text-decoration: line-through;
}

.fontSpecial
{
	color: #ff3333;
	font-weight:bold;
}

.fontTotal
{
	font-size: 16px; 
	font-weight: bold;
}
div.LP
{
	color: #000;
	background-color: #FFF;
}

.LP TH 
{
	color: #FFF;
	background-color: #9900FF;
	padding: 3px 3px 3px 3px;
}

.LP TH A
{
	color: #FFF;
	background-color: #9900FF;
}

.LP TH A:hover
{
	color: #9900FF;
	background-color: #FFF;
}

.LP HR {
	color: #dcdcdc;
	background-color: #dcdcdc;
}

.btnLP {
  background-color:#9900FF;
	border-top-color: #cc99ff;
	border-left-color: #cc99ff;
	border-right-color:#6600cc;
	border-bottom-color: #6600cc;
}
.btnLP:hover {
	color: #ffff00;
	border-top-color: #6600cc;
	border-left-color: #6600cc;
	border-right-color:#cc99ff;
	border-bottom-color: #cc99ff;
}

.Alignment UL LI
{
	list-style-image: none;
	list-style-type: disc;
	font-weight: bold;
}

.Alignment UL LI LI LI
{
	font-weight: normal;
}
.ribbonSeries div
{
	background:red; padding:0px 5px 0px 0px;height:30px;width:100%;
}

.ribbonSeries div h1
{
line-height:30px;color:white;padding:0px 0px 0px 5px;
}

.ribbonSeries .Raintree 
{
	background-image: url(../images/products/circle_bar_r.gif);
}

.ribbonSeries .Raintree div 
{
	color:Black;
	font-size:10px;
	font-weight:bold;
	padding:0;
	width: 60px;
	background-color:Transparent;
	line-height:15px;
	height:60px;
	position:relative;
	top:12px;
}

.ribbonSeries .Heinemann 
{
	background-image: url(../images/products/circle_bar_h.gif);
}

.ribbonSeries .Heinemann div 
{
	color:White;
	font-size:10px;
	font-weight:bold;
	padding:0;
	width: 60px;
	background-color:Transparent;
	line-height:20px;
	height:60px;
	position:relative;
	top:10px;
}

.SET_SEQUENCE_1, .SET_SEQUENCE_3
{
	background-color: #ffffff;
}
.SET_SEQUENCE_2, .SET_SEQUENCE_4 
{
	background-color: #fceaea;
}

/* used by NiftyCorners */
.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
/* Retain for reference until complete */

.circleText_H	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom:3px;}
.circleText_R	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;}
/* ------------------------------------------------------------------------
   used to show pseudo-popups of images with just CSS
   there are three parts, to enable the images to 'pop' in certain locations 
   relative to the links or thumbnail image
*/

/* start GENERIC popup class */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 3px outset #FF3300;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -125px;
left: 50px; /*position where enlarged image should offset horizontally */
z-index: 51;
}
/* end GENERIC popup class */

/* start LEFT popup class, for links/images on the RIGHT side of the page */
.thumbnail_left{
position: relative;
z-index: 0;
}

.thumbnail_left:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail_left span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 3px outset #0033FF;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail_left span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail_left:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -125px;
left: 25px; /*position where enlarged image should offset horizontally */
z-index: 51;
}
/* end LEFT popup class */

/* start RIGHT popup class, for links/images on the RIGHT side of the page */
.thumbnail_right{
position: relative;
z-index: 0;
}

.thumbnail_right:hover{
background-color: white;
z-index: 50;
}

.thumbnail_right span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 3px outset #0033FF;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail_right span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail_right:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -125px;
left: -175px; /*position where enlarged image should offset horizontally */
z-index: 51;
}
/* end RIGHT popup class */

/* start SPREADT popup class, for spread images TOP of the product template */
.thumbnail_spreadT{
position: relative;
z-index: 0;
}

.thumbnail_spreadT:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail_spreadT span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 5px outset #FF3300;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail_spreadT span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 10px;
}

.thumbnail_spreadT:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -75px;
left: -585px; /*position where enlarged image should offset horizontally */
z-index: 51;
}
/* end SRPEADT popup class */

/* start SPREADB popup class, for spread images BOTTOM of the product template */
.thumbnail_spreadB{
position: relative;
z-index: 0;
}

.thumbnail_spreadB:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail_spreadB span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 5px outset #FF3300;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail_spreadB span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 10px;
}

.thumbnail_spreadB:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -500px;
left: -585px; /*position where enlarged image should offset horizontally */
z-index: 51;
}
/* end SRPEADb popup class */

/* Feedburner Feed Text display - Start */
div.feedburnerFeedBlock p.feedTitle {
	font-weight: bold;
	font-size: 14px;
	}
/* block added to remove link/color from 'Educational News" - Stan 02/10/2010 */
div.feedburnerFeedBlock .feedTitle a:link, a:visited, a:hover, a:active {
	color:#787878;
	text-decoration:none;
	}
div.feedburnerFeedBlock span.headline {
	font-weight: bold;
	font-size: 14px;
	}
/* block added to maintain consistant link/color  - Stan 02/10/2010 */
div.feedburnerFeedBlock a:link, a:visited, a:hover, a:active {
	color:blue;
	
	text-decoration:underline;
}
div.feedburnerFeedBlock p.date {
	font-size: 12px;
	}
div.feedburnerFeedBlock a {
    font-size: 12px;
    font-weight: bold;
}
/* block added to shift feed articles to the left - Stan 02/10/2010 */
div.feedburnerFeedBlock ul {
padding: 0px 0px 10px 0px;
margin-left: 0;
}
div.feedburnerFeedBlock ul li {
	/* changed from 19px to 5px to make fit on home page box - Stan 02/10/2010 */
	margin-bottom: 5px;
	padding-left: 0px;
	text-indent: 0px;
	/* added to remove bullets from top level - Stan 02/10/2010 */
	list-style:none;
	}	
/* block added to show bullets on only second level nested lists and beyond  - Stan 02/10/2010 */
div.feedburnerFeedBlock li ul li {
	padding-top: 10px;
	margin-left: 20px;
	list-style:disc;
	}	
div.feedburnerFeedBlock ul li div {
	/* added to force unstyled feed detail to same font family as site - Stan 02/10/2010 */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style-position:outside;
	font-size: 12px;
	}
/* block added override the <font> tags in the feed data - Stan 02/10/2010 */
div.feedburnerFeedBlock font {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
}
div#creditfooter {
    display: none;
}
/* Feedburner Feed Text display - End */
