/*ul {
	 margin:0px;
	 padding-left:25px;
}*/


/*=============================================================================================================================*/
/* General definitions */
/*=============================================================================================================================*/
a:focus, a:hover, a:active { outline:none }

form {
	margin:0px;
	padding:0px;
}

img {
	border-width: 0px;
}

img.center {   
	display: block; margin-left: auto; margin-right: auto; 
}

.CATEGORY-PHOTO {
	float: left;
	width: 150px;
	margin: 0;
	padding: 10px;
}

.CATEGORY-TITLE {
	text-align: left;
}

.CATEGORY-FEATURES {
	margin:0px;
	padding-left:185px;
	text-align:left;
}

.COMPACT-FEATURES {
	margin:0px;
	padding-left:15px;
	text-align:left;
}

.BUY-BOX-POSITION {
	float: right;
	clear: right;
	padding: 2px 0px 2px 10px;
	white-space:nowrap;
}

.BUY-BOX-SHIPPING-INFO {
	float: right;
	clear: right;
	padding: 2px 0px 2px 10px;
	width: 110px;
}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

sup { bottom: 1ex; }

sub { top: .5ex; }


/*=============================================================================================================================*/
/* Boxes */
/*=============================================================================================================================*/

.BOX-IE-FIX {
	border-collapse:separate;
	*border-collapse:collapse;
	position:relative;
	font-size:1px;
}

.BOX-WHITE-LEFT,
.BOX-GREEN-LEFT,
.BOX-PUTTY-LEFT,
.BOX-BLUE-LEFT {
	width: 7px;
	border-left: 1px solid;
}

.BOX-WHITE-RIGHT,
.BOX-GREEN-RIGHT,
.BOX-PUTTY-RIGHT,
.BOX-BLUE-RIGHT {
	width: 7px;
	border-right: 1px solid;
}

.BOX-WHITE-BOTTOM,
.BOX-GREEN-BOTTOM,
.BOX-PUTTY-BOTTOM,
.BOX-BLUE-BOTTOM {
	height: 7px;
	width: 100%;
	border-bottom: 1px solid;
}

.BOX-WHITE-TOP,
.BOX-GREEN-TOP,
.BOX-PUTTY-TOP,
.BOX-BLUE-TOP {
	height: 7px;
	width: 100%;
	border-top: 1px solid;
}

.BOX-WHITE-LEFT,
.BOX-WHITE-RIGHT,
.BOX-WHITE-BOTTOM,
.BOX-WHITE-TOP,
.BOX-WHITE-CONTENT {
	background-color:#fffffd;
	border-color: #c7c7c5;
}

.BOX-WHITE2-LEFT,
.BOX-WHITE2-RIGHT,
.BOX-WHITE2-BOTTOM,
.BOX-WHITE2-TOP,
.BOX-WHITE2-CONTENT {
	background-color:#fffffd;
	border-color: #c7c7c5;
}

.BOX-GREEN-LEFT,
.BOX-GREEN-RIGHT,
.BOX-GREEN-BOTTOM,
.BOX-GREEN-TOP,
.BOX-GREEN-CONTENT {
	background-color:#cbd8cb;
	border-color: #b1b4af;
}

.BOX-PUTTY-LEFT,
.BOX-PUTTY-RIGHT,
.BOX-PUTTY-BOTTOM,
.BOX-PUTTY-TOP,
.BOX-PUTTY-CONTENT {
	background-color:#E8E8E2;
	border-color: #e3e5e3;
}

.BOX-BLUE-LEFT,
.BOX-BLUE-RIGHT,
.BOX-BLUE-BOTTOM,
.BOX-BLUE-TOP,
.BOX-BLUE-CONTENT {
	background-color:#b4bcc0;
	border-color: #e3e5e3;
}


.BOX-WHITE-CONTENT,
.BOX-GREEN-CONTENT,
.BOX-PUTTY-CONTENT,
.BOX-BLUE-CONTENT {
	font-size: 12px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: normal;
   color: #000000;
   text-decoration: none;
}



