/* 
================================
Skin styles for DotNetNuke
================================
*/  

body 
{
    background-color: #fff;
    font-family: Arial;
   font-size: 11px;
   color: #41666b;
}
 

.pagemaster {
	width: 100%;
	height: 100%;
	background-image: url(/Portals/0/body-bg.gif);
	background-position: left top;
	background-repeat:repeat-x;	
	background-color: #fff;
	

}


.skinmaster {
	height: 100%;
	background-color: #f3f5fa;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #8da4d3; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.Head {
   font-family: Arial, Tahoma, Helvetica;
   font-size:  13px;
   font-weight: bold;
   color: #333333;
}

*html .Head {
   font-family: Arial, Tahoma, Helvetica;
   font-size:  12px;
   font-weight: bold;
   color: #333333;
}



/* custom stuff */

#wrapper 
{
    width: 1099px; 
    height: 845px; 
    margin: 0 auto; 
    position:absolute;
	left:50%; 
	margin-top:0; 
	margin-left:-550px; 
	padding:0 px;

}

*html #wrapper 
{
    width: 1099px; 
    height: 845px; 
    margin: 0 auto; 
    position:absolute;
	left:50%; 
	margin-top:-15px; 
	margin-left:-550px; 
	padding:0 px;

}


*html .top-bg 
{
    background-image: url(/Portals/0/top-bgx.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	width: 1099px;
	height: 141px;
	position: relative;
}

.top-bg 
{
     background-image: url(/Portals/0/top-bgx.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	width: 1099px;
	height: 141px;
	position: relative;
}


*html .mid-bg
{
    background-image: url(/Portals/0/mid-bg.png);
	background-position: center top;
	background-repeat:no-repeat;
	width: 1099px;
	height: 271px;
	position: relative;

		
}

.mid-bg
{
    background-image: url(/Portals/0/mid-bg.png);
	background-position: center top;
	background-repeat:no-repeat;
	width: 1099px;
	height: 271px;
	position: relative;
	top: -8px;
			
}



*html .mid-bg2
{
    background-image: url(/Portals/0/mid-bg-cut.png);
	background-position: center top;
	background-repeat:repeat-y;
	width: 1099px;
	height: 700px;
	position: relative;
	top: 0;

		
}

.mid-bg2
{
    background-image: url(/Portals/0/mid-bg-cut.png);
	background-position: center top;
	background-repeat:repeat-y;
	width: 1099px;
	height: 700px;
	position: relative;
	top: -8px;
			
}


*html .mid-bg5
{
    background-image: url(/Portals/0/mid-bg-cut.png);
	background-position: center top;
	background-repeat:repeat-y;
	width: 1099px;
	height: 1300px;
	position: relative;
	top: 0;

		
}

.mid-bg5
{
    background-image: url(/Portals/0/mid-bg-cut.png);
	background-position: center top;
	background-repeat:repeat-y;
	width: 1099px;
	height: 1300px;
	position: relative;
	top: -8px;
			
}

*html .mid-bg6
{
    background-image: url(/Portals/0/mid-bg-cut.png);
	background-position: center top;
	background-repeat:repeat-y;
	width: 1099px;
	height: 2900px;
	position: relative;
	top: 0;

		
}

.mid-bg6
{
    background-image: url(/Portals/0/mid-bg-cut.png);
	background-position: center top;
	background-repeat:repeat-y;
	width: 1099px;
	height: 2900px;
	position: relative;
	top: -8px;
			
}



*html .mid-bg3
{
    background-image: url(/Portals/0/mid-bg-cut.png);
	background-position: center top;
	background-repeat:repeat-y;
	width: 1099px;
	height: 260px;
	position: relative;
	top: 0;

		
}

.mid-bg3
{
    background-image: url(/Portals/0/mid-bg-cut.png);
	background-position: center top;
	background-repeat:repeat-y;
	width: 1099px;
	height: 260px;
	position: relative;
	top: -8px;
			
}

*html .mid-bg4
{
    background-image: url(/Portals/0/mid-bg-cut.png);
	background-position: center top;
	background-repeat:repeat-y;
	width: 1099px;
	height: 560px;
	position: relative;
	top: 0;

		
}

.mid-bg4
{
    background-image: url(/Portals/0/mid-bg-cut.png);
	background-position: center top;
	background-repeat:repeat-y;
	width: 1099px;
	height: 560px;
	position: relative;
	top: -8px;
			
}


*html .bott-bg
{
    background-image: url(/Portals/0/bot-bg2.png);
	background-position: center top;
	background-repeat:no-repeat;
	width: 1099px;
	height: 704px;
	position: relative;
	top: 0px;

		
}

.bott-bg
{
    background-image: url(/Portals/0/bot-bg2.png);
	background-position: center top;
	background-repeat:no-repeat;
	width: 1099px;
	height: 704px;
	position: relative;
	top: 0px;
			
}


*html .bott-bg-clean
{
    background-image: url(/Portals/0/bot-bg2-clean.png);
	background-position: center top;
	background-repeat:no-repeat;
	width: 1099px;
	height: 704px;
	position: relative;
	top: 0px;

		
}

.bott-bg-clean
{
    background-image: url(/Portals/0/bot-bg2-clean.png);
	background-position: center top;
	background-repeat:no-repeat;
	width: 1099px;
	height: 704px;
	position: relative;
	top: 0px;
			
}


*html .bott-bg2
{
    background-image: url(/Portals/0/bot-bg2.gif);
	background-position: center top;
	background-repeat:no-repeat;
	width: 1099px;
	height: 433px;
	position: relative;
	top:0;

		
}

.bott-bg2
{
    background-image: url(/Portals/0/bot-bg2.gif);
	background-position: center top;
	background-repeat:no-repeat;
	width: 1099px;
	height: 433px;
	position: relative;
	top: -8px;
			
}

.contentpane-exp 
{
    width: 924px;
    height: auto;
    background-image: url(/Portals/0/bg-exp.gif);
    background-position: center top;
    background-repeat:repeat-y;
    position: relative;
	top:-48px;
	left:0px;
}

*html .contentpane-exp 
{
    width: 924px;
    height: auto;
    background-image: url(/Portals/0/bg-exp.gif);
    background-position: center top;
    background-repeat:repeat-y;
    position: relative;
	top:-50px;
	left:0px;
}




/* *html #menu 
{
    position:relative;
    top: 57px;	
    left: 98px;
     margin-left: -28px; /*IE6 fix*/

/* } */

#menu 
{
    position:absolute;
    top: 101px;	
    left: 95px;
    z-index: 20;
}

*html #menu 
{
    position:absolute;
    top: 101px;	
    left: 95px;
     z-index: 20;
}






.legal 
{
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    color: #c0d068;
 
}

   
.footnotes a, .footnotes-pages a, .footnotes-pages6 a 
{
    font-family: Arial, Sans-Serif;
    font-size: 10px;
    color: #3f656a;
 
}

.footnotes a:hover, .footnotes-pages a:hover, .footnotes-pages6 a:hover 
{
   text-decoration: underline;
   color: #31a4bd;
 
}

*html .footnotes 
{
    position: absolute;
    margin-top: -25px;
    margin-left: 85px; 

}

.footnotes 
{
    position: absolute;
    margin-top: -25px;
    margin-left: 85px; 

}

.footnotes-pages 
{
    position: relative;
    top:410px;
    left:90px;
    margin-top: 0px;
    margin-left: 0px;
    z-index: 10; 

}


*html .footnotes-pages 
{
    position: relative;
    top:405;
    left:0;
    margin-left: 85px;
    z-index: 10; 

}

.footnotes-pages6 
{
    position: relative;
    top:410px;
    left:90px;
    margin-top: 0px;
    margin-left: 0px;
    z-index: 10; 

}


*html .footnotes-pages6 
{
    position: relative;
    top:405px;
    left:0;
    margin-left: 85px;
    z-index: 10; 

}


/*main -top menu */

.menu, .menu2, .menu3, .menu4, .logo

{
    float: left;
}

.logo 
{
    margin-top: 11px;
    margin-right: 46px;
    margin-left: 28px;
    position: absolute;
    top: 40px;
    left:85px;

}

*html .logo 
{
    margin-top: 11px;
    margin-right: 46px;
    margin-left: 28px;
    position: relative;
    top: 40px;
    left:86px;

}


 .menu
{
position: relative;
font-family: Century Gothic, Arial;
background: url(/Portals/0/top-menu-btn-off.png) no-repeat;
white-space: nowrap;
display: block;
width: 286px;
height: 35px;
margin: 0;
padding: 0;
}

.menu a
{
   font-family: Century Gothic, Arial;
display: block;
color: #666;
font-size: 12px;
width: 286px;
height: 35px;
display: block;
float: left;
text-decoration: none;
}

.menu a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 286px;
height: 35px;
display: block;
float: left;
text-decoration: none;
}

.menu img
{
width: 286px;
height: 35px;
border: 0
}

* html a:hover
{
visibility:visible
}

.menu a:hover img
{
visibility:hidden
}

.menu span
{
position: absolute;
left: 75px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
   font-family: Century Gothic, Arial;
font-size: 12px;


}

/*end of menu */

/*menu item 2*/

 .menu2
{
position: relative;
font-family: Century Gothic, Arial;
background: url(/Portals/0/top-menu-btn-off2.png) no-repeat;
white-space: nowrap;
display: block;
width: 342px;
height: 35px;
margin: 0;
padding: 0;
}

.menu2 a
{
display: block;
color: #666;
font-size: 12px;
width: 342px;
height: 35px;
display: block;
float: left;
text-decoration: none;
}

.menu2 a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 342px;
height: 35px;
display: block;
float: left;
text-decoration: none;
}

