@charset "utf-8";
/* CSS Document */

html, body	{
	margin: 0px; /* To keep all of the browsers happy */	
}


body	{
	margin: 0px;
	background-image: url(../Images/jpegs/bkgrd2.jpg); /* the background image */
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	}
	
form	{
	padding: 0px; /* Necessary so the form remains its proper size */
	margin: 0px;
	}
.container{
    display:table;
    width:626;
    }
 .heading{
     font-weight: bold;
     display:table-row;
     background-color:#000000;
     text-align: center;
     font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
     
 }
.row1{
     font-weight: bold;
     display:table-row;
     background-color:#EEEECE;
     text-align: left;
     font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
     
 }
 .row2{
     font-weight: bold;
     display:table-row;
     background-color:#ffffff;
     text-align: left;
     font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
     
 }

 .col{ 
 width:626px;
	display:table-cell;
 	border: 1px solid #CCC;
	height:8px;
	padding: 4px;


 }

 .col2{ 
 	float:left;
 	padding: 7.5px 3.6px 7.5px 11.6px ;
	width:110px;
  	height:15px;
	display:table-cell;
	text-align: left;
 }

 .col3{ 
 	float:left;
 	padding: 4px 3.6px 4px 11.6px ;
	width:110px;
  	height:13px;
	display:table-cell;
	text-align: left;
 }

img     {  
    border-style: none;
	border: none;
    }
.cartbtnlist{float:right;height:24px;}
.orderinfo	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	background-color: #FFC;
	text-align: center;
	}
#pagelinks	{
	margin-top: 20px;  /* Offset from the top of the div */
	margin-left: 30px;  /* Offset from the left of the div */
	padding: 0;
	}

#pagelinks ul	{
	list-style: none;  /* Eliminates the Bullets */
	margin: 0;
	padding: 0;
	border: none;	
}

#pagelinks li	{  /* Styles the links */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	line-height: 18px; 
	list-style: none;
	}

#pagelinks a:link, 
#pagelinks a:visited	{  /* Styles the links */
	color: #929090;  /* The color of the links */
	display: block;
	width: 100%;  /* Hack for IE6 */
	text-decoration: none;	/* No underline */
	}

#pagelinks a:hover	{  /* Styles the hover */
	color: #1a1919;  /* The color of the links when mouse over */
	text-decoration: none;  /* No underline */
	}
/*   ***********************  ID's  ***********************   */

#wrapper	{
	position: relative;
	width: 1025px;
	margin: auto;
	background-repeat: repeat-y;	
	}

#content{display:inline-block;background-image:url(http://www.surplussales.com/Images/gifs/wrapper_bg2.gif);width:1024px;margin:0 0 0 0;top:0px;left:0px;border-left:1.5px solid #CCC;border-right:1.5px solid #CCC;border-bottom:1.5px solid #CCC;}
	
	
#header	{	/* Holds the page header on each page */
width:1024px;height:155px;background-color:#fff;}
	

