@CHARSET "ISO-8859-1";

/***********************************************/
/* Header                                      */
/***********************************************/

#masthead{
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 880px;
	
	float: left;
}

#masthead #logo
{
	border: 0;
	margin-top: 10px;
}

/************* #globalNav styles **************/

#globalNav{
	width: 875px;
	margin: 0px;
	float: left;
	clear: left;
}

#globalNav a {
	color: #000000;
}

#globalNav a:hover{
	color: #000000;
}

#global-nav {
	margin: 0;
	padding: 0;
}

#global-nav li {
	width: 20%;
	
	font-size: 10pt;
	line-height: 18pt;
	
	list-style: none;
	float: left; 
	margin: 0;
	
	text-align: center;
	whitespace: nowrap;
}

#global-nav a {
	text-decoration: none;
	border: 1px solid;
	display: block;
	color: #000000;
	background-color: #336699;
}

#global-nav a:hover {
	font-weight: bold;

	color: #336699;
	background-color: white;
}

/************* #topNav styles DONT THINK WE NEED THIS ANYMORE!!!!!!!!!!!!! ***************/

#topNav {
	float:right;
	height: 20px;
	font-size: larger;
}

#topNav a {
	color:#369;
	text-decoration: none;
}

#topNav a:hover {
	text-decoration: underline;
}
/************* #user link styles **************/

#user-links {
	float: right;
	width: 55em;

	font-family: Verdana, Ariel;
}

#user-links a { 
	color: #369;
	font-weight: bold;
	text-decoration: none;
}

/************* #Upper right icon styles **************/

 #NavHello{
	text-align: center;
	font-size: 12px;
	font-weight: bolder;
	font: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	float: right;
	width:170px;
}

 #NavCart{
	width:85px;
	text-align: center;
	font-size: 10px;
	font-weight: bolder;
	font: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	float: right;
}

#NavCart a:link {color: #000000;	text-decoration: none}
#NavCart a:active {color: #000000; text-decoration: none}
#NavCart a:hover {color: #999999; text-decoration: none}
#NavCart a:visited {color: #00000; text-decoration: none; color:003399;}

 #NavAcct{
	width:110px;
	text-align: center;
	font-size: 10px;
	font-weight: bolder;
	font: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	float: right;
}

#NavAcct a:link {color: #000000;	text-decoration: none}
#NavAcct a:active {color: #000000; text-decoration: none}
#NavAcct a:hover {color: #999999; text-decoration: none}
#NavAcct a:visited {color: #00000; text-decoration: none; color:003399;}

 #NavTrak{
	width:80px;
	float:right;
	text-align: center;
	font-size: 10px;
	font-weight: bolder;
	font: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

#NavTrak a:link {color: #000000;	text-decoration: none}
#NavTrak a:active {color: #000000; text-decoration: none}
#NavTrak a:hover {color: #999999; text-decoration: none}
#NavTrak a:visited {color: #00000; text-decoration: none; color:003399;}

 #NavCont{
	width:80px;
	float:right;
	text-align: center;
	font-size: 10px;
	font-weight: bolder;
	font: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

#NavCont a:link {color: #000000;	text-decoration: none}
#NavCont a:active {color: #000000; text-decoration: none}
#NavCont a:hover {color: #999999; text-decoration: none}
#NavCont a:visited {color: #00000; text-decoration: none; color:003399;}

/************* #Top navigation home/math/science/prek styles **************/
 #NavHome{
	background-image: url(../images/purgrad.jpg);
	width:166px;
	float:right;
	background-repeat: none;
	height: 22px;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	color:#000000;
	padding-top: 2px;
}
 #NavMath{
	background-image: url(../images/redgrad.jpg);
	width:166px;
	float:right;
	height: 22px;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	color:#000000;
	padding-top: 2px;
}
 #NavSci{
	background-image: url(../images/yelgrad.jpg);
	width:157px;
	float:right;
	height: 22px;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	color:#000000;
	padding-top: 2px;
}
 #NavKind{
	background-image: url(../images/gregrad.jpg);
	width:175px;
	float:right;
	height: 22px;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	color:#000000;
	padding-top: 2px;
}

/************* #search styles ***************/

#searchnav {
	float: left;
	width: 100%;
	height: 35px;
	background-repeat: repeat-x;
	padding: 5px 0px 5px 0px;
	font-size: 14px;
	text-align:left;
}

