/* geeco.css
written 01/20/2004 - revised 5/18/2013
blue color is now #243587 */

/* --------------- TAG descriptors --------------- */

a img	{
border:0;
}

body	{  font-family: veranda, arial, helvetica, sans-serif;
	   font-size:10pt; font-weight:400; color:black;
	  background-color: #ececec;
	  /* background-image:url(gfx/web/table_backgroundcircuit.gif);*/
	   margin: 0px;
	   padding: 0px 0px 0px 0px;
}

body2 	{ background-color: #fff;
	  font-size: 100%;
	  font-family: Arial, Helvetica, sans-serif; }


body3 {
	background-color: #c4c8eb;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

h1,h2	{font-weight: 700;
	 color: #243587;
}

/* /////////////////////////////////////////////
Menu code
//////////////////////////////////////////// */
.menu	{height:10px; }
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin-left:24px;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}
/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:18px;
}
/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:12px;
font-weight:600;
width:140px;
padding:4px 0;
color:#FFFFFF;
background:#243587;
text-decoration:none;
margin-right:1px;
text-align:center;
font-family:verdana, sans-serif;
}
/* style the links hover */
.menu :hover{
color:#FFFFFF;
background:#CCCCCC;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:148px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
/* ////////////////////////// end of menu code //////////////////////// */

/* ------------- ID descriptors ------------- */
#mainmenu	{
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	background-color: #243587;
}

#logo	{
	background-color: #ffffff;
	margin-left: auto ;
   	margin-right: auto ;
    	padding:0px 0px 0px 0px;
	height:100px;
	/*border: 2px solid #243587;*/
}
	
#wrapper {
	width: 896px;
	margin-left: auto ;
   	margin-right: auto ;
    	padding:0px 0px 0px 0px;
	text-align:left;
	background-color: #FFFFFF;
	/*border: 1px solid #243587;*/
	clear: both;
}

 #header {
	width: 876px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	clear: both;
} 
#headertop {
}

#navbar {
}
/* ------------- New Stuff ------------- */

#mainarea	{
	width: 876px;
	background-color: #FFFFFF;
	margin: 0px  auto  0px  auto;
	padding: 10px 10px 10px 10px;
	text-align: center;
	clear: both;
	float: left;
}

#prod_left	{
	height:700px; overflow: auto;
}
#footer2	{
	width: 896px;
	height: 30px;
	background-color: #243587;
	padding-top: 5px;
	float: left;
}
#footer-old	{
	width: 900px;
	height: 70px;
	font-size: .75em;
	background-color: #243587;
	float: left;
}
.menubar	{
	background-color: #243587;
	border-right: solid black 1px;
	height: 30px;
}
.menubar2 {
	background-color: #243587;
	color:white;
	clear:both;
}