/* definitions for the plain box (cf_box) when called with "NoMargins="1" */
.BOX-WHITE-NOMARGINS-TOP {
	background-color:#fffffd;
	width: 9999px; /* This right here is damned ridiculous but stretching this cell out like this was the only way to get it to display properly in IE & Chrome */
	border-top: 1px solid #c7c7c5;
}

.BOX-WHITE-NOMARGINS-LEFT {
	background-color:#fffffd;
	width: 7px;
	border-left: 1px solid #c7c7c5;
}

.BOX-WHITE-NOMARGINS-CONTENT {
	background-color:#fffffd;
	border-left: 1px solid #c7c7c5;
	border-right: 1px solid #c7c7c5;
}

.BOX-WHITE-NOMARGINS-RIGHT {
	background-color:#fffffd;
	width: 7px;
	border-right: 1px solid #c7c7c5;
}

.BOX-WHITE-NOMARGINS-BOTTOM {
	background-color:#fffffd;
	border-bottom: 1px solid #c7c7c5;
}
/* definitions for the plain box (cf_box) when called with "NoMargins="1" */



.PANEL-LEFT {
	width:7px;
	background-color:#DBDBDB;
	border-left:1px solid #a4a4a1;
}


.PANEL-RIGHT {
	width:7px;
	background-color:#DBDBDB;
	border-right:1px solid #a4a4a1;
}

.PANEL-BOTTOM {
	height:7px;
	width:100%;
	background-color:#DBDBDB;
	border-bottom:1px solid #a4a4a1;
}

.PANEL-TOP {
	height:7px;
	width:100%;
	background-color:#DBDBDB;
	border-top:1px solid #a4a4a1;
}

.MAIN-LEFT {
	width:9px;
	background-color:#f8f8f2;
	border-left:1px solid #e9e9e4;
}

.HOMEPAGE-LEFT {
	width:4px;
	background-color:#ff0000;
	border-left:1px solid #e9e9e4;
}

.MAIN-RIGHT {
	width:9px;
	background-color:#f8f8f2;
	border-right:1px solid #e9e9e4;
}

.HOMEPAGE-RIGHT {
	width:3px;
	background-color:#00ff00;
	border-right:1px solid #e9e9e4;
}

.MAIN-BOTTOM {
	width:100%;
	height:7px;
	background-color:#f8f8f2;
	border-bottom:1px solid #b0b0ae;
}



/*=============================================================================================================================*/
/* Lettering */
/*=============================================================================================================================*/

.BODY10 {
	font-size:10px;
	font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: normal;
   color: #000000;
   text-decoration: none;
	}
	
.BODY11 {
	font-size:11px;
	font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: normal;
   color: #000000;
   text-decoration: none;
}

.BODY11G {
   font-size: 11px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: normal;
   color: #555555;
   text-decoration: none;
}

.BODY12 {
   font-size: 12px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: normal;
   color: #000000;
   text-decoration: none;
}

.BODY12W {
   font-size: 12px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: normal;
   color: #ffffff;
   text-decoration: none;
}

.BODY12G {
   font-size: 12px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: normal;
   color: #555555;
   text-decoration: none;
}
	
.BODY14 {
   font-size: 14px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: normal;
   color: #000000;
   text-decoration: none;
}

.BODY13G {
   font-size: 13px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: normal;
   color: #555555;
   text-decoration: none;
}
		
.BODY18 {
   font-size: 18px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: normal;
   color: #000000;
   text-decoration: none;
}

.BOLD12W {
   font-size: 12px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
   color: #ffffff;
   text-decoration: none;
}
		
.BOLD11W {
   font-size: 11px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
   color: #ffffff;
   text-decoration: none;
}	
		
.BOLD11G {
   font-size: 11px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
   color: #777777;
   text-decoration: none;
}	

.BOLD12 {
   font-size: 12px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
   color: #000000;
   text-decoration: none;
}		