.home{
background-image: url(/images/bgrad.jpg);
background-repeat: repeat-x;

}

.math{
background-image: url(/images/rgrad.jpg);
background-repeat: repeat-x;

}

.science{
background-image: url(/images/ygrad.jpg);
background-repeat: repeat-x;

}

 .kindergarten{
background-image: url(/images/ggrad.jpg);
background-repeat: repeat-x;

}

#searchnav img{
vertical-align:text-top;
	
	margin-top:-5px;
}

#searchnav form {
	float: left;
	width: 880px;
}

#searchnav label {
	font-weight: bold;
	margin: 0px;
	padding-left: 15px;
}

#search-box {
	padding-top: 45px;
}

#userlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-align: left;
	clear: left;
	float: left;
	padding-bottom: 3px;
	width: 870px;
	padding-top:8px;
}

#userlinks a {
	text-decoration: none;
}


/***********************************************/
/* Main Content                                */
/***********************************************/

/************* THE MAIN LAYOUT CONTAINORS ARE IN THIS SECTION ***************/



body {
	background:#eee url(/images/shadowbackground.gif) repeat-y center;
	text-align:left;
	margin-top:0px;
}

#header {
	padding: 0; 
	margin: 0; 
}

#content {
	background-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	text-align:left;
	width:850px;
}

#content p{
	font-size:12px;
	padding: 5px; 
	color: black; 
	font-family: Verdana,Arial;
	margin:0px; 
	

}

#content div p{
	font-size:12px;
	padding: 5px; 
	color: black; 
	font-family: Verdana,Arial; 
	

}

#content-rightmargin {
	background-color: #fff;
	margin-right: 165px;
	padding-left: 15px;
	padding-right: 0px;
}

#content-leftmargin {
	background-color: #fff;
	margin-left: 195px;
	padding-left: 0px;
	padding-right: 15px;
}

#contentleft {
	float: left;
	width: 190px;
	margin-left: 2px;
	margin-right: 0px;
	padding: 0px;
	text-align:left;
}

#contentright {
	float: right;
	width: 165px;
	margin: 0px;
	padding: 0px;
}

.cleardiv{
	clear:both;
	float:left;
	width:100%;
}


/************* SHOW CASES AND INDEX PAGE CLASSES AND STYLES ***************/


#showcase{
	float:left;
	width: 650px;
	padding: 0px;
	margin: 0px;
}

#showcase img{
	border: none;
}

.bannerbottom {
	float: left;
}


/************* STATIC PAGE CLASSES AND STYLES ***************/
#staticbox{
	float:left;
	width:850px;
}

.staticbox-title {
	font-size:20px;
	font:Arial, Helvetica, sans-serif;
	color:#990000;
	font-weight: bolder;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}

.staticbox-partitle {
	font-size:14px;
	font:Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight: bolder;
	text-align: left;
	padding:5px;
	float: left;
	width: 840px;
}

.staticbox-partext {
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
	color:#000000;
	text-align: left;
	padding-bottom: 10px;
	padding-left:5px;
	padding-right:5px;
	float: left;
	width: 840px;
}
.staticbox-twocol {
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
	color:#000000;
	text-align: left;
	padding: 5px 5px;
	width:415px;
	float:left;
}

.staticbox-thrcol {
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
	color:#000000;
	text-align: left;
	padding: 5px 5px;
	width:273px;
	float:left;
}

.staticbox-23col{
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
	color:#000000;
	text-align: left;
	padding: 5px 5px;
	width:556px;
	float:left;
}


/************* LEFT SIDE NAVIGATION CLASSES AND STYLES styles ***************/

