/* ======== CSS ==========  */


/* ----------------------------------------------
          GENERAL page layout
---------------------------------------------- */
	body,
	html {
		margin:0;
		padding:0;
		background-image: url(images/bkgrd.jpg);
		background-repeat: repeat-y;
		background-position: center;
		background-color: #333333;
		color:#000;
	}
	body {
		min-width:900px;
		margin: 0 auto;
	}


/* ----------------------------------------------
     FONTS for everything not specified
---------------------------------------------- */	
	BODY, H1, H2, H3, H4, H5, H6, TD, TH, DIV, PRE, CODE, SPAN, P, OL, UL, DL, DT, DD, LI, BLOCKQUOTE, ADDRESS
	{font-size=12px; COLOR: #666; FONT-FAMILY: Arial, Helvetica; TEXT-DECORATION: none;}
	
	body, div, p, th, td, li, dd    {
	    /* redundant selectors to help NS4 remember */
	    
	    font-family:  Arial, Helvetica, sans-serif;
	    
	    font-size:    11px;
	    }
	
	body, body div, body p, body th, 
	body td, body li, body dd    {
	/* more specific to override imported rule */
	    font-size:    12px;
	font-family:  Arial, Helvetica, sans-serif;
	/* false value for WinIE4/5 */
	    voice-family: "\"}\"";
	/* trick WinIE4/5 into thinking rule is over */
	    voice-family: inherit;
	    /* recover from trick */
	    font-size:    11px
	    /* intended value for better browsers */
	    
	    font-family:  Arial, Helvetica, sans-serif;	    
	    }	
	
	html>body, html>body div, html>body p, 
	html>body th, html>body td, 
	html>body li, html>body dd    {
	    font-size:    11px
	    /* be nice to Opera */
	    
	    font-family:  Arial, Helvetica, sans-serif;
	    
	    }

	p { 
	margin:0; 
	} 
	
	body a {
	font-size: 10px;
	color:#fff;
  	text-decoration:none;	
	}
	body a:visited {
  	color:#fff;
  	text-decoration:none;
  	}
	body a:hover {
  	color:Red;
  	text-decoration:none;
  	}
	body a img {
  	border-width:0;
  	}					

    a.LinkCompaniesCat:link {
  	color:#F52887;
  	text-decoration:none;
  	}

    a.LinkCompaniesCat:visited {
  	color:#F52887;
  	text-decoration:none;
  	}	  	
  	
    a.LinkCompaniesCat:hover {
  	color:#fff;
  	text-decoration:none;
  	}					

	div.LinkCompanies {
	position: absolute; top: 132px;
	font-size: 10px;
	color:#fff;
	text-decoration:none;
	top:2px;
	right: 10px;
	}
	div.LinkCompanies a {
	font-size: 10px;
	color:#F52887;
	text-decoration:none;
	}
	div.LinkCompanies a:visited {
  	color:#F52887;
  	text-decoration:none;
  	}
	div.LinkCompanies a:hover {
  	color:#fff;
  	text-decoration:none;
  	}
  		
	.hidden { position: relative; visibility:hidden; }
	.visible { position: relative; visibility:visible; }

    div.navBar 
    {
        position: absolute; top: 157px;
        background-color:#000;
        height: 18px; width: 900px;
        border-top: solid 3px #000;
        border-bottom: solid 2px #fff;
    }

    div.mainBody
    {
        position: absolute; top: 183px;
        background-color: White;
        height: 557px; width: 900px;
        border-top: solid 2px #000;
        border-bottom: solid 2px #000;
    }

    div.leftContentOutside
    {
        position: absolute; top: 0px; left: 0;
        background-color: white;
        height: 515px; width: 120px;
    }

    div.leftContentInside
    {
        position: absolute; top: 10px; left: 10;
        background-color: white;
        height: 495px; width: 110px;
        border-right: solid 2px gray;
        text-align:right;
        padding-right: 7px;
    }

    div.leftContentInside a 
    {
	font-size: 11px;
	color:gray;
  	text-decoration:none;
    font-weight:900;    
	}

    div.leftContentInside a:visited {
	font-size: 11px;
	color:gray;
  	text-decoration:none;
	font-weight:900;
	}

    div.leftContentInside a:hover {
	font-size: 11px;
	color:red;
  	text-decoration:none;
  	font-weight:900;
  	}
	
	div.centerContent
    {
        position: absolute; top: 0px; left: 120px;
        background-color: White;
        height: 505px; width: 430px;
        border-right: solid 2px black;
        padding: 5px;
        overflow:auto;
    }

	div.centerContentProducts
    {
        position: absolute; top: 0px; left: 120px;
        background-color: White;
        height: 505px; width: 430px;
        border-right: solid 2px black;
        padding: 5px;
        
        scrollbar-face-color: #C0C0C0;
        scrollbar-shadow-color: #fff;
        scrollbar-highlight-color: #fff;
        scrollbar-3dlight-color:#fff;
        scrollbar-darkshadow-color: #fff;
        scrollbar-track-color: #fff;
        scrollbar-arrow-color: #fff;
    }

	div.centerContentSearch
    {
        position: absolute; top: 9px; left: 5px;
        background-color: #C0C0C0;
        height: 30px; width: 426px;
        border: solid 1px Gray;
        padding-top: 2px;
    }

	div.centerProductsDetail
    {
        position: absolute; top: 47px; left: 0px;
        background-color: White;
        height: 454px; width: 424px;
        padding: 5px;
        overflow:auto; 
    }

	div.centerContentProduct1
    {
        position: relative; top: 0px; left: 0px;
        background-color: White;
        height: 100px; width: 407px;
    }

	div.centerContentProduct2
    {
        position: relative; top: 0px; left: 0px;
        background-color: #C0C0C0;
        height: 100px; width: 407px;
    }

	div.centerContentProductPic1
    {
        position: absolute; top: 5px; left: 5px;
        background-color: White;
        height: 90px; width: 75px;
        border: solid 1px Gray;
    }

	div.centerContentProductDesc1
    {
        position: absolute; top: 5px; left: 90px;
        background-color: White;
        height: 90px; width: 315px;
    }

	div.centerContentProductPic2
    {
        position: absolute; top: 5px; left: 5px;
        background-color: #C0C0C0;
        height: 90px; width: 75px;
        border: solid 1px Gray;
    }

	div.centerContentProductDesc2
    {
        position: absolute; top: 5px; left: 90px;
        background-color: #C0C0C0;
        height: 90px; width: 315px;
    }
    
	    div.rightContent
    {
        position: absolute; top: 0px; left: 563px;
        background-color: gray;
        height: 515px; width: 337px;
    }

    div.rightContent_Top
    {
        position: absolute; top: 0px; left: 563px;
        background-color: white;
        height: 315px; width: 337px;
        border-bottom: solid 3px black;
    }
    
    div.rightContent_Bottom
    {
        position: absolute; top: 300px; left: 563px;
        background-color: white;
        height: 200px; width: 337px;
    }    
    div.flashFooter
    {
        position: relative; top: 550px; left: 0px;
        height: 57px; width: 900px;
        background-color: #4c5356;
    }
    
/* ------------------------------------------------
     CONTENT - note wrap must be same width as body
------------------------------------------------- */		
	
	#wrap {
		background:#000;
		margin:0 auto;
		width:900px;
	}

	#bannerLeft {
		background:#000;
		margin:0 auto;
		float:left;
		width:750px;
		border-top:0;
		border-left:0;
		border-right:0;
		border-bottom:solid 2px white;
	}
	#bannerRight {
		background:#000;
		margin:0 auto;
		float:right;
		width:150px;
		height: 130px;
		border:0;
		border-bottom: solid 2px white;
		background-image: url(images/TopBarMap_sm.jpg);
	}	
	
	#signup {
		clear:both;
		background:#fff;
		margin:0 auto;
		width:900px;
		height:25px;
		color:orange;
		border:0;
	}	
	
	#content {
	clear:both;
	background:#000;
	margin:0 auto;
	width:900px;
	height:645px;
	border:0;
	padding-top: 17px;
	}
	
	#content h2,  p {
		padding:0 10px;
		color:#fff;
		margin-top:0px;
    }
				
	#footer {
		/*background:#333;*/
		height:50px;
	}
	#footer p {
		color:#666;
    }
	
	#footer a:link {
  	color:#999;
  	text-decoration:none;
  	}
	#footer a:visited {
  	color:#6a8a7f;
  	text-decoration:none;
  	}
	#footer a:hover {
  	color:#c60;
  	text-decoration:underline;
  	}	

	.hiddenPic {display:none;}
	.formField {display:none;}



/* print styles */
@media print{ .noprint {display: none} .justprint {display: inline}; }