.BOLD14 {
   font-size: 14px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
   color: #000000;
   text-decoration: none;
}
		
.BOLD16 {
   font-size: 16px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
   color: #000000;
   text-decoration: none;
}
		
.BOLD18 {
   font-size: 18px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
   color: #000000;
   text-decoration: none;
}
		
.BOLD22 {
   font-size: 22px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
   color: #000000;
   text-decoration: none;
}

.BOLD24 {
   font-size: 24px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
   color: #000000;
   text-decoration: none;
}

.BOLD26 {
   font-size: 26px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
   color: #000000;
   text-decoration: none;
}

.BOLD12W {
   font-size: 12px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
   color: #ffffff;
   text-decoration: none;
}
		
.BOLD12W:visited {
	font-size: 12px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
   color: #ffffff;
   text-decoration: none;
}

.BOLD14W {
   font-size: 14px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
   color: #ffffff;
   text-decoration: none;
}
		
.BOLD16W {
   font-size: 14px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
   color: #ffffff;
   text-decoration: none;
}
		
.BOLD18W {
   font-size: 18px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
   color: #ffffff;
   text-decoration: none;
}
		
.NOTE12 {
   font-size: 12px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: normal;
   color: #666666;
   text-decoration: none;
	font-style:italic;
}
		
.ERROR12 {
	font-size: 12px;
	font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
	color: #ff0000;
	text-decoration: none;
}
		
.DIVIDER {
	height:22px;
	background-image:url(/IMG/HorizontalDiv.gif);
	background-repeat:repeat-x;
}
		
.HEADER14 {
   font-size: 14px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
	font-style: italic;
   color: #000000;
   text-decoration: none;
}
		
.HEADER16 {
   font-size: 16px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
	font-style: italic;
   color: #000000;
   text-decoration: none;
}

.HEADER18 {
   font-size: 18px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
	font-style: italic;
   color: #000000;
   text-decoration: none;
}

.LOGIN-LINKS {
	font-size:14px;
	font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-align:center;
	border:0px;
}
		
.NEWS-LINKS {
   font-size: 15px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
   color: #000000;
   text-decoration: none;
}

.PRIMARY-NAV {
   font-size: 14px;
   font-family: Arial, Geneva, Verdana, Helvetica;
   font-weight: bold;
   color: #000000;
	text-decoration: none;
	border-width:0px;
}

.SECONDARY-NAV2 {
   font-size: 11px;
   font-family: Arial, Geneva, Verdana, Helvetica;
   font-weight: bold;
   color: #000000;
	text-decoration: none;
} 
		
.SECONDARY-NAV {
	FONT-WEIGHT: bold; 
	LIST-STYLE-POSITION: inside; 
	FONT-SIZE: 11px; 
	MARGIN-LEFT: 0px; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Geneva, Verdana, Helvetica; 
	LIST-STYLE-TYPE: disc; 
	TEXT-DECORATION: none;
}

.SECONDARY-NAV-HIGHLIGHT {
	FONT-WEIGHT: bold; 
	LIST-STYLE-POSITION: inside; 
	FONT-SIZE: 11px; 
	COLOR: #fbe166; 
	FONT-FAMILY: Arial, Geneva, Verdana, Helvetica; 
	LIST-STYLE-TYPE: disc; 
	TEXT-DECORATION: underline;
}

.TREE-BUTTON {
	font-size: 16px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
	color: #000000;
   text-decoration: none;
	
	cursor:pointer;
	text-align:center;
	background-color:transparent;
	border-width:0px;
	padding:0px;
	margin:0px;
}

.TREE-CHILD {
	font-size: 12px;
   font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: normal;
   color: #000000;
   text-decoration: none;
	padding-left: 15px;
	text-indent: -15px;
}

.INFO-HIDE-BOX-BUTTON {
	font-size: 12px;
	font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	width: 100px;
}

