@charset "utf-8";
/* CSS Container-Locations */

/* Generica CY Location Styles */
#cyLocContent {
	clear:both;
	display:block;
	margin: auto;
	max-width: 675px;}
#wrapperMobile {
	visibility:hidden;
	display:none;}
.supSpace {
	padding: .75em 0 0 0;}
/* Map resize with links to locations  */
.mapResizerReg {
	clear:both;
	display: block;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:.5em;
	width:100%;
	max-width:600px;
	border:0px;}
.mapResizerNA {
	clear:both;
	display: block;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:.5em;
	width:100%;
	max-width:500px;
	border:0px;}
#mapArea {
	clear:both; 
	display:block;
	margin:auto;
	width:100%;}
/*
#cyLocContent {
	clear:both;
	margin:auto;
}
*/
/* Map resize with links to locations  */
#container3Blu {
	margin: 0 10px 0 0;
  position:relative;
  float:left;
  overflow:hidden;
  width:100%;
	background-color: #d2dcf0;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#777;
	text-align:left;}
#container3BluTop {
	margin: 0 10px 0 0;
  position:relative;
  float:left;
  overflow:hidden;
  width:100%;
	background-color: #d2dcf0;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#777;
	text-align:left;}
#container3BluHide {
	visibility: visible;
	display: block;
	margin: 0 10px 0 0;
  position:relative;
  float:left;
  overflow:hidden;
  width:100%;
	background-color: #d2dcf0;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#777;
	font-weight:bold;
	text-align:left;}
#containerEXPIMP {
	visibility: visible;
	display: block;
	margin: 0 10px 0 0;
  position:relative;
  float:left;
  overflow:hidden;
  width:100%;
	background-color: #d2dcf0;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#777;
	font-weight:bold;
	text-align:left;}
#container3 {
	margin: 0 10px 0 0;
  position:relative;
  float:left;
  overflow:hidden;
  width:100%;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#777;
	text-align:left;}
#container3Note {
	margin: 0 10px 0 0;
	padding:3px;
  position:relative;
  float:left;
  overflow:hidden;
  width:100%;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#777;
	text-align:left;}
#container3bot {
	margin: 0 10px 0 0;
  position:relative;
  float:left;
  overflow:hidden;
  width:100%;
	border:1px solid #777;}
#container3Notebot {
	margin:0;
	padding:0x;
  position:relative;
  float:left;
  overflow:hidden;
  width:100%;}
#container3noTop { 
	margin: 0 10px 0 0;
  position:relative;
  float:left;
  overflow:hidden;
  width:100%;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#777;}
#container2Blu {
  float:left;
  width:100%;
  position:relative;
	background-color: #d2dcf0;}
#container2 {
  float:left;
  width:100%;
  position:relative;}
#container2nb {
  float:left;
  width:100%;
  position:relative;
	border-right: 0;}
#container1Blu {
  float:left;
  width:100%;
	position:relative;
	background-color: #d2dcf0;
	border-right:1px solid #777;}
#container1BluFullWidth {
  float:left;
  width:100%;
  position:relative;
	background-color: #d2dcf0;
	border: 0;}
#container1 {
  float:left;
  width:100%;
  position:relative;
	border:0}
#container1data {
  float:left;
  width:100%;
  position:relative;
	border:0}
#container1dataFull {
  float:left;
  width:100%;
  position:relative;
	border:0}
#colBluKLine {
  float:left;
	height: 20px;
	padding:3px;
  position:relative;
	font-weight:bold;}
#colBluReturn {
	float:right;
	height: 20px;
	padding:3px;
  position:relative;}
#contactTitles {
  float:left;
	padding:3px;
	position:relative;;}
#contactOffice {
  float:left;
	padding:3px;
  position:relative;;}
.rrShort {visibility:visible; display:inline;}
.coNameHidePart {visibility:visible; display:inline;}
#colBlu1 {
  float:left;
	padding:3px;
  position:relative;}
#colBlu1L {
  float:left;
	padding:3px;
  position:relative;}
#col1data {
  float:left;
	padding:3px;
	position:relative;}
#col1dataHide {
  float:left;
	padding:3px;
	position:relative;;}
#colBlu2 {	
  float:left;
	padding: 3px;
  position:relative;;
	border-right:1px solid #777;}
