/* dec2005.css  made from rulano.css  1dec2005 rg */

p {
	margin-top: 2px;
}

/*   Listings      */

div#listings {
	color: black;
  width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	border-bottom: 1px solid #84b0c7;
	border-left: 1px solid #84b0c7;
	border-right: 1px solid #84b0c7; 
	}



/* the style in the frameset TOC ========================================== */

ul#frameleftnav { 

width: 7em; 

list-style-type: none;

margin: 0;

padding: 0;

}



ul#frameleftnav li 

{

  list-style: none;

  background-color: #fff;

  text-align: left;

	padding: 0;  margin: 0;

	border-top: 1px solid #e8e8e8;

	color: #999;

	font-family: Verdana, Arial, sans-serif;

	font-size: 12px;	font-weight: bold;

/*	width: 150px; */

}



ul#frameleftnav li a {

  display: block;

  text-decoration: none;

  padding: .25em;

 /* border-bottom: solid 1px #c99;

  border-right: solid 1px #c99; */

}









/* ---------------------------------------------------------------------- Right Column */

/* created 20dec2005 rg*/



#rightside {

width: 160px;

font-family: Arial, Helvetica, sans-serif;

}



.RightHeader {

	font-size: 11px;

	background-color: #F0F0F0;

	text-align: center;

	font-weight: bold;



	padding-top: 5px;

	

	

}

.RightText{

	border:1px #FFCC66 solid;

	font-size: 9px;

	}

	

	



/* RightListNav ================================================================== */

#RightListNav {

	

}



#RightListNav ul {

list-style-type: none;

margin: 0;

padding: 0;

}



#RightListNav li {

list-style: none;

margin: 0;

text-align: left;

}



#RightListNav ul li a  {

text-decoration: underline;

font-size: 10px;

}



#RightListNav ul li a:hover {

	color: #FF6600;

  background-color: #efefef;

	text-decoration: none;

}





/*                                             Dist ributor  Pages*/

/* under the territory tabs are links to countries      

   I made this a class for other Tab Sub Links 8jan2007 .subtablinks  */        

#CountryLinks {

background-color: #FFF;  /* Must be white like current id TAB color */ 



/*  to help with the creation of an outer border*/	

	

	

	padding-left: 30px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: left;	

	vertical-align: middle;

	margin: 0px;

}



.DistHeader {

	background-image: url(/images/backgrounds/RedPurpleHeaderBg.31h.gif);

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	font-size: 16px;

	vertical-align: middle;

	padding: 4px 0px 4px 8px;

	font-weight: bold;

}



.DistHeader td {

	border: 1px solid #000000;

	}

	

	

.DistAddress {

	font-family: Arial, Helvetica, sans-serif;

	color: black;

	font-size: 12px;

	vertical-align: top;

	padding: 8px;

	width: 33%;

}



/*                                                               Contact Pages */
#blankspace td {border: none;}

#RepPhones td, #InternationalContacts td, #Asia td { 
   border:1px #FFCC66 solid;}

.phones {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	vertical-align: top;
}

.states {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
}



/*  Left nav Products  */





#leftnavproductswrapper  {

	width: 140px;



}



.prodheader {

}



.prodpicture {

}

.prodcaption {

}





/*   ================================ leftnav  */

/*   common leftnav TD, which is in leftnav.inc */

#leftnav {

	width: 120px;

	border: 1px #000066 solid;

	text-align: left;

	background: #F0F0F0; /* Light Gray  */

	vertical-align: top;

}



#leftnav a {

font-family: Arial, Helvetica, sans-serif; /* bigger than 12 and the bar is too wide to print */

	font-size: 12px;

	/* font-weight: bold;      letters look too fat  */

	color: #000; /* Black letters */

display: block; /* key to complete color change p99 EMoCSS */

text-decoration: none; /* Idle button needs some borders the same color as background*/

		float: none;

	border-top: 1px white solid;

	border-bottom: 1px white solid;

	border-left: 1px solid ThreedLightShadow;

	border-right: 1px solid ThreedLightShadow; /* This padding area needs tuning */

	

/* if more is added to bottom, the button shape changes */

	padding-left: .5em;

	padding-right: .5em;

	padding-top: .2em;

	padding-bottom: .2em;

}

#leftnav a:link, #leftnav a:visited {

	background: #999; /* Dark Gray */

}

#leftnav a:hover {

	color: #FFF; /* White letters */

	background-color: #DE0A16; /* Ulano Red */

	border: 1px #666677 solid; /* Dark Gray outline */

}

#leftnav a:active {

	background: #999; /*  Gray */



}