/*Amphenol Stylesheet*/
/* colors */

/* blue01 0067c5 */
/* light gray d9dcdd */
/* 50pct gray 808080 */
/* pink cd208c */

body                         {height: 100%; padding:0; margin:0; background: white; text-align: center;}
td, th, div		{font-size: x-small; font-family: verdana; color:#000; vertical-align: top;}

a                              {color: #cd208c; text-decoration: none; font-weight: bold;}
a:hover                  {color: #0067c5; text-decoration: underline;}
a img                        {border:0;}

h1				{font-size: medium; color: #0067c5;}
h2				{font-size: small; color: #0067c5; min-height: 30px; padding-left: 32px; padding-top: 15px; margin: 0; background: url(Images/h2_arrow.gif) no-repeat left center;}
h3				{font-size: x-small; color: #0067c5;}
h4				{font-size: x-small;}

hr				{size: 1px; height: 1px; color: #0067c5; clear: both; }

input				{border: 1px solid #0067c5; height: 15px; font-size: x-small; margin: 1px;}

/* div				{border: 1px dotted lime; margin: 1px;} */

.container				{border: 0px solid pink; margin: auto; height: auto; text-align: left; height: 100%; }
.top					{border: 0px solid lime; height: 150px; padding: 0px; color: white; background: #0067c5 url('Images/top_back_01.jpg') no-repeat top left;}
.top_search				{height: auto; min-height: 20px; padding: 0 0 0 10px; margin-top: 132px; width: auto; min-width: 350px; float: right; display: inline-block;}
.top_search a			{color: #0067c5; text-decoration: none;}
.top_search a:hover   	{color: #808080; text-decoration: underline;}
.top_search input			{width: 8em; height: 1.2em;}
.top_searchcorner				{background: url(Images/search_bck.png) no-repeat top right; width: 30px; }
.main					{background: white;}

.left					{min-width: 250px; width: 250px; min-height: 500px; padding: 10px 5px 0 0; color: white; background: #0067c5 url('Images/left_back_01.jpg') no-repeat top left}
.left h1					{font-size: small; background: white url('Images/left_h_bck_white.jpg') no-repeat center right; color: black; height: 20px; width: auto; max-width: 200px; padding: 5px; display: inline-block;}
.left h2					{font-size: small; background: #d9dcdd url('Images/left_h_bck_gray.jpg') no-repeat center right; color: black; height: 20px; min-height: 20px; width: auto; max-width: 200px; padding: 5px; display: inline-block;}
.left li					{margin-bottom: .5em;}
.left a                              	{color: white; text-decoration: none;}
.left a:hover                  	{color: #d9dcdd; text-decoration: underline;}

.menu					{height: 30px; padding:0; color: #0067c5; font-weight: bold; font-size: x-small;}
.menu a					{color: #0067c5; text-decoration: none;}
.menu a:hover         		{color: #808080; text-decoration: underline;}

.breadcrumbs			{font-size: xx-small; color: #808080; height: 10px; padding: 1px 0 15px 30px; }
.breadcrumbs a			{color: #808080; text-decoration: none;}
.breadcrumbs a:hover         {color: #0067c5; text-decoration: underline;}

.content				{height: 100%; width: auto; padding: 0 0 1em 10px;}
.middle					{margin-bottom: 2em;}
.scrollbox				{max-height: auto; overflow: auto; border: 0px solid red;}
.introduction			{font-weight: bold; line-height: 150%;}
.image					{float: left; margin-right: 5px;}

.column					{width: 48%;  display: inline-block;}
.column#left			{float: left;}
.column#right			{float: right;}

.group_box				{background: none url(Images/group_box_bck.gif) no-repeat left center; float: left; width: 210px; height: 95px; display: inline-block; margin: 5px 5px 5px 5px; padding: 5px 5px 0 5px;}
.group_box h3, .group_box p	{margin: 0 0 2px 0; padding: 0;}
.group_box a.more		{float: right;}
.group_image			{float: left; margin-right: 5px;}

.portal table			{width: 100%;margin: 10px 0;}
.portal th				{font-weight: bold; color: white; background: #0067c5; padding: 8px 6px; border-right: 1px solid white;}
.portal tr.odd			{background: white;}
.portal tr.even			{background: #d9dcdd;}
.portal td				{padding: 6px; border-right: 1px solid #d9dcdd; border-bottom: 1px solid #d9dcdd;}

.portal .addressinfo table  {width:500px;}

.right					{width: 200px; min-height: 500px; padding: 0 10px 10px 10px;}
.right h2				{font-size: small; color: black; min-height: 30px; padding-left: 32px; padding-top: 15px; margin: 0; background: url(Images/h2_arrow.gif) no-repeat left center;}
.right h2.narrowing		{background: url(Images/h2_narrowing.gif) no-repeat left center;}
.right h2.countries		{background: url(Images/h2_countries.gif) no-repeat left center;}
.right h2.target			{background: url(Images/h2_target.gif) no-repeat left center;}
.right_block1			{background: #0067c5 url(Images/right_block1_bottom.gif) no-repeat center bottom; color: white; margin-bottom: 10px; padding-bottom: 10px; margin-left:10px; margin-right:10px; }
.right_block1 h1			{font-size: small; color: white; margin: 0 10px;}
.right_block1 hr			{size: 1px; height: 1px; color: white; clear: both; }
.right_block1 p, .right_block2 p	{margin: 5px 10px 5px 10px;}
.right_block1 a			{color: #d9dcdd; text-decoration: underline;}
.right_block1 a:hover	{color: #cd208c;}
.right_block1 .introduction	{font-weight: bold; border-bottom: 0px dotted white;}
.right_block2			{background: #d9dcdd url(Images/right_block2_bottom.gif) no-repeat center bottom; margin-bottom: 10px; padding-bottom: 10px; margin-left:10px; margin-right:10px; }
.right_block2 h1			{font-size: small; color: #0067c5; margin: 0 10px;}


.footer					{clear: both; background: #d9dcdd; color: #808080; padding: 5px 10px; font-size: xx-small;}
.footer a                       	{color: #808080; text-decoration: underline; font-weight: normal;}
.footer a:hover           	{color: black; text-decoration: none;}

/* CuteEditor buttons style bug  */
.CuteEditorGroupMenu {display: inline; float: left;background-image: url(images/horizontal.background.gif); background-repeat: repeat-x; background-position: bottom; height:24px; vertical-align:middle;border-bottom : 1px solid  #c0c0c0; border-left : 1px solid  #c0c0c0;border-right: 1px solid  #eeeeee; }