/* ########### SHARED STYLES ########## */

.watermark
	{ 
 color: #C0C0C0; 
 font-size: 8px; 
  font-family: Arial, Sans-Serif;
	}


.accordionHeader
        {
            border: 1px solid #2F4F4F;
            color: white;
            background-color: #2E4d7B;
	        font-family: Arial, Sans-Serif;
	        font-size: 12px;
	        font-weight: bold;
            padding: 5px;
            margin-top: 5px;
            cursor: pointer;
        }

        #master_content .accordionHeader a
        {
	        color: #FFFFFF;
	        background: none;
	        text-decoration: none;
        }

        #master_content .accordionHeader a:hover
        {
	        background: none;
	        text-decoration: underline;
        }

        .accordionHeaderSelected
        {
            border: 1px solid #2F4F4F;
            color: white;
            background-color: #5078B3;
	        font-family: Arial, Sans-Serif;
	        font-size: 12px;
	        font-weight: bold;
            padding: 5px;
            margin-top: 5px;
            cursor: pointer;
        }

        #master_content .accordionHeaderSelected a
        {
	        color: #FFFFFF;
	        background: none;
	        text-decoration: none;
        }

        #master_content .accordionHeaderSelected a:hover
        {
	        background: none;
	        text-decoration: underline;
        }

        .accordionContent
        {
            background-color: #D3DEEF;
            border: 1px dashed #2F4F4F;
            border-top: none;
            padding: 5px;
            padding-top: 10px;
        }







	body {
		text-align:center;
		background: #FFF;
		margin-top: 0;
		background: url(images/background.gif) repeat-x;
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		}	
	
	#frame {
		width:986px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		/* border: 1px solid black; */
		}
	a:visited { color: #3A5C9F; text-decoration: none; }
	a:hover { color: #3A5C9F; text-decoration: underline; }
	a { color: #3A5C9F; text-decoration: none; }		
		
	#header {
		/* margin-bottom: 10px; */
		background: url(images/nav1_top.gif); 
		height: 60px;
		width: 986px;
		}
	#login { 
		float: right;	
		}
	#login .space {
		margin: 16px 260px 0 0;
		}
	#login input {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color: #000; background-color: #ddd; margin-left: 5px;  } 	
		
	#headerprint {
		display: none;
		}
	
		
	#nav1 {
		background:#fff;
		width: 986px;
		}
	#nav2 { 
		width: 986px; height: 18px; text-align: center;  font-size: 10px; font-style: normal; color: #BBB; vertical-align: middle; }
		
	#nav2 a {  color: #FFF; vertical-align: middle; }	
			
	
	#footer { 
		width: 986px;
		height: 40px;
		font-size: 65%;
		color: #999;
		text-align: center;
		display: inline;
		clear: all;
		}	
	#footer p {
		padding: 20px 180px;
		line-height: 1.5em;
		}	
	#footer a:visited {
		text-decoration: none;
		}
	#footer a:hover {
		text-decoration: underline;
		color: #566C11;
		}
	#footer a {
		text-decoration: none;
		color: #758B2E;
		}		

		
		
/* ########### BEGIN LEFT CELL ELEMENTS ########## */

	#content { 
		background-image: url(images/background_content.gif); background-repeat: repeat-y;
		}
		
	#left {
		font-size: 75%;
		width:166px;
		padding:0px;
		float:left;
		background: #E5E9F0;
		}
/* this subclass pads the sidebar out without blowing everything up */		
	#left .element {
		 padding: 10px 10px;

		}