.menu2 img
{
width: 342px;
height: 35px;
border: 0
}

* html a:hover
{
visibility:visible
}

.menu2 a:hover img
{
visibility:hidden
}

.menu2 span
{
position: absolute;
left: 100px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Century Gothic, Arial;
font-size: 12px;

}

/*end*/

/*menu item 3*/

 .menu3
{
position: relative;
font-family: Century Gothic, Arial;
background: url(/Portals/0/top-menu-btn-off3.png) no-repeat;
white-space: nowrap;
display: block;
width: 286px;
height: 35px;
margin: 0;
padding: 0;
}

.menu3 a
{
display: block;
color: #666;
font-size: 12px;
width: 286px;
height: 35px;
display: block;
float: left;
text-decoration: none;
}

.menu3 a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 286px;
height: 35px;
display: block;
float: left;
text-decoration: none;
}

.menu3 img
{
width: 286px;
height: 35px;
border: 0
}

* html a:hover
{
visibility:visible
}

.menu3 a:hover img
{
visibility:hidden
}

.menu3 span
{
position: absolute;
left: 120px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Century Gothic, Arial;
font-size: 12px;

}

/*end*/


/*menu item 4*/
/*
 .menu4
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/top-menu-btn-off.png) no-repeat;
white-space: nowrap;
display: block;
width: 170px;
height: 86px;
margin: 0;
padding: 0;
}

.menu4 a
{
display: block;
color: #000;
font-size: 11px;
width: 170px;
height: 86px;
display: block;
float: left;
text-decoration: none;
}

.menu4 a:hover
{
display: block;
color: #ccfcfe;
font-size: 11px;
width: 170px;
height: 86px;
display: block;
float: left;
text-decoration: none;
}

.menu4 img
{
width: 170px;
height: 86px;
border: 0
}

* html a:hover
{
visibility:visible
}

.menu4 a:hover img
{
visibility:hidden
}

.menu4 span
{
position: absolute;
left: 60px;
top: 23px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-weight: bold;
font-size: 11px;

}

/*end*/


/* bottom menu */

.menu-2, .menu2-2, .menu3-2, .menu4-2, .menu5-2, .menu6-2 
{
    float: left;

} 


/*bott-menu item 1*/

 .menu-2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/bottom-menu-btn-off.png) no-repeat;
white-space: nowrap;
display: block;
width: 156px;
height: 42px;
margin: 0;
padding: 0;
}

 .menu-2 a
{
display: block;
color: #41666b;
font-size: 11px;
width: 156px;
height: 42px;
display: block;
float: left;
text-decoration: none;
}

 .menu-2 a:hover
{
display: block;
color: #f3ffff;
font-size: 11px;
width: 156px;
height: 42px;
display: block;
float: left;
text-decoration: none;
}

 .menu-2 img
{
width: 156px;
height: 42px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .menu-2 a:hover img
{
visibility:hidden
}

 .menu-2 span
{
position: absolute;
left: 55px;
top: 23px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 11px;

}

/*end*/

/*bott-menu item 2*/

 .menu2-2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/bottom-menu-btn-off.png) no-repeat;
white-space: nowrap;
display: block;
width: 156px;
height: 42px;
margin: 0;
padding: 0;
}

 .menu2-2 a
{
display: block;
color: #41666b;
font-size: 11px;
width: 156px;
height: 42px;
display: block;
float: left;
text-decoration: none;
}

 .menu2-2 a:hover
{
display: block;
color: #f3ffff;
font-size: 11px;
width: 156px;
height: 42px;
display: block;
float: left;
text-decoration: none;
}

 .menu2-2 img
{
width: 156px;
height: 42px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .menu2-2 a:hover img
{
visibility:hidden
}

 .menu2-2 span
{
position: absolute;
left: 55px;
top: 23px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 11px;

}

/*end*/

/*bott-menu item 3*/

 .menu3-2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/bottom-menu-btn-off.png) no-repeat;
white-space: nowrap;
display: block;
width: 156px;
height: 42px;
margin: 0;
padding: 0;
}

 .menu3-2 a
{
display: block;
color: #41666b;
font-size: 11px;
width: 156px;
height: 42px;
display: block;
float: left;
text-decoration: none;
}

 .menu3-2 a:hover
{
display: block;
color: #f3ffff;
font-size: 11px;
width: 156px;
height: 42px;
display: block;
float: left;
text-decoration: none;
}

 .menu3-2 img
{
width: 156px;
height: 42px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .menu3-2 a:hover img
{
visibility:hidden
}

 .menu3-2 span
{
position: absolute;
left: 55px;
top: 23px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 11px;


}

/*end*/

/*bott-menu item 4*/

 .menu4-2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/bottom-menu-btn-off.png) no-repeat;
white-space: nowrap;
display: block;
width: 156px;
height: 42px;
margin: 0;
padding: 0;
}

 .menu4-2 a
{
display: block;
color: #41666b;
font-size: 11px;
width: 156px;
height: 42px;
display: block;
float: left;
text-decoration: none;
}

 .menu4-2 a:hover
{
display: block;
color: #f3ffff;
font-size: 11px;
width: 156px;
height: 42px;
display: block;
float: left;
text-decoration: none;
}

 .menu4-2 img
{
width: 156px;
height: 42px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .menu4-2 a:hover img
{
visibility:hidden
}

 .menu4-2 span
{
position: absolute;
left: 55px;
top: 23px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 11px;


}

/*end*/

/*bott-menu item 5*/

 .menu5-2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/bottom-menu-btn-off.png) no-repeat;
white-space: nowrap;
display: block;
width: 156px;
height: 42px;
margin: 0;
padding: 0;
}

 .menu5-2 a
{
display: block;
color: #41666b;
font-size: 11px;
width: 156px;
height: 42px;
display: block;
float: left;
text-decoration: none;
}

 .menu5-2 a:hover
{
display: block;
color: #f3ffff;
font-size: 11px;
width: 156px;
height: 42px;
display: block;
float: left;
text-decoration: none;
}

 .menu5-2 img
{
width: 156px;
height: 42px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .menu5-2 a:hover img
{
visibility:hidden
}

 .menu5-2 span
{
position: absolute;
left: 55px;
top: 23px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 11px;

}

/*end*/

/*bott-menu item 6*/

 .menu6-2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/bottom-menu-btn-off.png) no-repeat;
white-space: nowrap;
display: block;
width: 156px;
height: 42px;
margin: 0;
padding: 0;
}

 .menu6-2 a
{
display: block;
color: #41666b;
font-size: 11px;
width: 156px;
height: 42px;
display: block;
float: left;
text-decoration: none;
}

 .menu6-2 a:hover
{
display: block;
color: #f3ffff;
font-size: 11px;
width: 156px;
height: 42px;
display: block;
float: left;
text-decoration: none;
}

 .menu6-2 img
{
width: 156px;
height: 42px;
border: 0
}