.info_block	{ width:630px; margin-left: auto; margin-right: auto; text-align: left; font-size: 12pt; color:#243587; }
.info2		{  width:630px; margin-left: auto; margin-right: auto; text-align: left; font-size: 10pt; color:#000000; }
.prod_head	{ width: 300px;float: left; margin-left: 50px; text-align: left; font-size: 12pt; color: #243587; clear: both; }
.prod_name	{ width: 180px; float: left; margin-left: 75px; text-align: left; font-size: 10pt; color: black; clear: both; }
.prod_links	{ width: 475px; float: left; text-align: left; }
.products	{ width:140px; background-color:#243587; height:22px; text-align:center; margin-left:11px; padding-top: 3px; }
.leftside	{ border-right: 1px solid #243587;}
.menubox	{ width: 890px; background-color: #ffffff; height:75px; clear:both;}
.logobox	{ width: 700px; float:left; clear:both; }
.addrbox	{ width: 175px; text-align: left; float: right; color: #243587; font-size: 10pt; padding-top: 15px; }
.addrbox2	{ width: 175px; text-align: left; float: right; color: #000000; font-size: 10pt; padding-top: 15px;}

#topframe	{ width:100%; float: left; }
#bottonframe	{ clear: both; width: 100%; float:left; border: 1px solid black; margin-top: 10px;}
.spacer		{ clear: both; width:650px; height:5px; float: left; }
.adbox1	{ width:500px; height: 250px; text-align: center; border: 1px solid #243587; float:left; }
.adbox2	{ width:165px; height: 250px; text-align: center; border: 1px solid #243587; float: right; font-size: 12pt; color: #243587;}

.leftpanel		{ width:300px; height: 320px; text-align: left; float:left; padding: 10px; border-right: 1px solid #243587;}
.rightpanel	{ width:322px; height: 320px; text-align: center; float: right;}

#product_box	{ width:800px; height: 700px; margin-left: auto; margin-right: auto; overflow: auto; clear:both; }
#adbox 		{
	width:500px;
	height: 250px;
	float: left;
	text-align: center;
	border: 1px solid #243587;
}

#sidebar	{
	font-size: 10pt;
	font-weight: 500;
	color: #243587;
	text-align: left;
	padding: 0px 10px 0px 10px;
}
/* -----------------------------------
----End of new stuff ----
----------------------------------- */


/* --------------------------------------------
-------- Stuff for cart menu  --------
---------------------------------------------- */

#cartmenu {
	font-family:"arial";
	font-weight:bold;
	font-size: .8em;
	margin: 0 0 0 0;
	width: 850px;
	text-align: center;
}
#cartmenu li {
	float: left;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	white-space: nowrap;
}
#cartmenu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
}
#cartmenu a {
	padding: 2px 380px 2px 380px;
	/*padding: 2px 9px 2px 8px;*/
	border: 1px solid;
	border-color: #ddd #000 #000 #ddd;
	background-color: #000000;
	background-image:  url(gfx/web/darkbar.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-decoration: none;
	color: #000000;
}
#cartmenu a:link, #navlist a:visited {
	color: #000000;
}
#cartmenu a:hover, #navlist a:active {
	background-color: #000000;
	background-image:  url(gfx/web/lightbar.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #000000;
}
/* -------------------------------------------
-------- end of cart menu ------------
------------------------------------------- */
#printwrap {
	width: 750px;
	margin: 0px auto 0px auto;
	padding:0px 0px 0px 0px;
	border: 1px solid;
	border-color: #000000;
}
#subarea {
	background: none;
	text-align: center;
	padding:10px 50px 10px 50px;
	background-color: #FFFFFF;
}

#listarea {
	width:600px;
	background: none;
	background-color:#FFE844;
	text-align: left;
	padding:50px 20px 10px 50px;
	border: 1px solid;
	border-color: #000000;
} 

#head	{
	border: none;
	background-color: #FFE844;
}

#popup	{
	width: 90%;
	padding: 20px 0px 20px 0px;
	text-align: center;
	background-color: #FF0000;
	font-size: 12pt;
	color: white;
	}



	
/* --------------- CLASS descriptors ----------------*/

.head1	{
	font-size:16pt;
	font-weight: 700;
	color: #243587;
}
.head2	{
	font-size:12pt;
	font-weight: 700;
	color: #243587;
}	
.footertext1	{
	font-size:10pt;
	font-weight: 700;
	color:white;
}
	
.footertext2	{
	font-size:6pt;
	Font-weight: 400;
	color:white;
}


.email	{
	width:125px;
	background-color:white;
	float:left;
}
.titles	{
	width:125px;
	background-color:white;
	float:left;
}
	

.list  { 
	text-align: center;
	text-decoration: underline;
	font-size:14pt;
	font-weight:600;
	color:black;
}

.item	{
	text-align: left;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
	font-size:10pt;
	font-weight:500;
	color:black;
}

.medgold {
	border: none;
	background-color: #FFCC00;
}

:active, :focus	{ outline: none }