a:link {color: #990000;	text-decoration: none}
a:active {color: #333333; text-decoration: none}
a:hover {color: #999999; text-decoration: none}
a:visited {color: #333333; text-decoration: none;}

a.white:link {color: #ffffff; text-decoration: none}
a.white:active {color: #ffffff; text-decoration: none}
a.white:hover {color: #ffffff; text-decoration: none}
a.white:visited {color: #ffffff; text-decoration: none}

.index{	font-size:12px;}
a.index:link {color: #003366; text-decoration: none}
a.index:active {color: #CC0033;	text-decoration: none}
a.index:hover {color: #CC0033; text-decoration: none}
a.index:visited {color: #000000; text-decoration: none;}

a.account:link {color: #003366;	text-decoration: none}
a.account:active {color: #006699; text-decoration: none}
a.account:hover {color: #006699; text-decoration: none}
a.account:visited {color: #336699; text-decoration: none}

.catalog-nav{font-size:12px;}
a.catalog-nav:link {color: #003366; text-decoration: none}
a.catalog-nav:active {color: #CC0033;	text-decoration: none}
a.catalog-nav:hover {color: #CC0033; text-decoration: none}
a.catalog-nav:visited {	color: #000000; text-decoration: none;}

ul.catalog-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	line-height: normal;
}

ul.catalog-nav li {
	background-image: url("/images/icons/rtarrow.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0 0 0 1.5em;
	margin: 1em 0;
	list-style-type: none;
}

ul.catalog-nav li.expanded {
	background-image: url("/images/dnarrow.gif");
}

ul.catalog-nav li a {
}

ul.catalog-nav li ul {
	position: relative;
	left: -1em;
	padding: 0;
}
	
ul.catalog-nav li li {
	background-image: url("/images/icons/rtarrow.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0;
	margin: .5em 0;
}
	
ul.catalog-nav li li.expanded {
	background-image: url("/images/dnarrow.gif");
}

ul.catalog-nav li li a {
	padding: 3px 3px 3px 17px;
}	

ul.catalog-nav li ul li ul{
	position: relative;
	left: 8px;
	padding: 0;	
}





ul.breadcrumb {
	padding: 3px;
	margin-bottom: 5px;
	margin-left: 0;
	display: inline;
	border: none;

	list-style-image: url("/images/icons/rtarrow.gif");
} 

ul.breadcrumb li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}

#trailimageid {
	font-size: 0.75em;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 0px;
	z-index: 200;
}


/************* #Grey Box right colum dont know if we need this in summit anymore styles ***************/
.grey-box
{
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 10px;
	clear: both;
	border-bottom: 1px solid #ffffff; /* IE hack */
	margin-bottom: 10px;
	clear: both;
	border-bottom: 1px solid #ffffff;
}
.grey-box .content
{
	border: #CC6699;
	padding-bottom: 2px;
	padding-top: 2px;
}
.grey-box .content img{
	border:none;

}
	
.grey-box .header
{
	border-bottom-color: #990000;
	padding-left: 10px;
	background-image: url(../images/fullheader_gradient.gif);
	background-repeat: no-repeat;
	background-x-position: left;
	background-y-position: top;
	background-color: #FFFFFF;
	clear: both;
	position: relative;
}

.grey-box .header div
{
	text-transform: capitalize;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	padding: 2px;
	margin: 0px !important;
	background-image: url(../images/header_right_gradient.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

/*************   red-box    ****************/
.red-box
{
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 10px;
	clear: both;
	border-bottom: 1px solid #ffffff; /* IE hack */
	margin-bottom: 10px;
	clear: both;
	border-bottom: 1px solid #ffffff;
}
.red-box .content
{
	border: #CC6699;
	padding-bottom: 2px;
	padding-top: 2px;
}
.red-box .content img{
	border:none;

}
	
.red-box .header
{
	border-bottom-color: #990000;
	padding-left: 10px;
	background-image: url(/images/rgrad.jpg);
	background-repeat: repeat-x;
	background-x-position: left;
	background-y-position: top;
	clear: both;
	position: relative;
}

.red-box .header div
{
	text-transform: capitalize;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	padding: 4px;
	margin: 0px !important;
}


/*************   yellow-box    ****************/
.yellow-box
{
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 10px;
	clear: both;
	border-bottom: 1px solid #ffffff; /* IE hack */
	margin-bottom: 10px;
	clear: both;
	border-bottom: 1px solid #ffffff;
}
.yellow-box .content
{
	border: #CC6699;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #FEFBEB;
}
.yellow-box .content img{
	border:none;

}
	
.yellow-box .header
{
	padding-left: 10px;
	background-repeat: repeat-x;
	background-x-position: left;
	background-y-position: top;
	clear: both;
	position: relative;
	background-image: url(/images/ygrad.jpg);
}

.yellow-box .header div
{
	text-transform: capitalize;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	padding: 4px;
	margin: 0px !important;
}


/*************   green-box    ****************/
.green-box
{
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 10px;
	clear: both;
	border-bottom: 1px solid #ffffff; /* IE hack */
	margin-bottom: 10px;
	clear: both;
	border-bottom: 1px solid #ffffff;
}
.green-box .content
{
	border: #CC6699;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #EFFAEE;
}
.green-box .content img{
	border:none;

}
	
.green-box .header
{
	padding-left: 10px;
	background-image: url(/images/ggrad.jpg);
	background-repeat: repeat-x;
	background-x-position: left;
	background-y-position: top;
	clear: both;
	position: relative;
}

.green-box .header div
{
	text-transform: capitalize;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	padding: 2px;
	margin: 0px !important;
}


/*************   homepage-lightblue-box    ****************/
.lightblue-box
{
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 10px;
	clear: both;
	border-bottom: 1px solid #ffffff; /* IE hack */
	margin-bottom: 10px;
	clear: both;
	border-bottom: 1px solid #ffffff;
}
.lightblue-box .content
{
	border: #CC6699;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #e4f4ff;
}
.lightblue-box .content img{
	border:none;

}
	
.lightblue-box .header
{
	padding-left: 10px;
	background-image: url(/images/lbgrad.jpg);
	background-repeat: repeat-x;
	background-x-position: left;
	background-y-position: top;
	clear: both;
	position: relative;
}

.lightblue-box .header div
{
	text-transform: capitalize;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	padding: 2px;
	margin: 0px !important;
}




/************* Product detail and search result page stuff styles ***************/

.itemcon{
	width:510px;
}

.iteminfo { 
    width:165px;
    margin-left:2px;
    margin-top:2px;

float:left;
    border-bottom:#CCCCCC 1px dashed;
    
}

.itemcon2{
width:510px;


}

.iteminfo2 { 
    width:510px;
    margin-top:2px;
    position:relative;

border-bottom:#CCCCCC 1px dashed;
    
}

#products {
	width:660px;
	margin-top:10px;
	float:left;
}

#products table{
	width:660px;
}

#products-amazonstyle
{
	width: 95%;
	margin-top: 2px;
}
	
#content table {
	width:100%;
}

#configurator select {
	width: 180px;
}
#result{
	float:left;
}

#LinksAndDisclaimers{
	margin-bottom:15px;
}


/***********************************************/
/* Footer                                      */
/***********************************************/


#geotrust {
	float: right;
	margin: 0px 5px 5px 0px;
	padding: 5px 10px 10px 10px;
}

#geotrust-img {
	float: right; 
	padding: 5px;
}

#footer {
	color: #990000;
	font-size: 11px;
	background-color: #FFFFFF;
	width: 880px;
	height: 105px;
	float: left;
	clear: both;
	margin-top: 15px;
}

#footertext {
	width: 645px;
	float: left;
	margin: 10px 0px 0px 40px;
	padding: 15px 0xp 0px 0px;
	font-size: 12px;
}

 #footerlogoleft{float:left; margin:0px 0px 0px 16px;
 
 }
 #footerlogoleft img{ border:none;}
 #footerlogoright{
	padding-right:15px;
	float: right;
 }
 #footerlogoright img{ border:none;}
 #fotterinfo{
	font-size:10px;
	text-align: center;
	margin-right: 160px;
	margin-left: 160px;
	padding-top: 5px;
}


/************* # styles ***************/

#siteInfo{
	clear: both;
	color: #003366;
	height: 40px;
	background-image: url(../images/topyellow.jpg);
	background-repeat: repeat-x;
	text-align: center;
	font-size: 14px;
	padding-top: 7px;
	float: left;
	width: 100%;
}

#siteInfo a:link {color: #333333;	text-decoration: none}
#siteInfo a:active {color: #333333; text-decoration: none}
#siteInfo a:hover {color: #999999; text-decoration: none}
#siteInfo a:visited {color: #333333; text-decoration: none;}



/***********************************************/
/* Start of Possible General Fonts             */
/***********************************************/

TD {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;	border-color: silver;}

H1 {font-family: Helvetica, sans-serif;	font-size: 14pt; font-stretch: wider; color: #666666; margin: 0px; padding: 0px;}

H3 {font-family: Helvetica, sans-serif; font-size: 11pt; font-stretch: wider; color: #336699;}

H4 {font-family: Helvetica, sans-serif; font-size: 10pt; font-stretch: wider; color: #003366;}

H6 {font-family: Helvetica, sans-serif; font-size: 8pt; font-stretch: wider; color: #003366;}

.style1 {font-family: Arial, Helvetica, sans-serif; font-size: small; color: #FFFFFF;}

.style2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003366;}

.style3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #660000;}

.style4 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.style6 {font-size: 12px}

.style7 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003366;}

.style13 {color: #660000; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

.style14 {font-size: 16px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}


h1{
	float: inherit;
	font: bold small-caps 16pt/ 16pt arial, verdana, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-style: italic;
}

h2{
	float: inherit;
	font: bold small-caps 12pt/ 12pt arial, verdana, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
}


h3{
	font-family: Arial,sans-serif;
	color: #003366;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	background-color: #CCCCCC;
	font-size: 13px;
	background-image: url(/images/backgray.jpg);
	background-repeat: repeat-x;
}

h4{
	font-family: Arial,sans-serif;
	color: #003366;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	background-image: url(/images/backgray.jpg);
	background-repeat: repeat-x;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

/***********************************************/
/* End of Possible General Fonts               */
/***********************************************/





/***********************************************/
/* MISC stuff for the site                     */
/***********************************************/


#margin-popup {
	position: absolute;
	right: 10px;
	top: 50px;
	width: 200px;
	background :#fff;
	border: 1px solid #000;
}

#deep-search {
	padding-left: 2em;
	font-size: 11pt;
}



#basket-summary { 
	float: right;
	width: 20em;
	clear: right;
	text-align: right;
	color: #369;
	padding-top: 30px;
	padding-right: 10px;  
}

#corp-link-box {
	float: left;
	width: 20%;
	
	padding: 2px 0 2px 0;
	margin-bottom: 5px;
	
	font-family: Verdana;
	font-weight: bold;
	font-size: 80%;
	text-align: center;

	background-color: #369;
}

#corp-link-box a {
	color: white;
	text-decoration: none;
}
			
#catalog-headline { 
	font-family: Verdana, Arial;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	
	border-bottom: thin solid #ccc;
	margin-bottom: 5px;
}



#disclaimer {
	text-align: center; 
	margin-bottom: 10px;
}



/*************** #pageName styles **************/
#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
free {
}
#credit {
	border: 1px solid #CCCCCC;
}


#bannerone {
	float: left;
	margin: 0px 0px 0px 5px;
}



/************** #headlines styles **************/

#headlines{
 	float: right;
	width: 175px;
	margin: 0px;
	padding: 5px 5px 20px 5px;
	font-size: 80%;
}
#highlights ul {
	list-style-type: none;
}
#cart {
	width: 20px;
	margin: 0px;
	height: 17px;
	position: absolute;
}