.sort{width: 626px; height: 22px;background-color: #EEEECE;margin-bottom:5px;}
.sorttxt{text-align:left;font-size:14px;font-weight:bold;color: #444;margin:0;padding-left: 15px;padding-top: 2px;}
#sidebar	{	/* Left side of the page - links, small thumbnail pics, etc */
	float: left;
	width: 199px;
	padding-top: 20px;
	min-height: 600px;
	}

#sidebar2	{	/* Left side of the page - links, small thumbnail pics, etc.  Use with the <iframe> */
    float:left;width:199px;text-align:left; background-color:#EEEECE;}
	

#sidebar3	{	/* Left side of the page - links, small thumbnail pics, etc.  Use with the <iframe> */
   float:left;width:199px;text-align:left; background-color:#EEEECE;}
	
	#sidenav{float:left;width:199px;text-align:left; background-color:#EEEECE;}
#navlinks{margin-left:0;padding-bottom:20px;margin-top:20px;padding-left:2px;padding-right:10px;width:199px;text-align:left;}
#navlinks li{font-family:Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold;line-height:13px;list-style:none;background-image:url(../Images/gifs/bullet2.gif);background-repeat:no-repeat;background-position:.125em .35em;padding-left:8px;padding-bottom:3px;padding-right:10px;}
#navlinks a:link, #navlinks a:visited{color:#929090;display:block;width:100%;text-decoration:none;}
#navlinks a:hover{color:#1a1919;text-decoration:none;}
#navlinks img{padding-top:8px;padding-bottom:8px;width:199px;}
.navbreak{border-bottom:1.5px solid #777;height:2px;width:95%;margin-bottom:5px;margin-top:3px;}
#navform{font-family:Arial, Helvetica, sans-serif;font-size:10px;background-color:#f4f4d3;width:140px;}
.underlinetext{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-style:italic;font-weight:normal;color:#000000;text-align:left;text-decoration:underline;padding-left:6px;}
.subtext{font-family:Arial, Helvetica, sans-serif;font-size:9px;color:#484747;padding-left:6px;}

#navform {  /* style the dropdown "Related Links" box */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #fff;
	width: 140px;
	}
	
#stage{float: left; width:626px; }

#title	{	/* The title of each page */
	width:626px;float:left;margin-right:11px;height:auto;border-bottom:1px solid #eeeece;background-color:white;}
			.back{float:left;}
			
#left{float:left;width:49%;}
#right{float:right;width:49%;}
#productimg{width:100%;float:left;padding-bottom:10px;border-right:#EEEECE 1px dotted;}
.imgmd{float:left;max-width:300px;max-height:300px;padding-bottom:10px;}
.thumb{}
.thumb img{float:left;margin-right:5px;margin-bottom:2px;max-width:61px;max-height:61px;border::#EEEECE 1px solid;}

.keypoints{width:100%;float:right;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;font-weight:normal;line-height:20px;color:#1f1f1f;text-align:left;}
.share{height:50px;padding-top:5px;width:100%;float:right;text-align:left;}
.share img{border:0px;padding-left:0px;padding-right:15px;}
#pricewrap{width:100%;height:30px;padding-top:15px;float:right;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-style:normal;font-weight:bold;font-variant:normal;color:#000;text-align:right;}
.price{height:30px;float:right;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-style:normal;font-weight:bold;font-variant:normal;color:#000;text-align:right;padding-top:15px;}
.price span{font-family:Arial, Helvetica, sans-serif;font-size:10px;font-style:normal;font-weight:normal;font-variant:normal;color:#333;text-align:right;}
.cart{height:30px;width:100%;float:right;background-position:center center;text-align:right;padding-top:5px;}
#producttable{width:100%;float:left;}
.divider{clear:both;width:100%;height:50px;}
.divider2{clear:both;width:100%;height:20px;}
.desc{height:auto;padding-bottom:5px;text-align:left;}
.docs{width:300px;float:left;text-align:left;margin-top:15px;cursor:pointer;cursor:hand;text-decoration:none;font-style:normal;display:block;}
.docs img{float:left;margin-right:15px;border:#CCC 1px solid;}
.docs a:visited {text-decoration:none;}
.doctitle{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-style:normal;font-weight:bold;color:#1f1f1f;}
.docinfo{margin-top:5px;font-family:Arial, Helvetica, sans-serif;font-size:10px;font-style:normal;font-weight:normal;color:#666;}
#reviews{height:auto;width:100%;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;font-weight:normal;color:#1f1f1f;text-align}
#mainContent	{	/* Main Content area that will hold the products */
	float:left;width:626px;background-color:#fff;}
}	

p{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-style:normal;font-weight:normal;color:#1f1f1f;text-align:left;}

#footwrap{float:left;width:650px;height:100px; clear:both;}

	
#footer	{	/* What else can I say, its the footer */
	clear: both;
	width: 650px;
	height: 100px;
	background-color: #cff;}
	
.horizontal-border{width:12px;float:left; background-color:white; }
#sidenav2{float:left;width:175px; background-color:#EEEECE; }
.service-list {
display: table;
width: 146px;
height:100%;
padding: 10px 0 0 0;
margin-left:14px;
}

.service-list li {
display: block;
width: 146px;
padding: 0px 0 10px 0;
overflow: hidden;
list-style-type:none;
}

.service-list img {
display:block;
margin-left: auto;
margin-right: auto;
padding: 10px 0 0px 0;
}

.service-list a {
display:block;
text-decoration: none;

}
.service-list a {
background-color: #ffffff;
border-left: 1px solid #C0D1DB;
border-top: 1px solid #C0D1DB;
border-right: 1px solid #99A1BF;
border-bottom: 1px solid #99A1BF;
}
.service-list a:hover {background-color: #F2F2F2;}	


.service-list p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-align: center;
margin-top: .2em;
color: #336699;
}

/*   ***********************  PSEUDO CLASSES  ***********************   */

a:link, a:visited	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000ff;
	text-decoration: none;
	}

a:hover	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #02028e;
	}
	
a.name, a:hover.name, a:focus.name, a:active.name
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #1f1f1f;
	text-decoration: none;
	}
}
	
/*   ***********************  CLASSES  ***********************   */
	
.blackheader	{	/* Style for the heavier Black text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	}

.bluetext	{	/* Style of the blue text used throughout the site to add emphasis */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #0000ff;
	text-align: left;
	}

.borderbottom	{	/* Bottom borders for multiple pictured items */
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	}

.borderbtm	{	/* Bottom borders.  Mainly used on "Close-up" pages */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	}

.borderright	{	/* Used as a dividing line for multiple pictures */
	border-right-width: 1px;
	border-right-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	}
	
#breadcrumb{width:1024px;height:20px;background-color:#336699;}
.breadhead{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-style:italic;font-weight:normal;color:#ffff66;padding-top:2px;text-align:left;}
.breadhead a{background:transparent url(../Images/gifs/breadcrumb.gif) no-repeat center right;text-decoration:none;padding-left:3px;padding-right:18px;color:white;}
.breadhead a:hover{text-decoration:underline;}
	
	
.cartbtn	{	/* Style the "Add to Cart" buttons */
	background-position: center center;
	text-align: center;
	height: 24px;
	}

.cellbdr	{	/* Style the borders in tables */
	border: 1px solid #000099;
	}

.darkbluehdr	{	/* White text, dark blue background */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-align: left;
	background-color: #000066;
	}

.darkbluehdrcntr	{	/* White text, dark blue background */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #000066;
	}
	
.darkbluehdrcntr a	{
	color: #fff;
	text-decoration: none;
	}
	
.darkbluehdrcntr a:hover	{
	color: #CCC;
	text-decoration: underline;
	}

.darkredhdr	{	/* White text, dark red background.  Use for Special Alerts on pages */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #c60000;
	}

.datatable	{	/* Used on the Hardware Standoff pages */
	border: none;
	border-collapse: collapse;
	width: 626px;
	}
	
.datatable td	{ /* Give the table a 1px solid border */
	border: 1px solid #ccc;
	}

.enlarge	{	/* Style the "Enlarge Image" or "Click Here...", etc links */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top: 1px solid #e6e4e4;
	border-bottom: 1px solid #e6e4e4;
	background-color: #fff;
	color: #333333;
	}

.enlarge a	{	/* Style of the a:link */
	text-decoration: none;
	color: #8c8b8b;
	}
	
.enlarge a:hover	{	/* Style of the a:link when a mouse hovers over it  */
	color: #000;
	}

.enlarge_spoolpage	{	/* Style the "Back to Hook-up Wire" on the Wire Spools Pages */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8c8b8b;
	padding-left: 6px;
	}

.enlarge_spoolpage a:link	{	/* Style of the a:link */
	text-decoration: none;
	color: #8c8b8b;
	}
	
.enlarge_spoolpage a:visited	{	/* Style of the a:link */
	text-decoration: none;
	color: #8c8b8b;
	}
	
.enlarge_spoolpage a:hover	{	/* Style of the a:link when a mouse hovers over it  */
	color: #000;
	}	

.even	{	/* Row color #eeeece that don't have the alternate rows command used */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-align: center;
	background-color: #eeeece;
	}

.header	{	/* For the "Coming Soon" text on selected Automotive, HeatVentAir pages */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000;
	}
#RowOne   {
	height: auto;
	width: auto;
	padding: 50px 5px 5px 5px;
	margin-left: 20%;
    }
	

	
.div-table-caption   {
	display:table-caption; 
    font-weight: bold;
	}

.div-table-row   {
	display:table-row;
    text-align: center;
	}
	
.div-table-col   {
	display:table-cell; 
	padding: 5px; 
	}	
	.related	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-align: left;
	text-decoration: underline;	
}
.text	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	padding-top: 8px;
	}
.hdrtext	{	/* Style for the Part Numbers on each item */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #ff0000;
	}
	
.hdrtext2	{	/* Style for the Part Numbers on each item */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #ff0000;
	text-align:left;
	}

.odd	{	/* Row color white that don't have the alternate rows command used */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-align: center;
	}
	
.price	{	/* Prices on the external.htm page */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000099;
	text-align: center;
	}

.pricetext	{	/* Style of the prices on each page */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000099;
	text-align: center;
	background-color: #fefeed;  /* New background color */
/*	background-color: #fafaf1; */ /* Old background color */
	border-top: 1px solid #cccccc;
	height: 35px;
	}
	
.pricetext span	{	/* The style for the quantity amounts, i.e. (5+), (10+), (25+) etc... */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #663300;
	text-align: center;
	}

.pricetext2	{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #663300;
	text-align: center;
	}

.purpletext	{	/* Purple text, mainly used on close-up pages */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #000066;
	}

.red	{	/* For all the tables.  Styles the Part Number columns */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #ff0000;
	text-align: left;
	line-height: 20px;
	}
/*
.red a {
    font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #ff0000;	
    }

.red a:hover  {
    font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #ff0000;	
    }
	*/	
.blue	{	/* For all the tables.  Styles the Part Number columns in the ILS tables */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333399;
	text-align: left;
	line-height: 20px;
	}	

.red2	{	/* For all the tables.  Styles the Part Number columns */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.975em;
	font-style: normal;
	font-weight: normal;
	color: #ff0000;
	text-align: left;
	line-height: 20px;
	}

.redheader	{	/* Page titles text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
	padding-top: 5px;
	}

.redheader span	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
	padding-top: 5px;
	}
	
.redheadermed	{	/* Page titles text that are too long to fit within the 626 px  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
	padding-top: 5px;
	}
	
.redheadersmall	{	/* Page titles text that are too long to fit within the 626 px  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
	padding-top: 5px;
	}	

.redtext	{	/* Red text for special notes - left aligned */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #ff0000;
	text-align: left;
	}

.redtext2	{	/* Red text for special notes - left aligned - slightly larger than the .redtext style */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	color: #ff0000;
	text-align: left;
	}

.redtextcntr	{	/* Red text for special notes - center aligned */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #ff0000;
	text-align: center;
	}
	
.redtextcntrbold	{	/* Red text for special notes - center aligned and bolded*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
	}

.smalltext	{	/* Style of the text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-align: left;
	}

.smalltextcntr	{	/* Style of the special text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;

	font-weight: normal;
	color: #000;
	text-align: center;
	}

.smallertextcntr	{	/* Style of the special text same as above except smaller */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-align: center;
	}

.smalltextcntrred	{	/* Style of the special text same as .smalltextcntr except red */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #ff0000;
	text-align: center;
	}

.smalltextleftpadded2	{	/* Used on the Potentiometer Pages */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000093;
	text-align: left;
	padding-left: 14px;
	text-decoration: underline;
	}

.smalltextleftpadded3	{	/* Used on the Potentiometer Pages */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-align: left;
	padding-left: 24px;
	}

.subhdr	{	/* Style for the Sub-headers */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
	text-align: center;
	}

.subscript	{	/* small text used for subscripting */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #990000;
	}

.subscript2	{	/* small text used for subscripting */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #990000;
	}

.text	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	color: #000;
	}

.text span	{
	color: #003366;
	}

.textbold	{	/* Bolded text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	color: #000;
	text-align: center;
	}
	
.textboldblue	{	/* Bolded text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	color: #3300ff;
	text-align: center;
	}	

.textboldsmall	{	/* Bolded text same as above except smaller size */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000;
	}

.textsmaller	{	/* Some pages have some descriptive text at the top of the page.  Use this style for those pages */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	}
	
.underlinetext {   /* Primarily Used for "Related Links" text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-align: left;
	text-decoration: underline;
	padding-left: 6px;
	}
	
.vertline	{
	background-image: url(../Images/gifs/1pixelspacer.gif);
	background-repeat: repeat-y;
	background-position: center center;
	}

.whitetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
}

.div-tableyellow   {
	display:table; 
	width: 626px;
	margin: auto;

	background-color: #FFFF00;

    }

.div-tableblue   {
	display:table; 
	width: 626px;
	margin: auto;
	background-color: #DEE6EF;

    }
		
.div-table   {
	display:table; 
	width: 400px;
	margin: auto;
	padding: 1px 5px 8px 5px;
	background-color: #DEE6EF;
	border: 1.5px solid #BCCDD6;

    }
	
.div-table-caption   {
	display:table-caption; 
    font-weight: bold;
	}

.div-table-row   {
	display:table-row;
    text-align: center;
	}
	
.div-table-col   {
	display:table-cell; 
	padding: 5px; 
	}		

	
/*   ***********************  TAGS  ***********************   */

h1	{	/* Title of the Parts */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #1f1f1f;
	text-align: center;
	line-height: normal;
	margin: 0;
	padding: 0;
	}
	
h1 span	{ /* Sub-title of the Parts */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
	text-align: center;
	}
	
h2	{	/* Title of the Parts that are too long to fit in the 300px width */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #1f1f1f;
	text-align: center;
	line-height: normal;
	margin: 0;
	padding: 0;
	}
	
h2 span	{ /* Sub-title of the Parts that are too long to fit in the 300px width */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
	text-align: center;
	}
	
h3	{	/* Title of the Parts that are too long to fit in the 300px width */
	margin: 0;
	padding: 0;
	}
		
h4	{	/* Header text for the 3 up layouts.  (200px wide) i.e. Potentiometers, Variable Caps, etc. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	color: #000033;
	margin: 0;
	padding: 0;	
	}
	
h4 span	{	/* Sub-title of the Parts that are too long to fit in the 200px width */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #990000;
	}

h5  {  /*Red Header*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
	margin-top: 5px;
    }
h6{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-style:normal;font-weight:normal;color:#ff0000;text-align:left;vertical-align:middle;}
h7{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-style:normal;color:#333;text-align:center;background-color:#DEE6EF;width:98%;margin-top:3px;padding:4px;display:block;}
h8{width:100%;float:right;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-style:normal;font-weight:bold;text-align:left;color:#5691c3;text-align:left;padding-top:10px;padding-bottom:10px;margin:0;}
h8 span{color:#9ACDD1;}
h9 {width:100%;float:right;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-style:normal;font-weight:bold;text-align:left;padding-bottom:5px;color:#990000;padding-top:20px;margin:0;}
	
h10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006;
	font-weight: bold;
	padding-left: 25px;
	background-color: #FFC;
	border-top: solid 1px #808080;	
	border-bottom: solid 1px #808080;
	}
	h11{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-style:normal;font-weight:bold;text-align:right;color:#5691c3;}
h11 span{color:#9ACDD1;}
h11 a:link{font-size:14px;color:#5691c3;}
h11 a:visited{font-size:14px;color:#5691c3;}
.pagebreak{clear:both;width:626px;height:20px;}


.darkredhdr a {
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	}

.darkredhdr a:hover {
	font-size: 14px;
	color: #FFF;
	text-decoration: underline;
	}
#box1	{	/* Links page */
	width: 800px;
	height: 180px;
	}
	
#box2	{	/* Links page */
	width: 800px;
	height: 240px;
	}	
#box1 img	{
	margin-left: 30px;
	padding-right: 8px;
	}
#box2 img	{
	margin-left: 50px;
	padding-right: 56px;
	}
.oddeven	{	/* For JQuery tables */
	background-color: #eeeece;
	}
	
.formlabel   {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
    float: left;
	margin-left: 60px;
	text-align: left;
}

.forminput  {
	float: right;
	padding-right: 60px;
	
}
#input {
	width: 500px;
	height: 30px;
	margin-left: 63px;
}

.inputterm {
	width: 150px;
	height: 30px;
	float: left;
	text-align: left;
}

.inputterm span {
	font-size: 10px;
	font-style: italic;
	color: #333;
}

.inputarea {
	width: 350px;
	height: 30px;
	float: left;
}


.orderinginfo {
	text-align: left;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: black;	
}

.orderinginfo h2 {
	font-size: 18px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #FFC;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}