.TEXT-BUTTON {
	font-size: 12px;
	font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
	color: #000000;
   text-decoration: none;
	
	cursor:pointer;
	text-align:center;
	background-color:transparent;
	border-width:0px;
	padding:0px;
	margin:0px;
}

.TEXT-BUTTON-W {
	font-size: 16px;
	font-family: Arial, Geneva, Verdana, Helvetica;
	font-weight: bold;
	color: #FFFFFF;
   text-decoration: none;
	
	cursor:pointer;
	text-align:center;
	background-color:transparent;
	border-width:0px;
	padding:0px;
	margin:0px;
}

.UNAVAILABLE12 {
	font-size: 12px;
	font-family: Arial, Geneva, Verdana, Helvetica;
	font-style:italic;
	color: #555555;
   text-decoration: none;
}

.CHECKOUT-NUMBER {
	font-weight:bold;
	color:#009900;
	font-size:24px;
	font-family: Arial, Geneva, Verdana, Helvetica;
}

.CHECKOUT-HEADER {
	font-weight:bold;
	color:#000000;
	font-size:20px;
	font-family: Arial, Geneva, Verdana, Helvetica;
}

.REQUIRED {
	font-weight:bold;
	color:#cc0000;
	font-size:12px;
	font-family: Arial, Geneva, Verdana, Helvetica;
}



/*=============================================================================================================================*/
/* Custom Table 1 for Digilentinc.com - by NJM */
/*=============================================================================================================================*/

