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

/* -----------------------------------------------------------------------

I create CSS my self

----------------------------------------------------------------------- */

/* background */

body	{background: url(../../../../images/bg_top_tab.jpg) repeat-x top; margin:0;padding:0; !important}
.noMargin	{margin:0; !important}
.right	{float:right;}
.left	{float:left;}

/* header */

#header	{height:155px; padding-top:6px;}
#header	p	{color:#6c880a; font-size:18px; padding:40px 0 0 0; font-weight:bold;}
#header	p span	{color:#506604; font-size:24px;}
#header	p a:link, #header p a:visited	{color:#506604; font-size:24px; text-decoration:none;}
#header	p a:hover, #header p a:active	{color:#74920e; text-decoration:underline;}
#logo	{padding:31px 0 0 0px;}


/* navigator */

#navitop	{float:right; height:48px;}
#navitop ul	{float:right; list-style:none; margin:0; width:157px;}
#navitop li	{display:inline; margin:0 -3px 0 0;}
#navi		{height:65px; margin:0px 0 30px 0; display:block;}
#navi ul	{float:left; list-style:none; margin:auto;}
#navi li	{display:inline;}
#navi li.yourJourney a:link		{background-image:url(../../../../images/navi_01.jpg); background-repeat:no-repeat; display:inline-block; width:148px; height:65px; margin:0 -3px 0 0;}
#navi li.yourJourney a:hover	{background-image:url(../../../../images/navi_01-o.jpg); background-repeat:no-repeat;}
#navi ul#yourJourney li.yourJourney a	{background-image:url(../../../../images/navi_01-o.jpg); background-repeat:no-repeat;}
#navi li.clientSupport a:link	{background-image:url(../../../../images/navi_02.jpg); background-repeat:no-repeat; display:inline-block; width:156px; height:65px; margin:0 -3px 0 0;}
#navi li.clientSupport a:hover	{background-image:url(../../../../images/navi_02-o.jpg); background-repeat:no-repeat;}
#navi ul#clientSupport li.clientSupport a	{background-image:url(../../../../images/navi_02-o.jpg); background-repeat:no-repeat;}
#navi li.teamLefke a:link		{background-image:url(../../../../images/navi_03.jpg); background-repeat:no-repeat; display:inline-block; width:127px; height:65px; margin:0 -3px 0 0;}
#navi li.teamLefke a:hover		{background-image:url(../../../../images/navi_03-o.jpg); background-repeat:no-repeat;}
#navi ul#teamLefke li.teamLefke a		{background-image:url(../../../../images/navi_03-o.jpg); background-repeat:no-repeat;}
#navi li.financialNews a:link	{background-image:url(../../../../images/navi_04.jpg); background-repeat:no-repeat; display:inline-block; width:161px; height:65px; margin:0 -3px 0 0;}
#navi li.financialNews a:hover	{background-image:url(../../../../images/navi_04-o.jpg); background-repeat:no-repeat;}
#navi ul#financialNews li.financialNews a	{background-image:url(../../../../images/navi_04-o.jpg); background-repeat:no-repeat;}
#navi li.toolsCalculators a:link	{background-image:url(../../../../images/navi_05.jpg); background-repeat:no-repeat; display:inline-block; width:202px; height:65px; margin:0 -3px 0 0;}
#navi li.toolsCalculators a:hover	{background-image:url(../../../../images/navi_05-o.jpg); background-repeat:no-repeat;}
#navi ul#toolsCalculators li.toolsCalculators a	{background-image:url(../../../../images/navi_05-o.jpg); background-repeat:no-repeat;}
#navi li.contactLefke a:link	{background-image:url(../../../../images/navi_06.jpg); background-repeat:no-repeat; display:inline-block; width:156px; height:65px; margin:0 -3px 0 0;}
#navi li.contactLefke a:hover	{background-image:url(../../../../images/navi_06-o.jpg); background-repeat:no-repeat;}
#navi ul#contactLefke li.contactLefke a	{background-image:url(../../../../images/navi_06-o.jpg); background-repeat:no-repeat;}
			
			
/* banner */

#mainBanner	{height:330px;}
.frameBanner	{ position:absolute; z-index:2;}


/* add font */