table caption
{
	text-align: left;
	font-size: 12pt;
	color: #369;
	font-weight: bold;
}

#print_content{
	font-size:12px;
}

#print_content div p{
	font-size: 10px;
}

#print_content h2{
	font-size:20pt;
	color:#333333;

}

.basket-table { 
	width: 99%;
	margin: 0;
	padding: 0;
}
/***********color background for basket and buttons***************/
.basket-table thead {
	background-image:url(/images/redlinetop.jpg);
	background-repeat:repeat-x;
	background: #ccffff;
}

.basket-table thead td {
	background-image:url(/images/redline.jpg);
	background-repeat:repeat-x;
	text-align: center;
	font-weight: bold;
	color: #336699;
	margin: 0;
	padding: 5px 5px;
	border-bottom: 1px dotted #336699;
	color:#333333;
}

.basket-table tbody td {
	margin: 0;
	padding: 5px 10px;
	border-bottom: 1px dotted #336699;
}

.basket-table tbody td.code {
	text-align: center;
}

.basket-table tbody td.number {
	text-align: right;
}

.basket-table tbody td.buttons {
	padding: 0;
	text-align: center;
}

.basket-table tfoot td {
	background-image:url(/images/redline.jpg);
	background-repeat:repeat-x;
	margin: 0;
	padding: 5px 10px;
	border-bottom: 1px dotted #336699;
	color:#333333;
}