* html a:hover
{
visibility:visible
}

 .menu6-2 a:hover img
{
visibility:hidden
}

 .menu6-2 span
{
position: absolute;
left: 55px;
top: 23px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 11px;

}

/*end*/

#menu2 
{
    position: absolute;
    left: 84px;
    top: 594px;

}

#menu2-pages 
{
    position: absolute;
    left: 84px;
    top: 320px;

}


.panel1 
{
    width: 460px;
    height: 252px;
    position: absolute;
    top: 15px;
    left: 93px;
}


.panel2 
{
    width: 460px;
    height: 252px;
    position: absolute;
    top: 15px;
    left: 558px;
}

/*panel flip 1*/



.panel-flip1
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/panel1-2.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 460px;
height: 252px;
margin: 0;
padding: 0;
}

.panel-flip1 a
{
display: block;
font-size: 12px;
width: 460px;
 height: 252px;
display: block;
float: left;
color: #60a4ae;


}

.panel-flip1 a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 460px;
height: 252px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.panel-flip1 img
{
width: 460px;
 height: 252px;
border: 0
}

* html a:hover
{
visibility:visible
}

.panel-flip1 a:hover img
{
visibility:hidden
}

.panel-flip1 span.header
{
position: absolute;
left: 55px;
top: 23px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-weight:bold;


}

.panel-flip1 .text
{
position: absolute;
left: 200px;
top: 38px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 11px;
color: #41666b;
width: 460px;
height: 252px;
z-index: 10;

}

.panel-flip2 .text2
{
position: absolute;
left: 165px;
top: 38px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 11px;
color: #41666b;
z-index: 10;
width: 200px;

}

/*end*/










/*panel flip 2*/



.panel-flip2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/panel2-2.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 460px;
height: 252px;
margin: 0;
padding: 0;
}

.panel-flip2 a
{
display: block;
font-size: 12px;
width: 460px;
 height: 252px;
display: block;
float: left;
color: #60a4ae;


}

.panel-flip2 a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 460px;
height: 252px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.panel-flip2 img
{
width: 460px;
 height: 252px;
border: 0
}

* html a:hover
{
visibility:visible
}

.panel-flip2 a:hover img
{
visibility:hidden
}

.panel-flip2 span.header
{
position: absolute;
left: 45px;
top: 23px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-weight:bold;


}


/*end*/










.panel3 
{
    width: 460px;
    height: 252px;
    position: absolute;
    top: 5px;
    left: 93px;
}


/*panel flip 3*/



.panel-flip3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/panel3-2.jpg) no-repeat;
white-space: nowrap;
display: block;
    width: 460px;
    height: 252px;
margin: 0;
padding: 0;
}

.panel-flip3 a
{
display: block;
color: #60a4ae;
font-size: 11px;
    width: 460px;
    height: 252px;
display: block;
float: left;
text-decoration: none;
}

.panel-flip3 a:hover
{
display: block;
color: #f3ffff;
font-size: 11px;
    width: 460px;
    height: 252px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;
}

.panel-flip3 img
{
width: 460px;
 height: 252px;
border: 0
}

* html a:hover
{
visibility:visible
}

.panel-flip3 a:hover img
{
visibility:hidden
}

.panel-flip3 span.header
{
position: absolute;
left: 55px;
top: 23px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 12px;
font-weight: bold;

}

.panel-flip3 span.text3
{
position: absolute;
left: 115px;
top: 198px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 11px;
color: #41666b;

}

/*end*/



.panel4 
{
    width: 460px;
    height: 261px;
    position: absolute;
    top: 2px;
    left: 559px;
}

.breadcrumb 
{
    position: absolute;
    top: 5px;
    left: 810px;
    z-index: 10;
    font-size: 8px;
    width: 200px;
    height: 30px;
    text-align: right;
}

#offices 
{
    position: absolute;
    top: 0px;
    left: 85px;
    width: 266px;
    height: 22px;
}

#offices a 
{
   font-family :Century Gothic, Tahoma;
   font-size: 7pt;
   font-weight: bold;
   color: #666;
}



.office1, .office2, .office3 
{
    float: left;
}


/*offices btns */

/*.................1................*/

 .office1
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/office-btn2.png) no-repeat;
white-space: nowrap;
display: block;
width: 98px;
height: 19px;
margin: 0;
padding: 0;
margin-right: 5px;
}

.office1 a
{
display: block;
color: #095b5b;
font-size: 11px;
width: 98px;
height: 19px;
display: block;
float: left;
text-decoration: none;
font-weight:lighter;
font-family: Arial;
}

.office1 a:hover
{
display: block;
color: #ccfcfe;
font-size: 11px;
width: 98px;
height: 19px;
display: block;
float: left;
text-decoration: none;
}

.office1 img
{
width: 98px;
height: 19px;
border: 0
}

* html a:hover
{
visibility:visible
}

.office1 a:hover img
{
visibility:hidden
}

.office1 span
{
position: absolute;
position: absolute;
left: 20px;
top: 3px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}

/*..................2....................*/

.office2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/office-btn2.png) no-repeat;
white-space: nowrap;
display: block;
width: 98px;
height: 19px;
margin: 0;
padding: 0;
margin-right: 5px;
}

.office2 a
{
display: block;
color: #095b5b;
font-size: 11px;
width: 98px;
height: 19px;
display: block;
float: left;
text-decoration: none;
font-weight:lighter;
font-family: Arial;
}

.office2 a:hover
{
display: block;
color: #ccfcfe;
font-size: 11px;
width: 98px;
height: 19px;
display: block;
float: left;
text-decoration: none;
}

.office2 img
{
width: 98px;
height: 19px;
border: 0
}

* html a:hover
{
visibility:visible
}

.office2 a:hover img
{
visibility:hidden
}

.office2 span
{
position: absolute;
position: absolute;
left: 15px;
top: 3px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}

/*..................3....................*/

.office3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/office-btn2.png) no-repeat;
white-space: nowrap;
display: block;
width: 98px;
height: 19px;
margin: 0;
padding: 0;
margin-right: 5px;
}

.office3 a
{
display: block;
color: #095b5b;
width: 98px;
height: 19px;
display: block;
float: left;
text-decoration: none;

}

.office3 a:hover
{
display: block;
color: #fff;
font-size: 11px;
width: 98px;
height: 19px;
display: block;
float: left;
text-decoration: none;
}

.office3 img
{
width: 98px;
height: 19px;
border: 0
}

* html a:hover
{
visibility:visible
}

.office3 a:hover img
{
visibility:hidden
}

.office3 span
{
position: absolute;
left: 11px;
top: 3px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;



}

/*..................3....................*/

.phone 
{
    position: absolute; 
    top: 556px;
    left: 915px;
    color: #849b9b;
    font-size: 10px;
    z-index: 15;
}

.strapline 
{
    color: #60a4ae;
    position: absolute;
    top: 40px;
    left: 85px;
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;
    letter-spacing; 1px;
}
    
 
.home-text
{
   font-family: Arial;
   font-size: 11px;
   color: #41666b;
   width: 790px;
   text-align: justify;
   position: absolute;
   top: 260px;
   left: 98px;  
}


*html .home-text
{
   font-family: Arial;
   font-size: 11px;
   color: #41666b;
   width: 790px;
   text-align: justify;
   position: absolute;
   top: 264px;
   left: 98px;  
}

.content 
{
    width: 850px;
    height: auto;
    position: relative;
    left: 104px;
    top: 10px;
    text-align: left; 
}	

*html .content 
{
    width: 900px;
    height: auto;
    position: relative;
    left: 5px;
    top: 10px;
    text-align: left; 
}


*html .content p 
{
    text-align: justify;
    font-family : Arial;
    font-size: 12px;
    color: #41666b;
    line-height: 17px;
    width: 750px;
    margin-left: 52px;
    position:relative;
    left: 80px;
    margin: 0;
}