#col2data {
  float:left;
	padding: 3px;
  position:relative;;
	border-right: 1px solid #777;}
#col2nb {
  float:left;
	padding: 3px;
  position:relative;}
#col2RightB {
  float:left;
	padding: 3px;
  position:relative;
	border-right:1px solid #777; }
#col2dataHide {
  float:left;
	padding: 3px;
  position:relative;;}
.labelDropPU {visibility:hidden; display:none;}
#colBlu2and3 {
  float:left;
	padding:3px;
  position:relative;}
#col1for2and3data {
	float:left;
	padding:3px;
	position:relative;}
#col2and3data {
	float:left;
	padding:3px;
  position:relative;;}
#colBlu3 {	
  float:left;
	padding:3px;
  position:relative;}
#col3data { 
  float:left;
	padding:3px;
  position:relative;}
#colBlu3R {	
  float:right;
	margin-right:1em;
	padding:3px;
  position:relative;}
#col3borderLeft { 
  float:left;
	padding: 3px;
  position:relative;;
	border-left: 1px solid #777;}
#colReturn {
  width:33%;
	text-align:right;}
/* Start menu css -------------------------------------------- */
#cyMenu {clear: both; display:block; width: 100%;}
#navMenu {
	z-index:10000; 
	padding:0; 
	border:0;}
.menuContent {
	width:100%; 
	margin:auto; 
	text-align:center;}
#menuList {
	clear:both; 
	margin:0 auto; 
	width:100%;}
#menuList ul {
	list-style:none;
	margin:0;
	padding:0;
	index 5000;
	border:0;}
#menuList ul li {
	float:none; 
	display:inline-block;;
	margin: 0;
	padding:0;} 
#menuList ul li a {
	text-decoration: none;
	font-size:1em;
	color:#eeeeee;} 
#addBreak {visibility:hidden; display:none;}
.locMapLarge {visibility:visible; display:inline; width:500px; margin:auto;}
.locMap400 {visibility:hidden; display:none;}
.locMap300 {visibility:hidden; display:none;}
.locMap250 {visibility:hidden; display:none;}
.locMapSmall {visibility:hidden; display:none;}
.hideState {visibility:visible; display:inline;}
.hideCountry {visibility:visible; display:inline;}
.cyMenuTitle {visibility:hidden; display:none;}
@media all and (max-width:587px) {
.accordionButton {	
	visibility:visible;
	display:block;	
	margin:0;
	padding:.5em 0 .7em 0;
	text-align:center;
	text-decoration: none;
	color:#fff;
	background-color: #5177a7;
  border-left: 1px solid #3e5f89;
  border-bottom: 1px solid #3e5f89;}
.on {
	background-color: #3e5f89;
  border-bottom: 1px solid #5177a7;}
.over {
	background-color: #3e5f89;}
.cyMenuTitle {visibility:hidden; display:none;}
#menuList {margin:0 auto;}
#menuList ul li {
	float:none; 
	padding:0;
	background-color: #5177a7;
  border-left: 1px solid #3e5f89;
  border-bottom:1px solid #3e5f89;} 
.rrShort {visibility:hidden; display:none;}
}
@media all and (max-width:459px) {
#navMenu {background-color: #5177a7;}
#menuList ul li {float:left;}
#menuList ul li:hover, menuList ul li:visited {
	background-color: #3e5f89;}
}
@media all and (max-width:324px) {
#menuList ul li {width:100%; padding:.49em 0;}
#menuList ul li a {font-size:1em; padding:.5em;} 
.locMapLarge {visibility:hidden; display:none;}
.locMap250 {visibility:visible; display:inline;}
}
@media all and (min-width:325px) and (max-width:400px) {
#menuList ul li {width:49.45%; padding:.35em 0;}
#menuList ul li a {font-size:.95em; padding:.5em;} 
.locMapLarge {visibility:hidden; display:none;}
.locMap300 {visibility:visible; display:inline;}
}
@media all and (min-width:401px) and (max-width:459px) {
#menuList ul li {width:33%; padding:.45em 0;}
.coNameHidePart {visiblility:hidden; display:none;}
}
@media all and (min-width:460px) and (max-width:587px) {
.accordionButton {	
	visibility:visible;
	display:block;	
	width:99%;
	margin:0;
	padding:.25em 0 .25em 0;
	text-align:center;
	text-decoration: none;
  FONT-SIZE: 1.25em;
	color:#fff;
	background-color: #5177a7;
  border-bottom: 1px solid #3e5f89;
	background-image: none; 
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;}
.on {background-color: #5177a7;}
.over {background-color: #5177a7;}
#menuList ul li {
	width:32.5%; 
	padding:.1em 0;
	background-color: #fff;
	border:0;
	text-align:left;} 
#menuList ul li a{
	color:#000;
	text-decoration:underline;}
.coNameHidePart {visiblility:hidden; display:none;}
}
@media all and (min-width:350px) {
#colBluReturn {
	float:right;
	text-align:right;}
#colBlu1L {width:100%;}
#colBlu3R {
  width:100%;
	border-left:0;}
}
@media all and (max-width:400px) {
#container1Blu {margin-right: 0px;}
#container3noTop {border-left: 1px solid #777;}
#container2 {border-right: 0px;}
#container1 {border-right: 0px;}
#colBlu1 {width:100%;}
#colBlu2 {	
  width:50%;
  left:81%;}
#colBlu2and3 {
  width:100%;
  left:82%;}