.basket-table tfoot td a{
	color: #000000;
}

.basket-table tfoot td a:hover{
	color:#333333;
}

.basket-table tfoot td img{
	vertical-align:middle;
}

.basket-table tfoot td.number {
	text-align: right;
	font-size:12px;
	font-weight:bold;
}

/***********color background for basket and buttons***************/
.basket-table tfoot {
	background-image:url(/images/redline.jpg);
	background-repeat:repeat-x;
	background: #ccffff;
}


/**********************************************/
/********** Content Homepage Styles ************/
/**********************************************/
#home_content_mainbox{
	width: 660px;
	background-image: url(/images/home_content_background.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	float: right;
}

#home_content_top {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/chalktop.jpg);
	background-repeat: no-repeat;
}




.home_content_cataloglist{
	background: url(/images/home_content_images.gif) right top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1E457A;
	line-height: 1.3em;
	text-transform: capitalize;
	clear: both;
	margin: 5px 15px 0px 10px;
	padding: 7px 0px 0px 5px;

}

#math_content_top {
	float: left;
	width: 100%;
	background-image: url(../images/math/chalktop.jpg);
	margin: 25px 0 0 0;
	background-repeat: no-repeat;
	padding: 0px;
}

.math_content_logotext{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	background-image: url(../images/math/chalk.jpg);
	padding: 5px 15px 10px 35px;
	text-align: left;
	clear: both;
}