.content p 
{
    text-align: justify;
    font-family : Arial;
    font-size: 12px;
    color: #41666b;
    line-height: 17px;
    width: 750px;
    position:relative;
    left: 80px;
    margin: 0;
}

*html .content h1
{
    
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    margin-left: 52px;
    position:relative;
    left: 50px;
    margin: 0;
    
}

.content h1
{
    font-weight: bold;
    color: #60a4ae;
    font-size: 12px;
    font-family: Arial;
    position:relative;
    left: 50px;
    margin: 0;
    
}

.testimonials h1, .testimonials1 h1  
{
    color: #666;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;

    
 
}


.center 
{
    text-align: center;

}


.image 
{
    margin: 20px;
}

.image1 
{
    margin-left: 30px;
}

*html #side-menu 
{
    width: 173px;
    height: 221px;
    background-image: url(/Portals/0/side-menu.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 1022px;
    top: 40px;
    z-index: 20;
}

#side-menu 
{
    width: 173px;
    height: 221px;
    background-image: url(/Portals/0/side-menu.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 1022px;
    top: 40px;
    z-index: 20;
}

*html .side-menu 
{
   width: 120px;
    height: 220px;
   position: absolute;
    left: 1028px;
    top: 57px;
    z-index: 25;
    text-align: left;
    font-family : Arial;
    font-size: 7pt;
    font-weight:bold;
    color: #60a4ae;
}

.side-menu 
{
   width: 120px;
    height: 220px;
    position: absolute;
    left: 1026px;
    top: 57px;
    z-index: 25;
    text-align: left;
    font-family : Arial;
    font-size: 7pt;
    font-weight:bold;
    color: #60a4ae;
}


.side-menu-x 
{
   width: 120px;
    height: 220px;
    position: absolute;
    left: 5px;
    top: 27px;
    z-index: 25;
    text-align: left;
    font-family : Arial;
    font-size: 7pt;
    font-weight:bold;
    color: #60a4ae;
}


.side-menu a, .side-menu a:visited, .side-menu-x a, .side-menu-x a:visited, .side-menu-c a, .side-menu-c a:visited
{
   text-align: justify;
   font-family :Century Gothic, Tahoma;
   font-size: 7pt;
   color: #98f5ee; 
}

.side-menu a:hover, .side-menu-x a:hover
{
    text-decoration: underline;
    color: #d1fdfa;
}

.top-marg 
{
    margin-top: 10px;
    position:relative;
    top: 24px;
}

span.euro 
{
     font-weight: bold;
    color: #32327f;
    font-size: 12px;
    font-family: Arial;

}

a.more 
{
   text-align: justify;
   font-family :Century Gothic, Tahoma;
   font-size: 7pt;
   font-weight: bold;
   color: #3eb48a;

}

a.more:hover 
{
    color: #fff;
}

#ad-menu 
{
    width: 551px;
    height: 68px;
    background-image: url(/Portals/0/ad-menu.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 470px;
    left: 368px;
}



*html #icons 
{
    position: absolute;
    top: 540px;
    left: 352px;
} 

#icons 
{
    position: absolute;
    top: 540px;
    left: 372px;
    width: 550px;
} 


/*icons ------------------------*/

/*icon 1*/



.icon1
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/info-icon2.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon1 a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon1 a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon1 img
{
width: 91px;
height: 91px;
border: 0
}

* html a:hover
{
visibility:visible
}

.icon1 a:hover img
{
visibility:hidden
}

.icon1 span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}



/*end*/


/*icon eurostop*/



.icon-eurostop
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/more-eurostop.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon-eurostop a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon-eurostop a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon-eurostop img
{
width: 91px;
height: 91px;
border: 0
}

* html a:hover
{
visibility:visible
}

.icon-eurostop a:hover img
{
visibility:hidden
}

.icon-eurostop span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}



/*end*/


/*icon rmis*/



.icon-rmis
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/more-winrmis.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon-rmis a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon-rmis a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon-rmis img
{
width: 91px;
height: 91px;
border: 0
}

* html a:hover
{
visibility:visible
}

.icon-rmis a:hover img
{
visibility:hidden
}

.icon-rmis span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}



/*end*/


/*icon ecommerce*/



.icon-ecommerce
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/more-ecommerce.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon-ecommerce a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon-ecommerce a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon-ecommerce img
{
width: 91px;
height: 91px;
border: 0
}

* html a:hover
{
visibility:visible
}

.icon-ecommerce a:hover img
{
visibility:hidden
}

.icon-ecommerce span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}



/*end*/




/*icon 2*/



.icon2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/testimonials-icon2.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon2 a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon2 a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon2 img
{
width: 91px;
height: 91px;
border: 0;
}

* html a:hover
{
visibility:visible;
}

.icon2 a:hover img
{
visibility:hidden;
}

.icon2 span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}



/*end*/

/*icon 3*/



.icon3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/benefits-icon2.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon3 a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon3 a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon3 img
{
width: 91px;
height: 91px;
border: 0
}

* html a:hover
{
visibility:visible
}

.icon3 a:hover img
{
visibility:hidden
}

.icon3 span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}


/*end*/


/*icon 4*/



.icon4
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/contact-icon2.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon4 a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon4 a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon4 img
{
width: 91px;
height: 91px;
border: 0
}

* html a:hover
{
visibility:visible
}

.icon4 a:hover img
{
visibility:hidden
}

.icon4 span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}



/*end*/


/*icon 5*/



.icon5
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/favourite-icon2.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon5 a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon5 a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon5 img
{
width: 91px;
height: 91px;
border: 0
}

* html a:hover
{
visibility:visible
}

.icon5 a:hover img
{
visibility:hidden
}

.icon5 span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}



/*end*/


/*icon 6*/



.icon6
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/home-icon2.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon6 a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon6 a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon6 img
{
width: 91px;
height: 91px;
border: 0
}

* html a:hover
{
visibility:visible
}

.icon6 a:hover img
{
visibility:hidden
}

.icon6 span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}



/*end*/


.icon1, .icon2, .icon3, .icon4, .icon5, .icon5, .icon6, .icon-eurostop, .icon-rmis, .icon-ecommerce,
.icon1-c, .icon2-c, .icon3-c, .icon4-c, .icon5-c, .icon5-c, .icon6-c, .icon-rmis-c, .icon-ecommerce-c
{
    float: left;
 
}

.image 
{
    position: relative;
    top: -20px;
}

#soundbits2 
{
    position: absolute;
    top: 470px;
    left: 40px;

}

.image-x 
{
    position: relative;
    top: 0px;
    left: -30px;
}

.image-x2 
{
    position: relative;
    top: 0px;
    left: 250px;
}

.image-x3 
{
    position: relative;
    top: 10px;
    left: 280px;
}

.reports-img 
{
    position: absolute;
    top: 15px;
    left: 0px;

}

#img-x4 
{
    padding-top: 15px;
    padding-right: 40px;
}

.boldx 
{
    font-weight: bold;
    letter-spacing: 1px;

}

.content a:hover 
{
    color: #6b2971;

}

.image-in 
{
    margin-left: -20px;

}


.company-img 
{
    position: absolute;
    top: 35px;
    left: -21px;
 
}

.euro-title 
{
    position: relative;
    top: -10px;
}

*html .euro-title 
{
    position: relative;
    top: -10px;

}

.company-text 
{
    position: relative;
    top: 230px;
}

.company-text-1 
{
    position: relative;
    top: 200px;
}


/* contact us page */

/*panel 1*/
   

.contact-p1 
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/contact-p12.png) no-repeat;
white-space: nowrap;
display: block;
width: 834px;
height: 131px;
margin: 0;
padding: 0;
margin-bottom: 20px;
cursor: default;
}

.contact-p1 a
{
display: block;
font-size: 11px;
width: 834px;
height: 131px;
display: block;
color: #8e869f;
cursor: default;


}

.contact-p1 a:hover
{
display: block;
color: #8e869f;
font-size: 11px;
width: 834px;
height: 131px;
display: block;
text-decoration: none;
font-weight:bold;
cursor: default;

}

.contact-p1 .cp
{
width: 834px;
height: 131px;
border: 0
}

* html a:hover
{
visibility:visible
}