/* this controls the pictures and select boxes */	
	#left .element select, #leftnav select {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #000;  width: 110px; background-color: #DDD; }
	#left .element input, #sideleftnav input {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #000;  width: 100px; background-color: #DDD; }		
	/* navigation styling (each link is contained in a DIV class="leftnav" */	
	.leftnav { width: 166px;  border-top: 1px solid #FFF; border-bottom: 1px solid #ddd; padding: 3px 0; margin: 0; }
	.leftnav a:visited { color: #022B78;  } 
	.leftnav a:hover { color: #022B78;  } 
	
	.leftnav a { padding: 3px 10px; margin: 3px 0; font-size: 11px; font-style: normal; color: #022B78; } 
	/* spacing for the image files */		
	.sp1 { margin: 19px 0 0 0;
	       }

	
	
/* ########### BEGIN CENTER CELL ELEMENTS ########## */	
	
	#center {
		font-size:80%;
		width:660px; /* 660px */
		padding:0px;
		float:left;
		background:#FFF;
		margin-bottom: 20px;
		}
/* this subclass pads the center out without blowing everything up */			
	#center .element {
		padding: 10px 20px;
		}		
	#center .element p {
		padding: 0;
		margin: 0 0 10px 0;
		line-height: 1.7em;
		}
	#center .element li { 
		line-height: 1.5em;
		margin-left: -10px;
		list-style-type: circle;
		}	
	#center .element h2 {
		font-size: 120%;
		margin: 20px 0 5px 0;
		color: #666;
		}		
	#center .element h3 {
		font-size: 110%;
		margin: 20px 0 5px 0;
		color: #000;
		}		
	#center .element .header {
		margin: 10px 0 20px 0;
		}
		
/* ########### BEGIN AD STYLING ELEMENTS ########## */			
		
	.adcont { width: 195px; float: left; } 	
	.ad {
		width: 195px; background-color: #CCC; text-align: center;
		background-image: url(images/background_ad_t.gif);
		}	
	.ad table { width: 175px; text-align: left; padding-top: 10px;  }	
	.ad table td { padding: 2px 5px; }
	.ad table .price { color: #933E3E; text-align: right; font-weight: bold; }
	.ad table .name a:visited { color: #3A5C9F; }
	.ad table .name a:hover { color: #3A5C9F; }
	.ad table .name a { font-weight: bold; color: #3A5C9F; }
	.space { margin-right: 10px; }
		
		
/* ########### BEGIN RIGHT CELL ELEMENTS ########## */			
		
	#right { 
		background-image: url(images/mainright_blank.gif);
		background-repeat: no-repeat;
		font-size:75%;
		width: 160px;
		float: left;
		vertical-align: top;
		}
	#rightclear {
		font-size:75%;
		width: 160px;
		float: left;
		vertical-align: top;
		margin-top: 40px; 
		}	
		
/* NOT QUITE SURE IF WE NEED THIS YET */	
	/* this is specifically for IE */
	#right .element { padding: 30px 10px; vertical-align: top; height: 250px;	} 
	/* for everything else */
	html>body #right .element { padding: 30px 10px; vertical-align: top; }

	
	#right .element p, #right .element div { 
		margin: 0; 
		padding: 0;
	 	font-family: arial, helvetica, sans-serif; 
		font-size: 90%; 
		color: #666; 
		vertical-align: top;
		font-weight: bold;
		line-height: 1.5em;  }
	#right .element p.login { 	
		border-bottom: 1px solid #999; 
		}
		
	#right .element .cp { padding-top: 10px; line-height: 14px; }
	/* each of these links will go in a DIV class */
	#right .element a:visited { color: #3A5C9F; text-decoration: underline; } 
	#right .element a:hover { color: #3A5C9F; text-decoration: none; } 
	#right .element a { color: #3A5C9F; text-decoration: underline;  font-weight: normal; } 
	
	#right .element .mc { padding-top: 10px; margin-top: 20px; color: #933E3E; border-top: 1px solid #999; }
	#right .element .mc a:visited { color: #933E3E; }
	#right .element .mc a:hover { color: #933E3E; }
	#right .element .mc a { color: #933E3E; }
	#right .element .bt { margin-top: 15px; text-align: right; }
	