#sci_content_top {
	float: left;
	width: 100%;
	padding: 0px;
	background-image: url(../images/sci/chalktop.jpg);
	background-repeat: no-repeat;
	margin: 25px 0 0 0;
}


.sci_content_logotext{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	background-image: url(../images/sci/chalk.jpg);
	padding: 5px 15px 10px 35px;
	text-align: left;
	clear: both;
}

#kind_content_top {
	float: left;
	width: 100%;
	padding: 0px;
	background-image: url(../images/kind/chalktop.jpg);
	background-repeat: no-repeat;
	margin: 25px 0 0 0;
}

.kind_content_logotext{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	background-image: url(../images/kind/chalk.jpg);
	padding: 5px 15px 10px 35px;
	text-align: left;
	clear: both;
}

.shipping_logo{
	float: left;
	height: 55px;
	width: 150px;
	text-align: center;
	font-size: 24px;
	font-weight: bolder;
}

.shipping_logo a{
	border:0px;
	text-decoration: none;
}

.shipping_logo a img{
	border:0px;
	}

.home_content_logotext{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	background-image: url(../images/chalk.jpg);
	padding: 20px 15px 10px 35px;
	text-align: left;
	clear: both;
	margin-top: 0px;
}

.home_content_bottom{
	background-image: url(../images/chalkbot.jpg);
	width: 100%;
	height: 8px;
	margin-bottom: 0px;
	clear: both;
	background-repeat: no-repeat;
	float: left;
}

 .home_content_top{
	height:8px;
	background-image: url(../images/chalkbot.jpg);
	width: 100%;
}

.content_title{
	float: left;
	margin: 0px;
	padding-top: 20px;
	font-size:26px;
	font-weight:bolder;
	padding-left: 55px;
	height: 50px;
}


.content_subtitle a:link {color: #000000;	text-decoration: none;}
.content_subtitle a:visited {color: #000000; text-decoration: none;}
.content_subtitle a:active {color: #000000; text-decoration: none;}
.content_subtitle a:hover {color: #999999; text-decoration: none;}


.content_subtitle{
	float: left;
	margin: 0px;
	padding-top: 20px;
	font-size:26px;
	font-weight:bolder;
	padding-left: 35px;
}

.red-box .content{
	padding: 2px;
	clear: both;
	position: relative;
	background-color: #FFEBE5;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#feature {
}


#banners {
    width: 100%;
	padding: 10px 0px 0px 0px;
	clear: both;
}

label{
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
}


#container {
	width: 880px;
	margin-right: auto;
	background-color: #FFFFFF;
	border: solid;
	border-color: #999999;
	border-width: 0px;
	margin-left: auto;
	padding-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:50px;
}

#basket-strip{
	color: #003366;
	font-size: 12px;
	margin: 10px 0px 0px 23px;
	font-weight: bold;
	float: left;
	width: 30em;
}

#basket img{
margin-bottom:-5px;

}

#siteName{
	margin: 5px 0px 0px 0px;
	padding: 0 0 0 10px;
	float: left;
}

/**************************/
/* PRODUCT PAGE ***********/
/**************************/
div.product-help #heading {
	font-size: 12pt;
	font-weight: bold;
	color: black;
}

div.product-help p {
	margin: 10px 0;
}

div.product-help a {
	font-size: 10pt;
	text-decoration: none;
}


/***********************************************/
/* Start of Possible Deletes                   */
/***********************************************/