.contact-p1 a:hover img
{
visibility:hidden
}

.contact-p1 span
{
position: absolute;
top: 29px;
left: 35px;
cursor: pointer;
font-family: Arial;
font-size: 11px;
font-weight: bold;
line-height: 24px;
}




/* end of panel 1*/ 


/*panel 2*/
   

.contact-p2 
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/contact-p22.png) no-repeat;
white-space: nowrap;
display: block;
width: 834px;
height: 131px;
margin: 0;
padding: 0;
margin-bottom: 20px;
}

.contact-p2 a
{
display: block;
font-size: 11px;
width: 834px;
height: 131px;
display: block;
float: left;
color: #8e869f;
cursor: default;


}

.contact-p2 a:hover
{
display: block;
color: #8e869f;
font-size: 11px;
width: 834px;
height: 131px;
display: block;
float: left;
text-decoration: none;
cursor: default;

}

.contact-p2 img
{
width: 834px;
height: 131px;
border: 0
}

* html a:hover
{
visibility:visible
}

.contact-p2 a:hover img
{
visibility:hidden
}

.contact-p2 span
{

position: absolute;
top: 29px;
left: 35px;
cursor: pointer;
font-family: Arial;
font-size: 11px;
font-weight: bold;
line-height: 24px;


}

/* end of panel 2*/

/*panel 3*/
   

.contact-p3 
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/contact-p32.png) no-repeat;
white-space: nowrap;
display: block;
width: 834px;
height: 131px;
margin: 0;
padding: 0;
margin-bottom: 20px;
}

.contact-p3 a
{
display: block;
font-size: 11px;
width: 834px;
height: 131px;
display: block;
float: left;
color: #8e869f;
cursor: default;


}

.contact-p3 a:hover
{
display: block;
color: #8e869f;
font-size: 11px;
width: 834px;
height: 131px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;
cursor: default;

}

.contact-p3 img
{
width: 834px;
height: 131px;
border: 0
}

* html a:hover
{
visibility:visible
}

.contact-p3 a:hover img
{
visibility:hidden
}

.contact-p3 span
{

position: absolute;
top: 29px;
left: 35px;
cursor: pointer;
font-family: Arial;
font-size: 11px;
font-weight: bold;
line-height: 24px;



}

/* end of panel 3*/  

.contact-panels 
{
    position: relative;
    left: 37px;
    top: 30px;
}

.barcode 
{
    position: absolute;
    top: 0px;
    left: 630px;
    z-index: 10;
 
}





.c-email, .c-map 
{
    float: left;
    cursor: pointer;
 
}




.contact-btns1
{
    position: absolute;
    top:133px;
    left: 700px;
}

.contact-btns3sin 
{
    position: absolute;
    top:131px;
    left: 700px;
}


contact-btns3-1
{
    position: absolute;
    top:133px;
    left: 700px;
}



.contact-btns1-1 
{
    position: absolute;
    top:284px;
    left: 700px;
}

*html .contact-btns1-1 
{
    position: absolute;
    top:287px;
    left: 700px;
}



.contact-btns2
{
    position: absolute;
    top:283px;
    left: 700px;
}


*html .contact-btnsin 
{
    position: absolute;
    top:287px;
    left: 700px;
}

.contact-btnsin 
{
    position: absolute;
    top:284px;
    left: 700px;
}


.contact-btns2-2 
{
    position: absolute;
    top:132px;
    left: 700px;
}










*html .contact-btns2 
{
    position: absolute;
    top:286px;
    left: 700px;
}



.contact-btns1-3 
{
    position: absolute;
    top:433px;
    left: 700px;
}

*html .contact-btns1-3 
{
      position: absolute;
    top:439px;
    left: 700px;
}

/*...............................*/

.contact-btns3 
{
    position: absolute;
    top:433px;
    left: 700px;
}


*html .contact-btns3
{
    position: absolute;
    top:439px;
    left: 700px;
}

/*...............................*/

.contact-btns2sin 
{
    position: absolute;
    top:434px;
    left: 700px;
}

*html .contact-btns2sin 
{
     position: absolute;
    top:440px;
    left: 700px;
}











.contact-btns2-2-2 
{
   position: absolute;
    top:433px;
    left: 700px;
}

*html .contact-btns2-2-2 
{
   position: absolute;
    top:439px;
    left: 700px;
}


.contact-btns3-3 
{
   position: absolute;
    top:133px;
    left: 700px;
}


*html .contact-btns3-3 
{
   position: absolute;
    top:133px;
    left: 700px;
}

/*.........second lot of btn on contact page*/




.c-email2, .c-map2 
{
    float: left;
    cursor: pointer;
 
}

 





.c-email3, .c-map3 
{
    float: left;
    cursor: pointer;
 
}

*html .image-clients 
{
    position: relative;
    left: -3px;
    top: -12px;
 
}

.image-clients 
{
    position: relative;
    left: -22px;
    top: -12px;
 
}

*html .adj1 
{
    position: relative;
    top: 0;
    left: 0;
}

.adj1 
{
    position: relative;
    top: 0;
    left: -10px;
}

*html .article-detail 
{
    width: 70%;
    height: 654px;
    padding: 10px;
    position: relative;
    left: 10px;
    top: 50px;
    overflow: auto;
    padding-right: 30px;
    text-align:left !important;
}

.article-detail 
{
    width: 70%;
    height: 654px;
    padding: 10px;
    position: relative;
    left: 175px;
    top: 50px;
    overflow: auto;
    padding-right: 30px;
    text-align:left !important;
 
}

.article-title 
{
    position: relative;
    top: 50px;
    color: #57959c;
    font-family: Arial, Tahoma;
    size: 14px;
    font-weight: bold;

}

*html .testimonials 
{
    width : 70%;
    height: 600px;
    overflow: visible;
    text-align: justify;
    position: relative;
    top: 50px;
    left: 0;
    line-height: 18px;
}

.testimonials 
{
    width : 70%;
    height: 600px;
    overflow: visible;
    text-align: justify;
    position: relative;
    top: 50px;
    left: 165px;
    line-height: 18px;
}


*html .testimonials1 
{
    width : 70%;
    height: auto;
    overflow: visible;
    text-align: justify;
    position: relative;
    top: 50px;
    left: 0;
    line-height: 18px;

}

.testimonials1 
{
    width : 70%;
    height: auto;
    overflow: visible;
    text-align: justify;
    position: relative;
    top: 50px;
    left: 165px;
    line-height: 18px;

}


.search 
{
    position: absolute;
    top: 25px;
    left: 775px;
}

*html .search 
{
    position: absolute;
    top: 35px;
    left: 780px;
}

.company-text-x 
{
    width: 70%;
    position: relative;
    top: 300px;
    left: 165px;
}

*html .company-text-x 
{
    width: 70%;
    position: relative;
    top: 300px;
    left: 20px;
}

.second-line 
{
    position: relative;
    top: -10px;
} 

.search-btn-x 
{
    margin-left: -19px;
    z-index: 10px;
    position: relative;
    top: 0px;
    left: 0px;
}

*html .search-btn-x 
{

    z-index: 10px;
    position: absolute;
    top: 5px;
    left: 190px;
}

.phone2 
{
    position: absolute; 
    top: 272px;
    left: 920px;
    color: #849b9b;
    font-size: 9px;
}

.company-text-x 
{
    position: relative;
    top: 20px;
    left: 0px;
}

*html .company-text-x 
{
    position: relative;
    top: 0px;
    left: 80px;
}


.col1, .col2, .col3 
{
    float: left;
    line-height: 25px;
 
}

.client-list 
{
    position: relative; 
    top: 40px;
    left: 80px;
    margin-left: 0;
 
}

.col1, .col2 
{
    margin-right: 120px;

}

*html .client-list 
{
    position: relative; 
    top: 40px;
    left: 90px;
    margin-left: 80px;
}

*html .search-results 
{
    position: relative;
    top: 40px;
    left: 0;
 
}

.search-results 
{
    position: relative;
    top: 40px;
    left: 160px;
 
}

/*new homepage*/