#colBlu3 {
  width:100%;
	border-top: 1px solid #777;}
#col1data {
  width: 100%;
	text-align: left;
	font-weight: bold;
	color: #396edf;
	border-bottom: 1px solid #777;}
#col1dataHide {
  visibility: hidden;
	display: none;}
#col2data {
  width:100%;
	border-bottom: 1px solid #777;}
#col2nb {
  width:100%;
	border-bottom: 1px solid #777;}
#col2RightB {
  width:100%;
	border-bottom: 1px solid #777;}
#col2dataHide {
  visibility: hidden;
	display: none;}
#col1for2and3data {
	width:100%;}
#col2and3data {
	width:100%;}
#col3data { 
  width:100%;}
#col3Hide {
  visibility: hidden;
	display: none;}
#col3borderLeft {width:100%; border-left:0px;}
#colBlu1L {width:49%;}
#colBlu3R {	
  float:right;
	width:49%;}
}
@media all and (max-width: 499px) {
#wrapperMobile {visibility:visible; display:block;}
.desktopDIV {visibility:hidden;	display:none;}
.deskipadDIV {visibility:hidden; display:none;}
.deskipadtabDIV {visibility:hidden; display:none;}
.ipadDIV {visibility:hidden; display:none;}
.ipadtabletDIV {visibility:hidden; display:none;}
.tabletDIV {visibility:visible; display:inline;}
.phonetabletDIV {visibility:visible; display:inline;}
.phoneDIV {visibility:visible; display:inline;}
.labelDropPU {visibility:visible; display:inline;}
#contactTitles {
  width:20%;;}
#contactOffice {
	width:74%;
	border-left: 1px solid #777;}
#container3BluHide {visiblility:hidden;	display:none;}
#containerEXPIMP {visibility: visible; display: block;}
#colBlu1L {width:49%;}
#colBlu3R {	
  float:right;
	width:45%;}
#col1for2and3data {visibility:hidden; display:none;}
}
@media all and (min-width:401px) and (max-width:450px) {
.hideState {visibility:hidden; display:none;}
}
@media all and (min-width:401px) and (max-width:499px) {
.accordionButton {width:99.5%;}	
.locMap400 {visibility:visible; display:inline;}
.locMapLarge {visibility:hidden; display:none;}
.desktopCYsDIV {visibility:hidden; display:none;}
.tabletCYsDIV {visibility:hidden; display:none;}
.cysLargeMap {visibility:hidden; display:none;}
.cysSmallMap {visibility:visible; display:inline;}
.locTitle {font-size:1.15em;}
#container3noTop { 
	border-left: 1px solid #777;}
/* #container1 {left:100%;} */
#container1dataFull {
	border:0;
	left:100%;}
#container2Blu {
  float:left;
  width:100%;
  position:relative;
	background-color: #d2dcf0;
	border:0;}
#colBlu1L {width:100%; border-bottom:1px solid #777;}
#colBlu2 {
  width:50%;
  left:63%;}
#colBlu2and3 {
  width:100%;}