A.prodlink {
	font-weight: 500;
	font-size: 10pt;
	text-decoration: underline;
	color: #243587;
}

A.prodlink.hover {
	font-weight: 500;
	font-size: 10pt;
	text-decoration: underline;
	color: #C0C0C0;
}
	
A.menu {
	font-weight: 500;
	font-size: 14pt;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #243587;
}	

A.menu:hover {
	font-weight: 500;
	font-size: 14pt;
	text-decoration: none;
	color: #C0C0C0;
}

A.menu2 {
	font-weight: 500;
	font-size: 12pt;
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #243587;
}	

A.menu2:hover {
	font-weight: 500;
	font-size: 12pt;
	text-decoration: underline;
	color: #C0C0C0;
}

A.bottom {
	font-weight: 500;
	font-size: 8pt;
	text-decoration: underline;
	color: #243587;
	background-color: #FFFFFF;
}	

A.bottom:hover {
	font-weight: 500;
	font-size: 8pt;
	text-decoration: none;
	color: #C0C0C0;
}

.listlink:link, .listlink:visited   {
		font-size:12pt;
		font-weight: 600;
		color:red;
		text-decoration:underline;
}

.listlink:hover,  .listlink:focus   {
		color:white;
		text-decoration:underline;
}

A.bodylink   {
		font-size:9pt;
		font-weight: 600;
		color: red;
		text-decoration:underline;
}

A.bodylink:hover  {
		color:gray;
		text-decoration:none;
}

A.qlink   {
		font-size:9pt;
		font-weight: 500;
		color: green;
		text-decoration:underline;
}

A.qlink:hover  {
		color:gray;
		text-decoration:none;
}

A.link8	{
		font-size:8pt;
		font-weight: 600;
		color: black;
		text-decoration:underline;
}

A.link8:hover	{
		color:gray;
		text-decoration:underline;
}
		
.boxhead {
	BORDER: 1px solid #000000;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #000000;
	LINE-HEIGHT: 12pt;
}

.normal {
	FONT-WEIGHT: 500;
	FONT-SIZE: 10pt;
	COLOR: #000000;
	LINE-HEIGHT: 12pt;
}

.size8 {
	FONT-WEIGHT: 500;
	FONT-SIZE: 8pt;
	COLOR: #000000;
	LINE-HEIGHT: 9pt;
}

.gray10 {
	FONT-WEIGHT: 500;
	FONT-SIZE: 10pt;
	COLOR: #243587;
}
.size8bold {
	FONT-WEIGHT: 600;
	FONT-SIZE: 8pt;
	COLOR: #000000;
	LINE-HEIGHT: 9pt;
}

.small {
	BORDER: none;
	TEXT-ALIGN: left;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	COLOR: #000000; 
	LINE-HEIGHT: 9pt; 
}

.smallbold {
	BORDER: none;
	TEXT-ALIGN: center;
	FONT-WEIGHT: 700; 
	FONT-SIZE: 8pt; 
	COLOR: #000000; 
	LINE-HEIGHT: 9pt; 
}
.smaller {
	BORDER: none;
	TEXT-ALIGN: left;
	FONT-WEIGHT: 500; 
	FONT-SIZE: 6pt; 
	COLOR: #000000; 
	LINE-HEIGHT: 8pt; 
}

.title {
	FONT-WEIGHT: 700; 
	FONT-SIZE: 12pt; 
        COLOR: #000000; 
	LINE-HEIGHT: 14pt;
}

.redtitle {
	FONT-WEIGHT: 700; 
	FONT-SIZE: 12pt; 
        COLOR: #FF0000; 
	LINE-HEIGHT: 14pt;
}

.headline {
	FONT-WEIGHT: 700; 
	FONT-SIZE: 14pt; 
        COLOR: #000000; 
	LINE-HEIGHT: 16pt;
}

.redhead {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 18px; 
	COLOR: #FF0000; 
	LINE-HEIGHT: 20px; 
}