.straptext h1  {
   font-size: 20px;
   font-family: Century Gothic, Arial;
   margin: 0px;
   color: #9FA1B1;
   text-align: center;
   font-weight: bold;s
}

.straptext  {
   visibility: visible;
   position: absolute;
   left: 302px;
   top: 69px;
   z-index: 2;
   width: 360px;
}

.logoimg  {
   visibility: visible;
   position: absolute;
   left: 88px;
   top: 37px;
   z-index: 2;
   width: 178px;
   height: 63px;
}

#hometext p  {
   font-size: 11px;
   font-family: Arial;
   margin: 0px;
   text-align: left;
   color: #a0a2b4;
}

#hometext  {
   visibility: visible;
   position: absolute;
   left: 95px;
   top: 532px;
   z-index: 2;
   width: 803px;
}



#hometext a 
{
   color: #647e7e;
   padding: 0 1px 0 1px;
   background-color: #e1eaee;
   text-decoration: none;
   font-size: 10px; 
   font-family: Arial;
}

#hometext a:hover 
{
   color: #fff;
   padding: 0 1px 0 1px;
   background-color: #647e7e;
   text-decoration: none;
} 


/*new homepage panels and buttons*/

#homemainpanelimg  {

   position: absolute;
   left: 130px;
   top: 58px;
   width: 573px;
   height: 440px;
}






div#rmisbtnimg a img.main-p 
{
    height: 0; 
    width: 0; 
    border-width: 0;
    
    }
    
div#rmisbtnimg a:hover img.main-p 
{
    position: absolute; 
    top: -96px; 
    left: -703px; 
    height: 440px; 
    width: 573px; 
    z-index: 10;
    
    }
    
    
#rmisbtnimg { position: absolute; left: 833px; top: 154px; }


div#eposbtnimg a img.main-p {height: 0; width: 0; border-width: 0;}
div#eposbtnimg a:hover img.main-p {position: absolute; top: -97px; left: -576px; height: 440px; width: 573px; z-index: 10;}
#eposbtnimg {  position: absolute; left: 706px; top: 155px; }



div#ecubesbtnimg  a img.main-p {height: 0; width: 0; border-width: 0;}
div#ecubesbtnimg  a:hover img.main-p {position: absolute; top: -257px; left: -579px; height: 440px; width: 573px; z-index: 10;}
#ecubesbtnimg {  position: absolute; left: 709px; top: 315px; }



div#ecombtnimg  a img.main-p {height: 0; width: 0; border-width: 0;}
div#ecombtnimg  a:hover img.main-p {position: absolute; top: -177px; left: -578px; height: 440px; width: 573px; z-index: 10;}
#ecombtnimg {position: absolute; left: 708px; top: 235px; }



div#etimebtnimg a img.main-p {height: 0; width: 0; border-width: 0;}
div#etimebtnimg a:hover img.main-p {position: absolute; top: -259px; left: -706px; height: 440px; width: 573px; z-index: 10;}
#etimebtnimg { position: absolute; left: 836px; top: 317px; }



div#edatabtnimg a img.main-p {height: 0; width: 0; border-width: 0;}
div#edatabtnimg a:hover img.main-p {position: absolute; top: -180px; left: -707px; height: 440px; width: 573px; z-index: 10;}
#edatabtnimg { position: absolute; left: 837px; top: 238px; }


/*presentation*/

div#presentationbtn a div.main-p2 {height: 0; width: 0; border-width: 0;}

div#presentationbtn a img.play-on {height: 0; width: 0; border-width: 0;}

div#presentationbtn a embed {height: 0; width: 0; border-width: 0; display: none; visibility:hidden;}

div#presentationbtn a:hover div.main-p2 {
   position: absolute; 
   top: -341px; 
   left: -682px; 
   height: 441px; 
   width: 625px; 
   z-index: 20;
   background-image: url(/Portals/0/flash-bg.png);
   background-repeat:no-repeat;
   
   }

div#presentationbtn a:hover img.play-on 
{
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: 20;
    width: 145px;
    height: 130px;
    border: 0;
}
    
   
div#presentationbtn a:hover embed 
{
    display: block;
    position: absolute; 
    top: 38px; 
    left: 0px; 
    height:351px; 
    width: 623px; 
    z-index: 25;
    display: block;
    visibility: visible;
    }
    
#presentationbtn 
{
    position: absolute; 
    left: 764px; 
    top: 398px; 
    
    }
    
.play-off 
{
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: 5;
    border: 0;
}


/*end of presentation*/


/* Chinese presentation*/


div#presentationbtn-c a img.play-on {height: 0; width: 0; border-width: 0;}



div#presentationbtn-c a:hover img.play-on 
{
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: 20;
    width: 145px;
    height: 130px;
    border: 0;
}
    

    
#presentationbtn-c 
{
    position: absolute; 
    left: 764px; 
    top: 398px; 
    
    }
    
#presentationbtn-c .play-off 
{
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: 5;
    border: 0;
}


/*end of presentation*/


* html #boxesimg  {
   visibility: visible;
   position: relative;
   left: 0px;
   top: 20px;
   z-index: 2;
   width: 875px;
   height: 96px;
}

#boxesimg  {
   visibility: visible;
   position: relative;
   left: 108px;
   top: 20px;
   z-index: 2;
   width: 875px;
   height: 96px;
}


#pdtext p,
#prtext p,
#id7petext p,
#id3petext p,
#pttext p,
#id5petext p  {
   font: 12px "Century Gothic";
   margin: 0px;
   text-align: left;
   color: #26606d;
}


#pdtext a,
#prtext a,
#id7petext a,
#id3petext a,
#pttext a,
#id5petext a
{
   text-decoration: none;
   font: 11px "Century Gothic";
   margin: 0px;
   text-align: left;
   color: #26606d;
   cursor: pointer; 
}

#id3petext a:hover
{
   text-decoration: none;
   font: 11px "Century Gothic";
   margin: 0px;
   text-align: left;
   color: #98a73a;  

}

#prtext a:hover
{
   text-decoration: none;
   font: 11px "Century Gothic";
   margin: 0px;
   text-align: left;
   color: #0190bf;  

}

#id7petext a:hover
{
   text-decoration: none;
   font: 11px "Century Gothic";
   margin: 0px;
   text-align: left;
   color: #bb117a;  

}

#pdtext a:hover
{
   text-decoration: none;
   font: 11px "Century Gothic";
   margin: 0px;
   text-align: left;
   color: #d6a01e;  

}

#id5petext a:hover
{
   text-decoration: none;
   font: 11px "Century Gothic";
   margin: 0px;
   text-align: left;
   color: #7d7d7f;  

}

#pttext a:hover
{
   text-decoration: none;
   font: 11px "Century Gothic";
   margin: 0px;
   text-align: left;
   color: #da2637;  

}








#id3petext
 {
   visibility: visible;
   position: absolute;
   top: 180px;
   left: 110px;
   z-index: 2;
   width: 109px;
   height: 270px;
}


#pdtext  {
   left: 589px;
    visibility: visible;
   position: absolute;
   top: 180px;
   z-index: 2;
   width: 120px;
    height: 270px;
}



#moretext p  {
   font: bold 8px/14px "Century Gothic";
   margin: 0px;
   color: #BDD043;
   text-align: left;
}


#moretext-c p  {
   font: normal 9px "Century Gothic";
   margin: 0px;
   color: #BDD043;
   text-align: left;
}


#id5petext  {
   visibility: visible;
   position: absolute;
   left: 759px;
   top: 180px;
   z-index: 2;
   width: 120px;
    height: 270px;
}


#moretext, #moretext-c  {
   visibility: visible;
   position: absolute;
   left: 115px;
   top: 445px;
   z-index: 2;
   width: 946px;
}


#moretext a:hover, #moretext-c a:hover {

    text-decoration: none;
    background-color: #e3edef;
    padding-top: 4px;
    padding-bottom: 4px;
}
 

#pttext  {
   visibility: visible;
   position: absolute;
   left: 920px;
   top: 180px;
   z-index: 2;
   width: 120px;
    height: 270px;
}


#prtext  {
   visibility: visible;
   position: absolute;
   left: 264px;
   top: 180px;
   z-index: 2;
   width: 120px;
    height: 270px;
}