table.CT1
	{ width: 100%; color: #000; font-size: 12px; font-family: Arial, Geneva, Verdana, Helvetica; }

table.CT1, table.CT1 tr, table.CT1 th, table.CT1 td 
	{ margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; }

table.CT1 caption 
	{ text-align: center; padding: 0.9em 0em 0em 1em; color: #000;	height: 3em; background: transparent; }


/* HEADER */
table.CT1 thead
	{ background: #888888 url(/img/CT1-highlight.png) repeat-x top; }
	
table.CT1 thead tr th 
	{ height: 2.5em; padding: 0.1em 0.4em; text-align: left; color: #fff; font-weight: bold; }
	
	
/* FOOTER */
table.CT1 tfoot tr
	{ color: #fff; height: 2em; background: #888888 url(/img/CT1-bottom.png) repeat-x bottom; }
	
table.CT1 tfoot
	{ color: #000; background: #fff; }
	
table.CT1 tfoot tr th, table.CT1 tfoot tr td
	{ border-top: 0px; }
	
table.CT1 tfoot tr td
	{ text-align: right;	padding-right: 2em; }
	

/* BODY */
table.CT1 tbody th
	{ background: #5DA769; }
	
table.CT1 tbody tr.odd th
	{ background: #73B582; }
	
table.CT1 tbody td a:hover
	{ background: transparent; color: #fff; }

table.CT1 tbody tr td
	{ background: #aaabab; color: #000; height: 2em; }
	
table.CT1 tbody tr.odd td
	{ background: #bbbbbb; color: #000; height: 2em; }
	
/* If you want non-links to change color on highlight - right now I don't.
table.CT1 tbody tr td:hover, table.CT1 tbody tr.odd td:hover
	{ color: #fff; }
*/

table.CT1 tbody tr th, table.CT1 tbody tr td
	{ padding: 0.1em 0.4em; border: 0px; }
	
table.CT1 tbody tr th
	{ padding-right: 1em; text-align: left; font-weight: bold; }
	
	
/* LINKS */
table.CT1 a 
	{ color: #000;	text-decoration: none; }
	
table.CT1 a:hover
	{ text-decoration: underline;	color: #fff; background-color: transparent }
	
table.CT1 tbody tr:hover td, table.CT1 tbody tr:hover th
	{ background: #A6CFA5 url(/img/CT1-hoverbar-shadow.png) repeat-x top; }






/*=============================================================================================================================*/
/* Online Textbook styles for Digilentinc.com - by NJM */
/*=============================================================================================================================*/

table.TBLAYOUT																			/* Plain table for laying out the text & diagrams */
	{ text-align:left; vertical-align:top; margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; color: #000; font-size: 12px; font-family: Arial, Geneva, Verdana, Helvetica;}

table.TBLAYOUT p																		/* So that text pasted inside [cf_box NoMargins="1"] and surrounded in <p> tags would be spaced nicely - REPLACED*/
	{ margin:0px 8px 0px; text-align:justify;}

table.TBLAYOUT hr																		/* avoid text-align or IE gets bitchy */
	{ border: 0; color: #9E9E9E; background-color: #9E9E9E; height: 2px; width: 97%; }

table.TBTABS a:link, table.TBTABS a:visited, table.TBTABS a:active 	/* This is just for the tables used to build the right-side tabs */
	{ text-decoration: none; color: #fff;}

table.TBTABS a:hover 						  										/* This is just for the tables used to build the right-side tabs */
	{ text-decoration: none; color: #ddd;}


.TB-OUTER {
	margin:0px 8px 0px; text-align:justify;
}

.TB-BODY {
	font-family: Georgia, Arial;
	font-size: 15px;
	font-weight: normal;
   line-height: 130%;
	color: #000;
   text-decoration: none;
	text-align: left;
}

.TB-FIGURES {
	font-family: Georgia, Arial;
	font-style: italic;
	font-size: 14px;
	font-weight: normal;
   line-height: 130%;
	color: #006838;
   text-decoration: none;
	text-align: center;
}

.TB-FOOTNOTE {
	font-family: Georgia, Arial;
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
   line-height: 130%;
	color: #222;
   text-decoration: none;
}

.TB-TABHEADER {
	font-family: Trebuchet MS, Trebuchet MS, Geneva, Verdana, Helvetica, Arial;
	font-size: 18px;
	font-weight: normal;
   color: #777;
   text-decoration: none;
}

.TB-TABTITLE {
	font-family: Trebuchet MS, Trebuchet MS, Geneva, Verdana, Helvetica, Arial;
	font-size: 18px;
	font-weight: bold;
   line-height: 90%;
	color: #fff;
   text-decoration: none;
}

.TB-TABDESCRIPTION {
	font-family: Trebuchet MS, Trebuchet MS, Geneva, Verdana, Helvetica, Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 90%;
   color: #000;
   text-decoration: none;
}

.TB-PROJECTTITLE {
	font-family: Trebuchet MS, Trebuchet MS, Geneva, Verdana, Helvetica, Arial;
	font-size: 25px;
	font-weight: bold;
	line-height: 120%;
   color: #000;
   text-decoration: none;
}

.TB-PROJECTTITLE-W {
	font-family: Trebuchet MS, Trebuchet MS, Geneva, Verdana, Helvetica, Arial;
	font-size: 25px;
	font-weight: bold;
	line-height: 120%;
   color: #fff;
   text-decoration: none;
}

.TB-H1 {
	font-family: Trebuchet MS, Trebuchet MS, Geneva, Verdana, Helvetica, Arial;
	font-size: 22px;
	font-weight: bold;
	line-height: 100%;
   color: #006838;
   text-decoration: none;
	padding-bottom: 20px;
	
	background-image: url(/img/tb-bullet1.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 16px; 	
}

.TB-H2 {
	font-family: Trebuchet MS, Trebuchet MS, Geneva, Verdana, Helvetica, Arial;
	font-size: 18px;
	font-weight: bold;
	line-height: 100%;
   color: #006838;
   text-decoration: none;
	padding-bottom: 15px;
	
	background-image: url(/img/tb-bullet1.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 16px; 	
}

.TB-TOCTEXT {
	font-family: Trebuchet MS, Trebuchet MS, Geneva, Verdana, Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
   color: #222;
	line-height: 110%;
   text-decoration: none;
}

.TB-TOCTEXT-W {
	font-family: Trebuchet MS, Trebuchet MS, Geneva, Verdana, Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
   color: #fff;
	line-height: 110%;
   text-decoration: none;
}