@font-face {
	font-family: 'miso';
	src: url('fonts/miso.eot');
	src: local('☺'), url('fonts/miso.html') format('woff'), url('fonts/miso.ttf') format('truetype'), url('fonts/miso-2.html') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* content */

#mainContent	{font:Arial, Helvetica, sans-serif; font-size:1.2em;}
#mainContent h1	{font-family:'miso',Arial, Helvetica, sans-serif; font-size:3em; color:#81a113; margin-bottom:0.25em; padding:10px 0 10px 10px;}
#mainContent h2	{font-family:'miso',Arial, Helvetica, sans-serif; font-size:2.5em; color:#81a113; margin-bottom:0.25em; padding:10px 0 10px 10px;}
#mainContent h3	{font-family:'Arial',Helvetica, sans-serif; font-size:1.2em; color:#81a113; font-weight:bold; padding-left:10px; line-height:1.2em;}
#mainContent h4	{font-weight:bold; padding-left:10px;}
#mainContent p	{padding:0 10px; text-align:justify; margin-bottom:10px;}
#mainContent p.actcon	{ font-size:11px;}
#mainContent .photoAct	{-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px;
						 -moz-box-shadow:2px 2px 5px 0px #435602; -webkit-box-shadow:2px 2px 5px 0px #435602; box-shadow:2px 2px 5px 0px #435602; behavior: url(../../../PIE.htc);
						 border: 1px solid #d5dac7; margin:0 0 20px 0;}
#mainContent a:link, #mainContent a:visited {color:#a3c114; text-decoration:none;}
#mainContent a:hover, #mainContent a:active {color:#506604; text-decoration:underline;}
#map		{height:325px; margin-bottom:40px;}
#tab3act	{background:#f6f8f3 url(../../../../images/tab3act.jpg) top repeat-x;}
#tab3act div.calculators a	{display:block; text-align:center; padding:5px 0; background:#2d3901; width:164px; margin-left:13px; color:#FFF;  text-decoration:none;}
#tab3act div.calculators a:hover	{background:#74920e; color:#FFF; text-decoration:none;}
.0pxu	{padding-bottom:0px; margin-bottom:0; !important}
.20pxu	{padding-bottom:20px; !important}
.paTop	{ border-top:#c5cfa3 thin dotted; padding-top:10px;}
.10pxf	{margin-left:10px;}
.center	{ text-align:center;}
#map	{height:330px;}
.box ul li	{list-style: url(../../../../images/list.png);}

/* button */

a.buttonAct, button {
  display:block;
  float:left;
  margin: 0.7em 0.5em 0.7em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;
  -moz-box-shadow:0px 0px 5px 0px #435602; -webkit-box-shadow:0px 0px 5px 0px #435602; box-shadow:0px 0px 5px 0px #435602; behavior: url(../../../PIE.htc);

  background-color:#f5f5f5;
  font-family:'Tahoma',Arial , Verdana, sans-serif;
  font-size:75%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#a3c114;
  cursor:pointer;
}
a.buttonAct:hover, button:hover{
  background-color:#a3c114;
  color:#ffffff;
}
a.buttonAct:active, button:active{
  background-color:#a3c114;
  color:#ffffff;
}


/* footer */

#footer	{width:100%; color:#FFFFFF; background: url(../../../../images/tabfooter.jpg) #232c00 top repeat-x;}
#footer h2	{font-family:'miso',Arial, Helvetica, sans-serif; font-size:2.5em; color:#81a113; margin-bottom:0.25em; padding:10px 0 10px 0px;}
#footer h2 span	{font-size:0.8em; color:#ffffff;}
#footer a:link, #footer a:visited
			{text-decoration:none; color:#ffffff; font-weight:bold; font-size:12px; width:100%; line-height:2em;}
#footer a:hover, #footer a:active
			{text-decoration:none; color:#74910e; font-weight:bold; width:100%;}
#footer p	{color:#fff; font-size:12px; float:left;}
#footer p a:link, #footer p a:visited
			{text-decoration:underline; color:#fff; font-size:12px; font-weight:bold;}
#footer p a:hover, #footer p a:active
			{text-decoration:none; color:#74910e; font-size:12px; font-weight:bold; text-decoration:underline;}
#footer ul	{list-style:none; margin:auto; padding:1.7em 0 0 0;}
#footer li	{display:inline; padding:0 10px; text-align:center; width:100%; height:40px; border-right:#bcbcbc thin solid;}
#footbottom	{height:90px; width:100%; color:#FFFFFF; background:#1b2300}
#footbottom a:link, #footbottom a:visited
			{text-decoration:none; color:#ffffff; font-weight:bold; font-size:11px; width:100%;}
#footbottom a:hover, #footbottom a:active
			{text-decoration:none; color:#74910e; font-weight:bold; width:100%;}
#footbottom p	{color:#fff; font-size:11px; float:left;}
#footbottom p a:link, #footbottom p a:visited
			{text-decoration:underline; color:#fff; font-weight:bold;}
#footbottom p a:hover, #footbottom p a:active
			{text-decoration:none; color:#74910e; font-weight:bold; text-decoration:underline;}
#footbottom ul	{list-style:none; margin:auto; padding:1.7em 0 0 0;}
#footbottom li	{display:inline; padding:0 8px; text-align:center; width:100%; height:40px; border-right:#bcbcbc thin solid;}
#footbottom p.gawfsg		{padding:2em 0 0 0px; color:#666666;}



/* grails pagination css */
.paginateButtons {
    border-top: 0;
    color: #000;
    font-size: 1.2em;
    overflow: hidden;
    padding: 10px 3px;
    font-weight: 600;
}

.paginateButtons a {
    /*    background: #fff; */
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    color: #000;
    margin: 0 3px;
    padding: 2px 6px;
    font-weight: 600;
    font-size:15px;
    background-color: #EBF4FB;
}

.paginateButtons a:hover {
    /*    background: #fff; */
    font-weight: 600;
    font-size:15px;
}

.paginateButtons span {
    padding: 2px 3px;
}

.paginateButtons .currentStep .nextLink .prevLink .step {
    color: #000;
    font-size:15px;
}