/* --- old stuff ----*/

.red1	{  font-size:16pt; color:red;  }
.red2	{  font-size:14pt; color:red;  }
.red3	{  font-size:12pt; color:red;  }

.blk0  	 {  font-size:10pt; color:black;  }
.blk1	{  font-size:16pt; color:black;  }
.blk2	{  font-size:14pt; color:black;  }
.blk3	{  font-size:12pt; color:black;  }
.blksmall	{  font-size:8pt; color:black;  }

.navbar a:link, .navbar a:visited	{
		font-size:10pt; font-weight:600; color:black;
		padding:1em;
		margin:0em;
                		display:block;
		text-decoration:none;
		background: url("images/buttons/blank_blue.gif") transparent 50% 50% no-repeat;
		}

.navbar a:hover, .navbar a:focus	{ color:white;  }

.navbar2 a:link, .navbar2 a:visited	{
		font-size:9pt; font-weight:600; color:black;
		padding:1em; margin:0em; display:block;
		text-decoration:none;
		background: url("images/buttons/blank_blue.gif") transparent 50% 50% no-repeat;
		}
.navbar2 a:hover, .navbar2 a:focus	{ color:white;  }


.tablink:link	{  font-size:12pt; font-weight: 600; color:#243587; font-family: veranda, Arial, Helvetica, sans-serif;  }
.tablink:hover	{ color: #cacaca; }
.tablink:visited	{  color:#243587; }

/**************** Fonts *****************/

/* ---------------- Black Fonts ---------------------*/
.blk6	{ font-size:6pt; font-weight:500; color:black;  }
.blk7	{ font-size:7pt; font-weight:500; color:black;  }
.blk8	{  font-size:8pt; font-weight:500; color:black;  }
.blk9	{  font-size:9pt; font-weight:500; color:black;  }
.blk10  	{  font-size:10pt; font-weight:500; color:black; }
.blk12	{  font-size:12pt; font-weight:500; color:black; }
.blk14	{  font-size:14pt; font-weight:500; color:black; }
.blk16	{  font-size:16pt; font-weight:500; color:black; }
.blk18	{  font-size:18pt; font-weight:500; color:black; }
.blk20	{  font-size:20pt; font-weight:500; color:black; }

.blk8bold		{  font-size:8pt; font-weight:700; color:black;  }
.blk9bold 		{  font-size:9pt; font-weight:700; color:black;  }
.blk10bold 	{  font-size:10pt; font-weight:700; color:black; }
.blk12bold	{  font-size:12pt; font-weight:700; color:black; }
.blk14bold	{  font-size:14pt; font-weight:700; color:black; }
.blk16bold	{  font-size:16pt; font-weight:700; color:black; }
.blk18bold	{  font-size:18pt; font-weight:700; color:black; }
.blk20bold	{  font-size:20pt; font-weight:700; color:black; }

/* ---------------- Red Fonts -----------------------*/

.red8	{  font-size:8pt; font-weight:500; color:red;  }
.red10	{  font-size:10pt; font-weight:500; color:red; }
.red12	{  font-size:12pt; font-weight:500; color:red; }
.red14	{  font-size:14pt; font-weight:500; color:red; }
.red16	{  font-size:16pt; font-weight:500; color:red; }
.red18	{  font-size:18pt; font-weight:500; color:red; }
.red20	{  font-size:20pt; font-weight:500; color:red; }


.red8bold		{  font-size:8pt; font-weight:700; color:red;  }
.red10bold	{  font-size:10pt; font-weight:700; color:red; }
.red12bold	{  font-size:12pt; font-weight:700; color:red; }
.red14bold	{  font-size:14pt; font-weight:700; color:red; }
.red16bold	{  font-size:16pt; font-weight:700; color:red; }
.red18bold	{  font-size:18pt; font-weight:700; color:red; }
.red20bold	{  font-size:20pt; font-weight:700; color:red; }

/* ---------------- Blue Fonts -----------------------*/

.blu8	{  font-size:8pt; font-weight:500; color:#243587;  }
.blu9	{ font-size:9pt; font-weight:500; color:#243587;  }
.blu10	{  font-size:10pt; font-weight:500; color:#243587; }
.blu12	{  font-size:12pt; font-weight:500; color:#243587; }
.blu14	{  font-size:14pt; font-weight:500; color:#243587; }
.blu16	{  font-size:16pt; font-weight:500; color:#243587; }
.blu18	{  font-size:18pt; font-weight:500; color:#243587; }
.blu20	{  font-size:20pt; font-weight:500; color:#243587; }


.blu8bold		{  font-size:8pt; font-weight:700; color:#243587;  }
.blu9bold		{ font-size:9pt; font-weight:700; color:#243587;  }
.blu10bold	{  font-size:10pt; font-weight:700; color:#243587; }
.blu12bold	{  font-size:12pt; font-weight:700; color:#243587; }
.blu14bold	{  font-size:14pt; font-weight:700; color:#243587; }
.blu16bold	{  font-size:16pt; font-weight:700; color:#243587; }
.blu18bold	{  font-size:18pt; font-weight:700; color:#243587; }
.blu20bold	{  font-size:20pt; font-weight:700; color:#243587; }


/* ---------------- Green Fonts ---------------------*/
.grn6	{ font-size:6pt; font-weight:500; color:green;  }
.grn8	{  font-size:8pt; font-weight:500; color:green;  }
.grn9	{  font-size:9pt; font-weight:500; color:green;  }
.grn10  	{  font-size:10pt; font-weight:500; color:green; }
.grn12	{  font-size:12pt; font-weight:500; color:green; }
.grn14	{  font-size:14pt; font-weight:500; color:green; }
.grn16	{  font-size:16pt; font-weight:500; color:green; }
.grn18	{  font-size:18pt; font-weight:500; color:green; }
.grn20	{  font-size:20pt; font-weight:500; color:green; }

.grn8bold		{  font-size:8pt; font-weight:700; color:green;  }
.grn9bold 		{  font-size:9pt; font-weight:700; color:green;  }
.grn10bold 	{  font-size:10pt; font-weight:700; color:green; }
.grn12bold	{  font-size:12pt; font-weight:700; color:green; }
.grn14bold	{  font-size:14pt; font-weight:700; color:green; }
.grn16bold	{  font-size:16pt; font-weight:700; color:green; }
.grn18bold	{  font-size:18pt; font-weight:700; color:green; }
.grn20bold	{  font-size:20pt; font-weight:700; color:green; }

/* ---------------------- White Fonts ---------------------- */

.wht6	{ font-size:6pt; font-weight:500; color:white;  }
.wht8	{  font-size:8pt; font-weight:500; color:white;  }
.wht9	{  font-size:9pt; font-weight:500; color:white;  }
.wht10       {  font-size:10pt; font-weight:500; color:white; }
.wht12	{  font-size:12pt; font-weight:500; color:white; }
.wht14	{  font-size:14pt; font-weight:500; color:white; }
.wht16	{  font-size:16pt; font-weight:500; color:white; }
.wht18	{  font-size:18pt; font-weight:500; color:white; }
.wht20	{  font-size:20pt; font-weight:500; color:white; }

.wht8bold		{  font-size:8pt; font-weight:700; color:white;  }
.wht9bold 	{  font-size:9pt; font-weight:700; color:white;  }
.wht10bold 	{  font-size:10pt; font-weight:700; color:white; }
.wht12bold	{  font-size:12pt; font-weight:700; color:white; }
.wht14bold	{  font-size:14pt; font-weight:700; color:white; }
.wht16bold	{  font-size:16pt; font-weight:700; color:white; }
.wht18bold	{  font-size:18pt; font-weight:700; color:white; }
.wht20bold	{  font-size:20pt; font-weight:700; color:white; }