#id7petext  {
   visibility: visible;
   position: absolute;
   left: 435px;
   top: 180px;
   z-index: 2;
   width: 120px;
    height: 270px;
}

.x-ef {

  margin-bottom: 10px;
  margin-left: 5px;

}

.ef-error {

  font-family:Tahoma,Arial,Helvetica;
  font-size:11px;
  font-weight:normal;
  color: #e34e35;

  }

/*chinese*/

#ad-menu-c
{
    width: 551px;
    height: 68px;
    background-image: url(/Portals/0/ad-menu-c.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 470px;
    left: 368px;
}


#offices-c 
{
    position: absolute;
    top: 0px;
    left: 110px;
    width: 266px;
    height: 22px;
}

#offices-c a 
{
   font-family :Century Gothic, Tahoma;
   font-size: 7pt;
   font-weight: normal;
   color: #666;
}

*html #side-menu-c 
{
    width: 173px;
    height: 221px;
    background-image: url(/Portals/0/side-menu-c.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 1022px;
    top: 40px;
    z-index: 20;
}

#side-menu-c 
{
    width: 173px;
    height: 221px;
    background-image: url(/Portals/0/side-menu-c.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 1022px;
    top: 40px;
    z-index: 20;
}

*html .side-menu-c 
{
   width: 120px;
    height: 220px;
   position: absolute;
    left: 1028px;
    top: 57px;
    z-index: 25;
    text-align: left;
    font-family : Arial;
    font-size: 7pt;
    font-weight: normal;
    color: #60a4ae;
}

.side-menu-c 
{
   width: 120px;
    height: 220px;
    position: absolute;
    left: 1026px;
    top: 57px;
    z-index: 25;
    text-align: left;
    font-family : Arial;
    font-size: 7pt;
    font-weight: normal;
    color: #60a4ae;
}

.side-menu-c a 
{
    font-weight: normal;
}

a.more-c 
{
   text-align: justify;
   font-family :Century Gothic, Tahoma;
   font-size: 7pt;
   font-weight: normal;
   color: #3eb48a;

}

a.more-c:hover 
{
    color: #fff;
}

.phone2-c 
{
    position: absolute; 
    top: 272px;
    left: 916px;
    color: #849b9b;
    font-size: 9px;
}


/*icon 2*/



.icon2-c
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/testimonials-icon2-c.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon2-c a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon2-c a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon2-c img
{
width: 91px;
height: 91px;
border: 0;
}

* html a:hover
{
visibility:visible;
}

.icon2-c a:hover img
{
visibility:hidden;
}

.icon2-c span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}



/*end*/

/*icon 3*/



.icon3-c
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/benefits-icon2-c.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon3-c a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon3-c a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon3-c img
{
width: 91px;
height: 91px;
border: 0
}

* html a:hover
{
visibility:visible
}

.icon3-c a:hover img
{
visibility:hidden
}

.icon3-c span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}


/*end*/

/*icon 1*/



.icon1-c
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/info-icon2-c.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon1-c a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon1-c a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon1-c img
{
width: 91px;
height: 91px;
border: 0
}

* html a:hover
{
visibility:visible
}

.icon1-c a:hover img
{
visibility:hidden
}

.icon1-c span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}



/*end*/

/*icon 4*/



.icon4-c
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/contact-icon2-c.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon4-c a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon4-c a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon4-c img
{
width: 91px;
height: 91px;
border: 0
}

* html a:hover
{
visibility:visible
}

.icon4-c a:hover img
{
visibility:hidden
}

.icon4-c span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}



/*end*/


/*icon 5*/



.icon5-c
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/favourite-icon2-c.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon5-c a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon5-c a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon5-c img
{
width: 91px;
height: 91px;
border: 0
}

* html a:hover
{
visibility:visible
}

.icon5-c a:hover img
{
visibility:hidden
}

.icon5-c span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}



/*end*/


/*icon 6*/



.icon6-c
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/home-icon2-c.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon6-c a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon6-c a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon6-c img
{
width: 91px;
height: 91px;
border: 0
}

* html a:hover
{
visibility:visible
}

.icon6-c a:hover img
{
visibility:hidden
}

.icon6-c span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}



/*end*/

*html .bott-bg-c
{
    background-image: url(/Portals/0/bot-bg2-c.png);
	background-position: center top;
	background-repeat:no-repeat;
	width: 1099px;
	height: 704px;
	position: relative;
	top: 0px;

		
}

.bott-bg-c
{
    background-image: url(/Portals/0/bot-bg2-c.png);
	background-position: center top;
	background-repeat:no-repeat;
	width: 1099px;
	height: 704px;
	position: relative;
	top: 0px;
			
}

.phone-c
{
    position: absolute; 
    top: 554px;
    left: 915px;
    color: #849b9b;
    font-size: 10px;
    z-index: 15;
}

#language-choice 
{
    position: absolute;
    left: 800px;
 
}

/*icon rmis*/



.icon-rmis-c
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/more-winrmis-c.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon-rmis-c a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon-rmis-c a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon-rmis-c img
{
width: 91px;
height: 91px;
border: 0
}

* html a:hover
{
visibility:visible
}

.icon-rmis-c a:hover img
{
visibility:hidden
}

.icon-rmis-c span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}



/*end*/

.icon-ecommerce-c
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/more-ecommerce-c.png) no-repeat;
white-space: nowrap;
display: block;
width: 91px;
height: 91px;
margin: 0;
padding: 0;
}

.icon-ecommerce-c a
{
display: block;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
color: #60a4ae;


}

.icon-ecommerce-c a:hover
{
display: block;
color: #fff;
font-size: 12px;
width: 91px;
height: 91px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;

}

.icon-ecommerce-c img
{
width: 91px;
height: 91px;
border: 0
}

* html a:hover
{
visibility:visible
}

.icon-ecommerce-c a:hover img
{
visibility:hidden
}

.icon-ecommerce-c span
{

position: absolute;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family: Arial;
font-size: 9px;


}

/*play button*/


 .play
{
position: relative;
background: url(/Portals/0/play-btn-on.gif) no-repeat;
white-space: nowrap;
display: block;
width: 145px;
height: 130px;
margin: 0;
padding: 0;
}

.play a
{

display: block;
width: 145px;
height: 130px;
display: block;
float: left;
text-decoration: none;
}

.play a:hover
{
display: block;
width: 145px;
height: 130px;
display: block;
float: left;
}

.play img
{
width: 145px;
height: 130px;
border: 0
}

* html a:hover
{
visibility:visible;
}

.play a:hover img
{
visibility:hidden;
}


/*end of play button */

/*panel 1*/
   

.contact-p1-c 
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/contact-p12-c.png) no-repeat;
white-space: nowrap;
display: block;
width: 834px;
height: 131px;
margin: 0;
padding: 0;
margin-bottom: 20px;
cursor: default;
}

.contact-p1-c a
{
display: block;
font-size: 11px;
width: 834px;
height: 131px;
display: block;
color: #8e869f;
cursor: default;


}

.contact-p1-c a:hover
{
display: block;
color: #8e869f;
font-size: 11px;
width: 834px;
height: 131px;
display: block;
text-decoration: none;
font-weight:bold;
cursor: default;

}

.contact-p1-c .cp
{
width: 834px;
height: 131px;
border: 0
}

* html a:hover
{
visibility:visible
}

.contact-p1-c a:hover img
{
visibility:hidden
}

.contact-p1-c span
{
position: absolute;
top: 29px;
left: 35px;
cursor: pointer;
font-family: Arial;
font-size: 11px;
font-weight: bold;
line-height: 24px;
}




/* end of panel 1*/ 

/*panel 2*/
   

.contact-p2-c 
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/contact-p22-c.png) no-repeat;
white-space: nowrap;
display: block;
width: 834px;
height: 131px;
margin: 0;
padding: 0;
margin-bottom: 20px;
}

.contact-p2-c a
{
display: block;
font-size: 11px;
width: 834px;
height: 131px;
display: block;
float: left;
color: #8e869f;
cursor: default;


}

.contact-p2-c a:hover
{
display: block;
color: #8e869f;
font-size: 11px;
width: 834px;
height: 131px;
display: block;
float: left;
text-decoration: none;
cursor: default;

}