.tableBG {background-color: #ffffff; border-color: #cccccc;}

.tableHeaderBG {background-color: #E6E6E6; color: #003366;
    border-right-color: #CCCCCC; border-right-style: solid; border-right-width: 1px;
	border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px; 
	border-left-color: #CCCCCC; border-left-style: solid; border-left-width: 1px; 
	border-top-color: #CCCCCC; border-top-style: solid; border-top-width: 1px;}

.ProdDesTable {background-color: #E6E6E6; color: #666666; font-weight: bold; font-size: 12px; 
	border-right-color: #CCCCCC; border-right-style: solid; border-right-width: 1px;
    border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px; 
	border-left-color: #CCCCCC; border-left-style: solid; border-left-width: 1px; 
	border-top-color: #CCCCCC; border-top-style: solid; border-top-width: 1px;}

.ProdDesTableOther {background-color: #E6E6E6; color: #003366;
    border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px; 
	border-top-color: #CCCCCC; border-top-style: solid; border-top-width: 1px;}

.ProdDesTitle {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666;}

.tableTitle {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #003366;}

.tableSubTitle {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #003366;}

.TableFourSide {background-color: #E6E6E6; color: #666666; font-size: 12px; font-weight: bold;
	border-right-color: #CCCCCC; border-right-style: solid; border-right-width: 1px;
    border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px; 
	border-left-color: #CCCCCC; border-left-style: solid; border-left-width: 1px; 
	border-top-color: #CCCCCC; border-top-style: solid; border-top-width: 1px;} 
	
.TableThreeSide {background-color: #E6E6E6; color: #666666; font-size: 12px; font-weight: bold;
	border-right-color: #CCCCCC; border-right-style: solid; border-right-width: 1px;
    border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px; 
	border-top-color: #CCCCCC; border-top-style: solid; border-top-width: 1px;}

.TableGray {background-color: #E6E6E6; color: #666666; font-size: 12px; font-weight: bold;
border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px;}

.Table {border-right-color: #CCCCCC; border-right-style: solid; border-right-width: 1px; border-bottom-color: #CCCCCC; 
border-bottom-style: solid; border-bottom-width: 1px; border-left-color: #CCCCCC; border-left-style: solid; 
border-left-width: 1px; border-top-color: #CCCCCC; border-top-style: solid; border-top-width: 1px;}

.TableGrayLine {border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px;}

.TableGrayBack {background-color: #E6E6E6; color: #666666; font-size: 12px; font-weight: bold; border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px;}

.GrayBottomRight {background-color: #E6E6E6; color: #666666; font-size: 12px; font-weight: bold; border-bottom-color: #CCCCCC; border-bottom-style: solid; border-bottom-width: 1px;
border-right-color: #CCCCCC; border-right-style: solid; border-right-width: 1px;}

.tableSubIndex {background-color: #cccccc; color: #000000;}

.lightbacktable {background-color: #eeeeee; border-color: #cccccc;}

.themebg1 {
	background-image: url(/images/topdarkblue.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	}

.themebg2 {	background-image: url(/images/lightbluetop.jpg);
			background-repeat: repeat-x;
			}

.title {font-size:14px; font-weight: bold; color: #003366;}

.subtitle {font-size:12px; font-weight: bold; color: #003366;}

.line {font-size: 16px}

.white {color: white;}

.smalltype {font-size: 10px}

.attnMsg {font-size:11px; color: #990000;}

.accbasket {font-size:12px; color: #000000;}

.accbaskettotal {font-size:12px; color: #000000; font-weight: bold;}

a.rollsc:link {color: #003366; font-size: 11px; text-decoration: none}
a.rollsc:active {color: #990000; font-size: 11px; text-decoration: none}
a.rollsc:hover {color: #990000; font-size: 11px; text-decoration: none}
a.rollsck:visited {color: #990000; font-size: 11px; text-decoration: none}

a.rollsccat:link {color: #003366; font-size: 12px; text-decoration: none}
a.rollsccat:active {color: #990000; font-size: 12px; text-decoration: none}
a.rollsccat:hover {color: #990000; font-size: 12px; text-decoration: none}
a.rollsccat:visited {color: #990000; font-size: 12px; text-decoration: none}

/***********************************************/
/* End of Possible Deletes                     */
/***********************************************/




caption.subtitle {
	text-align: left;
	padding: 2px 0 2px 1em;
}

td.label { 
	width: 10em;
	text-align: right;
}

td.formw { 
	width: 12em;
}

table.inputform {
	width: 90%;
}

#breadcrumb {
	font-family: Helvetica, Verdana, Arial;
	font-weight: normal;
	font-size: 10pt;
	text-align:left;
}

#breadcrumb a {
	text-decoration: none;
	font-family: Helvetica;
}

ul.breadcrumb {
	font-family: Helvetica, Verdana, Arial;
	font-weight: normal;
	font-size: 10pt;
}

ul.breadcrumb a {
	text-decoration: none;
	font-family: Helvetica;
}

a.quick-index {
	font-family: Helvetica;
	font-size: 90%;
	text-decoration: none;
	padding: 4px;
	margin-right: 20px;
}

a.quick-index:hover {
	text-decoration: underline;
}

.error { 
	border: 1px solid red;
	background: #eee;
	width: 80%;
	padding: 5px;
	margin-bottom: 1em;
}

.message {
	border: 1px solid #999;
	background: #eee;
	width: 80%;
	padding: 5px;
	margin-bottom: 1em;
}

/* BUTTONS */


/***********color background for basket and buttons***************/
.buttons a, .buttons button{
    margin:0 7px 0 0;
	background-image:url(/images/redline.jpg);
	background-repeat:repeat-x;
    background-color:#ccffff;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#333333;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

#print_content button{
	margin:0 7px 0 0;
	background-image:url(/images/redline.jpg);
	background-repeat:repeat-x;
    background-color:#ccffff;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#333333;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
	
}
.buttons button{
	background-image:url(/images/redline.jpg);
	background-repeat:repeat-x;
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
	font-size:12px;
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
button:hover, .buttons a:hover{
	background-image:url(/images/redline.jpg);
	background-repeat:repeat-x;
    background-color:#FFFCDF;
    border:1px solid #EFE795;
    color: #666666;
}



.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

a.prominent-link {
	font-size: 130%;
	font-style: italic;
}



#dsearch {
	position: absolute; 
	top: 20px; 
	left: 580px;
}

#greeting {
	bottom: 0;
	float: left;
	color: black;
	font-size: 11pt;
	font-weight: normal;
}



#dcatalog-nav {
	float: left;
	width: 250px;
}

#dcatalog-nav li {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	
	font-size: 10pt;
	line-height: 16pt;
}

#dcatalog-nav a {
	text-decoration: none;
}

#dcatalog-nav a:hover {
	text-decoration: underline;
	color: #993333;
}

#dbasket {
	text-align: right; 
	padding-top: 5px; 
	padding-right: 10px;
	border-bottom: thin solid white; 
	clear: both;
}

#dwelcome {
	float: left;
	width: 450px;
	padding-top: 25px;
}

#dspecials {
	float: left;
	width: 100px;
}

#dcatalog-links {
	padding: 2px;
	color: white;
	text-align: center;
}

#dcatalog-links a {
	color: white;
	text-decoration: none;
}

#dcatalog-links a:hover {
	text-decoration: underline;
}

#worldwide {
	text-align: center;
	padding-top: 4px; 
	margin: 0;
}

#daccount-links {
	text-align: right;
	margin: 0;
	padding: 5px, 10px, 0, 0; 
}

#daccount-links li {
	list-style: none;
	float: right; 
	margin: 0;

	display: block;
	white-space: nowrap;
	
	padding-left: 5px;
	padding-right: 5px;

	border-left: 1px solid #333;
}

#daccount-links a {
	text-decoration: none;
}

#daccount-links a:hover {
	text-decoration: underline;
}

#dfooter {
	position: fixed;
	bottom: 0px;
	width: 800px;
}

/* pagination numbers */
.pagination {
	text-align: right; 
	font-size: 75%;
	margin-bottom: 1em; 
	margin-right: 1em;
    margin: 1em 0;
}

.pagination a, .pagination span {
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
}

.pagination span.current {
    border: 1px solid #666;
    font-weight: bold;
    background: #aaa;
    color: #fff;
}

.pagination a {
	border: 1px solid #666;
    text-decoration: none;
    color: black;
}

.pagination a:hover {
    border-color: #666;
    color: black;
}

.pagination a.nextprev {
    font-weight: normal;
}

.pagination span.nextprev {
    color: #666;
}

.pagination span.nextprev {
    border: 1px solid #ddd;
    color: #999;
}

.pagination .nextprev-next {
    float: right;
}