@charset "utf-8";
/* CSS Document */

 @charset "utf-8";
/* CSS Document */

body {
	font-family: Arial,sans-serif;
	 
	margin:0;
	padding:0;
	background: #006E76
 	 
}
table {border:0; }
img {border:0;}
li,ol {list-style-type: none;}
.clear {clear:both;  }
ul,li,h1,p {margin:0; padding:0;}

a {color:#06C} 
#wrapper {margin:0 auto 0 auto; width:960px; padding:0;   }
#header {
	width:940px;
	margin:0 0 2px 0;
	height:200px;
	float:left;
	background-image: url(img/top-banner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
} 
#main {background:#fff; float:left; width:940px; padding:10px 10px 40px 10px;}
#langauge {
	width:120px;
	float:right;
	margin:15px 30px 0 0;
	height:24px;
	text-align:center;
	padding:8px 5px 0 5px;
	background-color: #FFF;
	background-image: url(img/langbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	-moz-border-radius-topleft:  8px; 
-moz-border-radius-topright:  8px; 
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
font-size:12px
}
#langauge img {margin-bottom:-2px;}


div#feature_list {width: 940px;height: 340px;overflow: hidden;position: relative;}
div#feature_list ul {position: absolute;top: 0;list-style: none;padding: 0;	margin: 0;}


ul#tabs {left: 0;z-index: 2;width: 268px;}
ul#tabs li {font-size: 12px;font-family: Arial;}
.topli {padding:0 !important;margin:0 !important;width:288px;height:16px;background-image: url(img/bg_top_li.jpg) !important;background-repeat: repeat-x !important;	background-position: left top !important;}
#tabs li  {background-image: url(img/bg_intro.jpg);	background-repeat: no-repeat;background-position: left top;}
ul#tabs li img {padding: 5px;border: none;float: left;margin: 0 10px 0 0;}
 
ul#tabs li a {color: #222;text-decoration: none;display: block; padding: 12px 10px 10px 10px;height: 85px;outline: none;}
ul#tabs li a:hover {text-decoration: underline;}
ul#tabs li a.current {background:  url('feature-tab-current.png') ;-background: none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='feature-tab-current.png', sizingMethod='scale'); color: #FFF;	}
ul#tabs h3 {padding:0; margin:15px 0 0 0;}
ul#tabs li a.current span {color:#fff}
ul#tabs li a.current h3 {color: #E6C452 }
ul#tabs li a.current:hover {text-decoration: none;cursor: default;}
ul#output {	right: 0;width: 672px;height: 400px;position: relative;}
ul#output li {position: absolute;width: 458px;height: 240px;}
img {border:none}



li, ol {list-style-type: none !important;}
.intro-text-left  {width:420px; float:left; margin:0 0 0 20px; font-size:13px; line-height:20px; border-right:1px solid #CCC; padding:0 20px 0 0;}
.intro-text-right  {width:400px; float:left; margin:0 0 0 30px; font-size:13px; line-height:20px;}

.intro-text-left h1, .intro-text-right h1 {color:#E6C452; padding:0; margin:0 0 10px 0; text-shadow: 1px 1px 1px #333 !important; line-height: 30px}
.intro-text-left h2, .intro-text-right h2 {color: #666; padding:0; margin:0 0 15px 0; font-size:18px; }

#footer {width:960px; color:#FFF; float:left; font-size:12px; margin:10px 0  120px 0}
#copy-right {width:360px;   float:left; }
#made-by-etransfair {width:116px;   float:right; margin:0 10px 0 0}
#left {width:720px; float:left; padding:10px 0 0 10px; }
#right {width:200px; float:right;  }
#left h1 {color:#00393D; border-bottom:1px solid #00393D; padding:0 0 5px 0; width:100%; margin:0 0 5px 0; font-size:26px}
#left h2 {color: #e6c452; font-size:18px; text-shadow: 1px 1px 1px #333 !important; } 
#left li {font-size:13px; margin:0 0 10px 20px; list-style:disc !important; padding:0 20px 0 0 }
#menu-right  {
	width:200px;
	float:left; 
 
	 
}

#one-column {margin:10px 0 0 0; float:left; width:940px; font-size:13px}
#one-column h1 {color:#00393D; border-bottom:1px solid #00393D; padding:0 0 5px 0 !important; width:100%; margin:0 0 5px 0;}
#one-column h2 {color: #e6c452; font-size:18px; text-shadow: 1px 1px 1px #333 !important;} 
.one-column-content {padding: 0 10px 0 10px;}
.one-column-content ul {margin: 10px 0 0 20px;}
.one-column-content li {list-style:disc !important}
#business-fields {} 
#business-fields ul {float:left; width:350px; height:200px;  }



#menu-right ul { float:left;  text-align:right; font-size:14px; margin:10px 0 0 35px;}
#menu-right  li {	  margin:8px 22px 0 0; text-align:left ; list-style:disc !important  }
#menu-right  a {font-variant: small-caps; color:#000; text-decoration:none; text-shadow: 0pt 1px 1px rgba(0, 0, 0, 0.5); display:block; padding:3px 7px 4px 7px !important;  	}
#menu-right  a:hover {text-decoration:none; color: #006E76; background: #E6C452  ; -moz-border-radius:  4px;  -webkit-border-radius: 4px;text-shadow: none !important; }
#menu-right  a:visited {}
#menu-right .current a { color:#fff;!important; background:#00393D; -moz-border-radius:  4px; -webkit-border-radius: 4px; text-shadow: none !important; }


.menu  {
	width:940px;
	height:40px;
	float:left; 
	margin:161px 0 0 0;
	background: #006E76;
}


.menu ul { float:left; width:700px; text-align:right; font-size:14px; margin:0 0 0 25px;}
.menu  li {	float:left; margin:8px 22px 0 0; 	  }
.menu  a {font-variant: small-caps; color:#fff !important; text-decoration:none; text-shadow: 0pt 1px 1px rgba(0, 0, 0, 0.5); display:block; padding:3px 7px 4px 7px !important;}
.menu  a:hover {text-decoration:none; color: #006E76; background: #E6C452 !important ; -moz-border-radius:  4px;  -webkit-border-radius: 4px;text-shadow: none !important; }
.menu  a:visited {}
.menu .current a { color:#fff;!important; background:#00393D; -moz-border-radius:  4px; -webkit-border-radius: 4px; text-shadow: none !important; }
 
/* style the outer div to give it width */
.menu ul ul {width:200px !important; margin:-21px 0 0 42px; padding:0 0 0 0; text-align:left }
.menu ul ul li {background: none;   }
/* style the sub level list items */
.menu ul ul li {display:block; height:auto; line-height:1em;  
	margin:0 0 0 0; float:left; }

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;  
	  font-size:12px;text-decoration:none;    padding:0;   }
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {   }

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block; background:#00393D ; color:#fff; width:130px; height:100%;line-height:1em;   border:1px solid #e6c452; margin:0 0 0 0; //margin:0 0 0 18px; -moz-border-radius:  4px; -webkit-border-radius: 4px;   } 
* html .menu ul ul a, * html .menu ul ul a:visited  { }
 

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited { }
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited { }
/* style the sub level 1 background */
.menu ul :hover a.sub1 { }
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 { }

/* style the level hovers */
/* first */
* html .menu a:hover {   position:relative; z-index:100;       }
.menu li:hover {position:relative;  z-index:10 !important; }
.menu :hover > a {color:#006633; }
/* second */
* html .menu ul ul a:hover{color:#ff0;background:#7aa; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#ff0;background:#7aa;}
/* third */
* html .menu ul ul ul a:hover {background:#7aa; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#7aa;}
/* fourth */
.menu ul ul ul ul a:hover {background:#7aa; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:3em; left:0;  }

/* position the third level flyout menu */
.menu ul ul ul{left:12em;top:0; }


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto;   background:transparent  ; left:-3em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:9em;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}
.download {font-size:12px; color:#666}
.download a {font-size:15px; }
 .download img {margin:0 10px -20px  0}
 
 #errors {
    
    border-left: 3px solid red; width: 500px; background-color: #F8DED6; 
    margin:0 0 20px 0; padding: 10px 10px;
    display: none;
}

#errors p {border-bottom: 1px solid #666; padding: 0 0 5px 0;}

#contact-form input {height:22px; line-height:30px; border: 1px solid #CCC; 	-moz-border-radius:  5px;
	-webkit-border-radius: 5px; }
#contact-form textarea { border: 1px solid #CCC; 	-moz-border-radius:  5px;
	-webkit-border-radius: 5px;}
#contact-form td {margin:11px 0 15px 0; padding:10px 0 10px 0; border-bottom:1px dashed #E8E8E8  }