/* ########### THIS IS ALL TABLE CELL FORMATTING ########## */		
	
	/* beginning with formatting for search result tables */
	
	.table1 { width: 620px; }
	.table2 { width: 600px; text-align: left; }
	.table3 { width: 160px; }

	/* use these in conjunction with psearch to control table width, e.g., class="table1 psearch" */
	
	.psearch {  }
	/* this is formatting for the data table */
	.psearch td { vertical-align: top;  border-bottom: 1px solid #CCC;  padding: 4px 2px; }
	/* cell-level formatting shared by the whole table */
	.psearch .head { font-weight: bold; font-size: 130%; color: #933E3E; border-bottom: none; padding-top: 20px;}

	.bold { font-weight: bold; }
	.legend {  color: #666; font-size: 85% }
	.balance td { font-weight: bold; font-size: 110%; background-color: #EFEFEF; }

	.psearch .legend td { font-size: 85%; color: #666; line-height: 12px; vertical-align: bottom; }
	.psearch .legend td a:visited { color: #A25B00;  } 
	.psearch .legend td a:hover { color: #A25B00;  } 
	.psearch .legend td a { color: #A25B00;  font-weight: normal; }		
	/* headline-specific styling */
	.psearch .price { color: #933E3E; font-weight: bold; text-align: right; }
	
	/* styles the additional products links throughout the site (both on the Product Search page and in all ad decks) */
	.more {  text-align: right; }
	.psearch .more a:visited, .more a:visited {  color: #A25B00; font-weight: normal; text-decoration: none; !important } 
	.psearch .more a:hover, .more a:hover {  color: #A25B00; font-weight: normal; text-decoration: underline; !important } 
	.psearch .more a, .more a { font-size: 85%; font-weight: normal; color: #A25B00; text-decoration: none; background: #EFEFEF; padding:0 5px; !important  } 
	/* controls both the price formatting and the "more" link beneath */	
	.psearch td a:visited { color: #3A5C9F; text-decoration: none; } 
	.psearch td a:hover { color: #3A5C9F; text-decoration: underline; } 
	.psearch td a { color: #3A5C9F; text-decoration: none; font-weight: bold; }	
	/* color and size formatting for any links found in this table */
	.psearch tr.footer td { border-bottom: none; background: url(images/background-footer.gif) repeat-x; background-color: #EFEFEF; font-size: 90%; text-align: right; margin-right: 10px; padding-right: 10px; }
	.psearch tr.footer td a:visited {  color: #A25B00;  !important } 
	.psearch tr.footer td a:hover {  color: #A25B00;  !important } 
	.psearch tr.footer td a {  font-weight: normal; color: #A25B00; !important } 

/* for the industry and product landing pages */
	.lineup { font size: 100%; vertical-align: top; text-align: center; } 
	.lineup tr.space td { padding-bottom: 20px; vertical-align: top; }

	
/* formatting for the lookup tables (e.g. Invoice List pages) */	
	.lookup { background: url(images/background_search.gif) repeat-x; margin-bottom: 30px; }
	.lookup td { padding: 5px 3px; }
	.lookup input.btn, .btn { background-color: #973933; color: #FFF; font-size: 10px; }
	
	
	/* formatting for Education and News page tables */
	.edtable td { vertical-align: top; line-height: 1.5em; font-size: 75%; }
	/* add a space and border at the bottom of the table row */
	.edtable tr.space td { padding-bottom: 15px; border-top: 1px solid #CCC; }
	.edtable tr.footer td { border-top: 1px solid #CCC; font-size: 80%; text-align: right; }
	.edtable td a {  font-weight: bold; }	 
	
	.form td { vertical-align: top;  border-bottom: 1px solid #CCC; padding: 2px 2px; }
	.form td input, .form td select { background-color: #EFEFEF; }
	
/* sitewide image formatting     */	
	.imgright { float: right; margin: 0 20px 20px 20px; }
	.imgleft { float: left; margin: 0 20px 10px 0; }
	
/* quote formatting for Industry pages */
	.quote { width: 600px; float: left; margin: 20px; padding: 20px; font-family: Georgia, Times New Roman,  serif; font-size: 16px; color: #666; line-height: 28px; border-top: 1px double #CCC; border-bottom: 1px double #CCC; background-color: #E4E6F2; }
	.quote .name { font-size: 10px; line-height: 14px; }
	
	
/* formatting for product description pages */
	
	/* show hide layers */
	#section { width: 620px;  position: absolute; display: block; float: left; border: }
	#sec1 { width: 620px; text-align: center; position: absolute; top: 0px; left:0px; visibility:block; z-index: 100; background-color:#FFF; display: inline; }
	#sec2 { width: 620px; text-align: center; position: absolute; top: 0px; left:0px; visibility:hidden; z-index: 200; background-color:#FFF; display: inline; }
	#sec3 { width: 620px; text-align: center; position: absolute; top: 0px; left:0px; visibility:hidden; z-index: 300; background-color:#FFF; display: inline; }
	
	/* this is the ruled box around the tabbed data display */
	.pdetail { width: 620px; text-align: center; border-right: 1px solid #B8B8B8; border-left: 1px solid #B8B8B8; border-bottom: 1px solid #B8B8B8;  }
	.detail td { text-align: center; }

	/* right side tables-this is a class because there are multiple tables involved */
	.tabledata { width: 600px; font-size: 100%; }
	.tabledata td { padding: 3px 4px; line-height: 15px; text-align: left; vertical-align: top; }
	.tabledata .head { color: #933E3E; font-size: 130%; font-weight: bold; padding-top: 10px; }
	.tabledata a:visited { color: #022B78; text-decoration: none; } 
	.tabledata a:hover { color: #022B78; text-decoration: underline; } 
	.tabledata a { color: #022B78; text-decoration: underline; font-size: 11px; font-style: normal; } 

	.tabledata ul { margin: 0 0 0 25px; }
	.tabledata li { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px;  }

	/* setting up the odd even cell coloring */
	.tabledata .odd td { background: #f2f2f2; border-bottom: 1px solid #e6e6e6;  }	
	
/* this is styling the show/hide accessories section in the display tab */
	.headline  { width: 590px; text-align: left; background-color: #E5E9F0; font-weight: bold; font-size: 110%; color: #333; padding: 3px; margin: 0 5px 5px 10px; }
	/* styles the plus/minus buttons in the Accessories subtabs */
	#button1, #button2, #button3, #button4, #button5, #button6 { margin: 0 8px 0 5px; }
	#item1, #item2, #item3, { width: 600px; }
	#item1 {display: block; }
	#item2, #item3 { display: none; }
	
/* description page header table */
	#desc { background-color: #F2F2F2; }
	#desc td { padding: 5px 10px; }
	#desc .head td { font-size: 120%; font-weight: bold; border-bottom: 1px solid #CCC; margin-bottom: 10px; padding-bottom: 10px; }
	#desc .price { color: #933E3E; text-align: right; }
	#desc .stock { background-color: #CCC; padding: 7px 0; font-weight: bold; }
	#desc .promo { background-color: #D3DAF1; border-top: 5px solid #F2F2F2; }
	#desc .legal { font-size: 80%; color: #666; }
	#desc .promo a:visited { color: #666; text-decoration: underline; } 
	#desc .promo a:hover { color: #666; text-decoration: none; } 
	#desc .promo a { color: #666; text-decoration: underline;  } 
	
/* categories */
	.category { width: 160px; font-size: 11px; margin-top: 10px; }
	.category td { padding: 2px 3px; line-height: 15px; }
	.category .odd td { background: #f2f2f2; border-bottom: 1px solid #e6e6e6;  }	
	.category a:visited { color: #022B78; text-decoration: none; } 
	.category a:hover { color: #022B78; text-decoration: underline; } 
	.category a { color: #022B78; text-decoration: none; } 
	.category tr th { color: #000; font-size: 12px; padding-bottom: 3px; border-bottom: 1px solid #CCC;  }
	
	.category td.categoryleg  { border-top: 1px solid #CCC; text-align: right; !important }
	.category td.categoryleg a:visited { text-decoration: none; color: #A25B00; !important}
	.category td.categoryleg a:hover { text-decoration: underline; color: #A25B00;  !important}
	.category td.categoryleg a { text-decoration: none; font-size: 10px; font-weight: normal; color: #A25B00;  !important}
	
/* news listings */
	.news {  }
	.news td { padding: 2px 3px; line-height: 15px; font-size: 90%; }
	.news tr.odd td { background: #f2f2f2; border-top: 1px solid #e6e6e6;  }	
	.news tr.head td { font-weight: bold; font-size: 100%; color: #000; padding-top: 10px; border-bottom: 1px solid #e6e6e6; }