#colBlu3 {
  width:47%;
	border-left: 1px solid #777;}
#colBlu3R {width:100%;}
#col1Hide {
  visibility: hidden;
	display: none;}
#col1data {
  width: 100%;
	font-weight: bold;
	color: #396edf;
	border-bottom: 1px solid #777;}
#col1dataHide {
  visibility: hidden;
	display: none;}
#col2data {width:47%;}
#col2nb {width:47%;}
#col2RightB {width:47%;}
#col2dataHide {width:47%;}
#col3data {width:47%;}
#col3borderLeft {width:47%;}
#col3Hide {visibility: hidden; display: none;}
#col2and3data {width: 100%;}
}
@media all and (min-width:500px) {
.desktopDIV {visibility:visible; display:inline;}
.deskipadDIV {visibility:visible; display:inline;}
.deskipadtabDIV {visibility:visible; display:inline;}
.ipadDIV {visibility:visible; display:inline;}
.ipadtabletDIV {visibility:hidden; display:none;}
.tabletDIV {visibility:hidden; display:none;}
.phonetabletDIV {visibility:hidden; display:none;}
.phoneDIV {visibility:hidden; display:none;}
.textFit {font-size:1em;}
.desktopCYsDIV {visibility:visible; display:inline;}
.tabletCYsDIV {visibility:hidden; display:none;}
.locTitle {font-size:1.15em;}
.cellLocHdr {
	font-size: 1.05em;
	color: #2c68a0;
	text-align: left;}
.cellTask {
	vertical-align: top;
	font-size: 1em;
	text-align: left;
  background-color: #bbe0f2;}
.menuContent {visibility:visible; display:block;}
#menuList ul {margin-left:.5em;}
#container3BluHide {visibility:visible; display:block;}
#containerEXPIMP {visibility: hidden; display: none;}
#container2Blu {right:40%;}
#container2 {right:40%;}
#container1Blu {
  right:40%;
	border-right: 1px solid #777;}
#container1 {
  right:40%;
	border-right: 1px solid #777;}
#container1data {
  right:40%;
	border-right: 1px solid #777;}
#container1dataFull {
  right:40%;}
#colBlu1 {left:80%; width:9%;}
#col1data {
  width:19%;
  left:80%;}
#col1dataHide {
  width19%;
  left:80%;}
#contactTitles {
  width:19%;
  left:80%;;}
#contactOffice {
	width:74%;
  left:80.5%;
	border: 0 solid #777;}
#colBlu2 { 
  width:38%;
  left:90.5%}
#col2data { 
  width:38%;
  left:80.5%}
#col2nb { 
  width:38%;
  left:80.5%}
#col2RightB { 
  width:38%;
  left:80.5%}
#col2dataHide { 
  width:38%;
  left:80.5%}
#colBlu2and3 {
  width:74%;
  left:82%;}
#col1for2and3data {
  width:19%;
  left:80%;}
#col2and3data {
	width:75%;
  left:80.5%;}
#colBlu3 {	
  width:37%;
  left:90.5%;}
#colBlu2and3 {
  float:left;
	padding:3px;
  position:relative;}
#col3data { 
  width:37%;
  left:80.5%}
#col3borderLeft { 
	padding: 3px 0 3px 3px;
  width:37%;
  left:80.5%;}
}
@media all and (min-width:588px) {
.accordionButton {visibility:hidden; display:none;}
.cyMenuTitle {
	visibility:visible; 
	display:block;  
	COLOR: #5177a7;
  FONT-WEIGHT: bold;
  FONT-SIZE: 1.25em;
	margin: .15em 0;
	text-align:center;}
.on {background-color: #fff;}
.over {background-color: #fff;}
.menuContent {visibility:visible; display:block;}
#menuList ul {margin-left:.5em;}
#menuList ul li {
	width:24%; 
	padding:.15em .1em;
	background-color: #fff;
	border:0;
	text-align:left;} 
#menuList ul li a{
	color:#000;
	text-decoration:underline;}
}
@media all and (min-width:674px) {
#addBreak {visibility:visible; display:inline;}
}
@media all and (min-width:818px) {
#menuList ul li {padding:.15em .1em;}
}
@media print {
#CYsMenu {visibility:hidden; display:none;}
}