.contact-p2-c img
{
width: 834px;
height: 131px;
border: 0
}

* html a:hover
{
visibility:visible
}

.contact-p2-c a:hover img
{
visibility:hidden
}

.contact-p2-c span
{

position: absolute;
top: 29px;
left: 35px;
cursor: pointer;
font-family: Arial;
font-size: 11px;
font-weight: bold;
line-height: 24px;


}

/* end of panel 2*/

/*panel 3*/
   

.contact-p3-c 
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/Portals/0/contact-p32-c.png) no-repeat;
white-space: nowrap;
display: block;
width: 834px;
height: 131px;
margin: 0;
padding: 0;
margin-bottom: 20px;
}

.contact-p3-c a
{
display: block;
font-size: 11px;
width: 834px;
height: 131px;
display: block;
float: left;
color: #8e869f;
cursor: default;


}

.contact-p3-c a:hover
{
display: block;
color: #8e869f;
font-size: 11px;
width: 834px;
height: 131px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;
cursor: default;

}

.contact-p3-c img
{
width: 834px;
height: 131px;
border: 0
}

* html a:hover
{
visibility:visible
}

.contact-p3-c a:hover img
{
visibility:hidden
}

.contact-p3-c span
{

position: absolute;
top: 29px;
left: 35px;
cursor: pointer;
font-family: Arial;
font-size: 11px;
font-weight: bold;
line-height: 24px;



}

/* end of panel 3*/  

/*language1*/
   

.language-chinese 
{
position: absolute;
top: 2px;
left: 850px;
background: url(/Portals/0/chinese2.png) no-repeat;
white-space: nowrap;
display: block;
width: 60px;
height: 20px;
margin: 0;
padding: 0;

}

.language-chinese a
{
display: block;
font-size: 11px;
width: 60px;
height: 20px;
display: block;
float: left;
color: #8e869f;
cursor: pointer;


}

.language-chinese a:hover
{
display: block;
font-size: 11px;
width: 60px;
height: 20px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;
cursor: pointer;

}

.language-chinese img
{
width: 60px;
height: 20px;
border: 0
}

* html a:hover
{
visibility:visible
}

.language-chinese a:hover img
{
visibility:hidden
}



/* end of language*/  

/*language2*/
   

.language-english 
{
position: absolute;
top: 2px;
left: 850px;
background: url(/Portals/0/english.png) no-repeat;
white-space: nowrap;
display: block;
width: 60px;
height: 20px;
margin: 0;
padding: 0;

}

.language-english a
{
display: block;
font-size: 11px;
width: 60px;
height: 20px;
display: block;
float: left;
color: #8e869f;
cursor: pointer;


}

.language-english a:hover
{
display: block;
font-size: 11px;
width: 60px;
height: 20px;
display: block;
float: left;
text-decoration: none;
font-weight:bold;
cursor: pointer;

}

.language-english img
{
width: 60px;
height: 20px;
border: 0
}

* html a:hover
{
visibility:visible
}

.language-english a:hover img
{
visibility:hidden
}



/* end of language*/  

.intro-title 
{
    position: absolute;
    top: 50px;
    left: 710px;
}

.intro-title h2 
{
   color: #fff;
   padding: 0 1px 0 1px;
   background-color: #647e7e;
   font-size: 10px;
   font-size: 10px; 
   letter-spacing: 0.75px;
   padding: 2px;
   width: 300px;
   text-transform: uppercase;
 
}

.content h2 
{
   color: #647e7e;
   padding: 1px;
   background-color: #e3e6eb;
   text-decoration: none;
   font-size: 11px; 
   font-family: Arial;
   text-transform: uppercase;
 
}

.content h1.x 
{
   color: #647e7e;
   border: 1px solid #647e7e;
   padding: 2px;
   background-color: #fff;
   text-decoration: none;
   font-size: 12px; 
   font-family: Arial;
   text-transform: uppercase;
   position: relative;
   font-weight: normal;
   left:0;
   top:0;
   margin-bottom: 30px;
 
}

.spacer 
{
    width: 200px;
    height: 50px;
}

.more-c 
   {
    position: absolute;
    top: 245px;
    left: 2px;
 } 
 
 .all-products 
 {
   width: 900px;
   height: 300px;
   position: absolute;
   top: 165px;
   left: 113px;
 
 } 
 
 .all-products p 
 {
    width: 130px;
  }
 
 
 .product-column {
 
    float: left;
    text-align: center;
    font-size: 11px;
    width: 150px;
    height: 300px;
    text-align: left;
}
    
 .product-column span {
 
    position: absolute;
    top: 265px;

}   

a.1:hover {

    color: rgb(189,208,67);
    text-decoration: none;

} 

a.2:hover {

    color: rgb(0,170,226);
    text-decoration: none;

} 


a.3:hover {

    color: rgb(211,38,145);
    text-decoration: none;

} 


a.4:hover {

    color: rgb(245,187,48);
    text-decoration: none;

} 


a.5:hover {

    color: rgb(125,125,127);
    text-decoration: none;

} 


a.6:hover {

    color: rgb(218,38,55);
    text-decoration: none;

} 

a.bb1 {

    color: rgb(189,208,67); 
    position: absolute;
    top: 265px;
      padding-top: 4px;
    padding-bottom: 4px;
    display: block;
    width: 150px;
}



a.bb1:hover {

    display: block;
    text-decoration: none;
    background-color: #e3edef;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 150px;

}

a.bb2 {

    color: rgb(0,170,226); 
    position: absolute;
    top: 265px;
      padding-top: 4px;
    padding-bottom: 4px;
    display: block;
    width: 150px;
}



a.bb2:hover {

    display: block;
    text-decoration: none;
    background-color: #e3edef;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 150px;
    

}

a.bb3 {

    color: rgb(211,38,145); 
    position: absolute;
    top: 265px;
      padding-top: 4px;
    padding-bottom: 4px;
    display: block;
    width: 150px;
}



a.bb3:hover {

    display: block;
    text-decoration: none;
    background-color: #e3edef;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 150px;

}

a.bb4 {

    color: rgb(245,187,48); 
    position: absolute;
    top: 265px;
      padding-top: 4px;
    padding-bottom: 4px;
    display: block;
    width: 150px;
}



a.bb4:hover {

    display: block;
    text-decoration: none;
    background-color: #e3edef;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 150px;

}

a.bb5 {

    color: rgb(125,125,127); 
    position: absolute;
    top: 265px;
      padding-top: 4px;
    padding-bottom: 4px;
    display: block;
    width: 150px;
}



a.bb5:hover {

    display: block;
    text-decoration: none;
    background-color: #e3edef;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 150px;

}

a.bb6 {

    color: rgb(218,38,55); 
    position: absolute;
    top: 265px;
      padding-top: 4px;
    padding-bottom: 4px;
    display: block;
    width: 150px;
}



a.bb6:hover {

    
    text-decoration: none;
    background-color: #e3edef;
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
    width: 150px;
}
   

h1.epos 
{
    font-family: Century Gothic, Arial;
    font-size: 13px; 
    text-transform: uppercase;
    color: #9bac2a;
    letter-spacing: 1px;
}






/*for IE 7 */   

.heading h1 
{
    font-family: Century Gothic, Arial;
    font-size: 13px; 
    text-transform: uppercase;
    color: #9bac2a;
    letter-spacing: 1px;
}

.small-logo 
{
     position: absolute;
     top: 5px;
     left: 5px;
}

a.newsletter-h, .newsletter-home a
{
 text-transform: uppercase;
 text-decoration: none;
 font-weight: bold;
 color: #000;
 background-color: #fff;
 border: 0px solid #666;
 padding: 3px;
  letter-spacing: 0.5px;
 
 }
 
 a.newsletter-h:hover, .newsletter-home a:hover  
{
 text-transform: uppercase;
 text-decoration: none;
 font-weight: bold;
 color: #fff;
 background-color: #000;
 border: 0px solid #666;
  padding: 3px;
 letter-spacing: 0.5px;
 
 }
 
 .newsletter-home 
 {
    position: absolute;
    top: -30px;
    left: -8px;
 }