@import url("reset.css");
@import url("responsive.css");

/* Body */
body { color: #223845; font-size: 11px; font-family: Verdana, Geneva, Kalimati, sans-serif; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; text-align: left; background: url(../images/bg_body.png) top left repeat-x #f1f0f0; }

/* gdpr */
.wpcc-color-custom-1906677769 .wpcc-privacy {text-decoration: underline;}
	
/* Headings */
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }
h6 { font-size: 10px; }

/* Anchors */
a {outline: 0;}
a img { border: 0px; text-decoration: none; }
a:link, a:visited {
	color: #3f6886;
	text-decoration: none;
}
a:hover, a:active {
	color: #d9be7b;
	text-decoration: none;
}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */
ul {}
ol {}
li {}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}
q {}

/* Tables */


/* Generic classes */
.fl { float: left; }
.fr { float: right; }
.fa { margin: 0 auto; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.clear { clear: both; height: 0; font-size: 0; line-height: 0; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.tj { text-align: justify; }
.vt { vertical-align: top; }
.vb { vertical-align: bottom; }
.vm { vertical-align: middle; }
.p50 { width: 50%; }
.p80 { width: 80%; }
.p90 { width: 90%; }
.p100 { width: 100%; }
.strong { font-weight: bold; }
.pad10 { padding: 10px; }
.hidden { display: none; }
.italic { font-style:italic; }
.smaller { font-size: 10px; }
.small { font-size: 9px; }
.f_Trb { font-family: "Trebuchet MS", Helvetica, sans-serif; }
.f_Vd { font-family: Verdana, Geneva, Kalimati, sans-serif; }
.f_Tnr { font-family:"Times New Roman",Georgia,Serif; }


.container {
	margin: 0 auto;
}
/*grid layout */
#align { width: 100%; text-align: center; background: url(../images/bg_align.png) bottom left repeat-x; }	
	#header {  height: 143px; padding: 0 20px; margin: 0 auto; text-align: left; }
	#content { min-height: 600px; padding: 0 20px; margin: 0 auto; text-align: left;  }
	#footer { min-height: 372px; padding: 0 20px; margin: 0 auto; text-align: left; }

/*HEADER*/
.mob-main-menu {
	display: none;
}
	.mob-menu-toggle {
		position: relative;
			
	}
		.mob-menu-toggle span {
			cursor: pointer;
			display: block;
			width: 200px;
			margin: 25px 0;
			padding: 15px 25px;
			font-size: 14px;
			background: #788797;
			color: #FFFFFF;
		}
	.mob-menu-inner {
		display: none;
		position: absolute;
		top: 100%;
		right: 0;
		margin: 0;
		padding: 15px;
		width: 350px;
		background: #FFFFFF;
		list-style-type: none;
		z-index: 99;
		-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
	}
		.mob-menu-inner li {
			margin: 5px 0;
		}
			.mob-menu-inner li a {
				cursor: pointer;
				display: block;
				padding: 10px 5px;
				font-size: 14px;
				border: 2px solid #788797;
				background: #788797;
				color: #FFFFFF;
			}
				.mob-menu-inner  li a:hover {
					border: 2px solid #788797;
					background: #FFFFFF;
					color: #788797;
					
				}
		.mob-sub {
			display: none;
			padding: 15px;
		}
			.mob-sub li a {
				border-bottom: 2px solid #788797 !important;
				background: #FFFFFF;
				border-color: transparent;
				color: #788797;				
			}
				.mob-sub li a:hover {
					border-bottom: 2px solid #788797;
					background: #788797;
					color: #FFFFFF;					
				}
			.mob-sub-main {
				background: #788797 !important;
				color: #FFFFFF !important;
				border-color: #788797 !important;
			}
		.only-mob {
			display: none;
		}
		
		.newsletter2 {
			display: none;
			clear: both;
			text-align: center;
		}
			.newsletter2 input {
				padding: 0 5px;
				margin: 5px auto;
				display: block;
				width: 80% !important;
				height: 40px;
				border-radius: 5px;
			}
			.newsletter2 button {
				cursor: pointer;
				padding: 0 5px;
				width: 80% !important;
				height: 40px;
				background: #BA0000;
				color: #FFFFFF;
				border-radius: 5px;
				border: 0;
			}
		
#header { position: relative; }
	#langMenu { float: left; height: 40px; display: none;}
	#headerMenu { float: right; height: 40px; }
		#header ul.menu li:first-child {border: 0;}
		#header ul.menu li { float: left;  padding: 0 8px; margin-top: 10px; border-left: 1px solid #c7d3e9; }
		#header ul.menu li.separator { margin-left: 8px; padding-left: 8px; border-left: 1px solid #c7d3e9; }
			#header ul.menu li a {  display: block;  color: #788898; text-decoration: none; font-size: 10px; } 
			#header ul.menu li a:hover { color: #223845; text-decoration: none; }
			#header ul.menu li a.selected { background: url(../images/bg_menu.gif) bottom left repeat-x; color: #223845; }	
	#headerLogo { float: left; width: 317px; height: 102px; margin-top: 1px;}
		#headerLogo a { float: left; display: block; width: 317px; height: 85px; margin-top: 8px; background: url(../images/header_logo_old2.png) center center no-repeat; }
	#mainMenu { float: right; height: 102px; margin-top: 1px; }
		#mainMenu li.menuItem { float: left; height: 52px; border-left: 1px solid #788898; margin: 25px 4px 0 45px; position: relative; }
		#mainMenu li.menuItem:first-child { margin-left: 0; }
			#mainMenu li.menuItem a { display: block; height: 52px; }
			#mainMenu li.menuItem span.flag { position: absolute; top: 0; left: 1px; width: 2px; height: 18px; background-color: #788898; z-index: 3; }
			#mainMenu li.menuItem span.flag.active { background-color: #3a6e96; }
			#mainMenu li.menuItem h4 { float: left; clear: both; display: block; height: 16px; padding: 1px 3px; margin: 22px 0 0 4px; line-height: 16px; text-transform: uppercase; color: #223845; position: relative; z-index: 4 }
			#mainMenu li.menuItem h6 { float: left; clear: both; display: block; height: 10px; padding: 0px 3px; margin: 2px 0 0 4px; line-height: 10px; color: #788898; }
			#mainMenu li.menuItem.selected h4, #mainMenu li.menuItem.active h4 { color: #FFF; }
			#mainMenu #mainMenuPJ.selected span.flag.active { background-color: #eb5d4a; }
			#mainMenu #mainMenuPFA.selected span.flag.active { background-color: #1a99aa; }
			#mainMenu #mainMenuPF.selected span.flag.active { background-color: #d9be7b; }
	div.submenu { display: none; position: absolute; top: 125px; text-align: center; background-color: #778797; padding-bottom: 15px; -webkit-box-shadow: 3px 3px 5px 0px rgba(140, 140, 140, 0.5); box-shadow: 3px 3px 5px 0px rgba(140, 140, 140, 0.5); z-index: 5; }
		div.submenu h5 { text-transform: uppercase; font-size: 11px; color: #aec2d7; line-height: 11px; padding-top: 20px; }
		div.submenu a.subtitle { position: absolute; top: 14px; display: block; height: 24px; line-height: 24px; padding: 0 4px; background-color: #a6b3c1; font-size: 11px; color: #FFF; text-decoration: none; text-transform: uppercase; }
		div.submenu a.subtitle:hover { background-color: #8393a4; color: #fcf5e6; text-decoration: none; }
		div.submenu a.subtitle.first { left: 1px; }
		div.submenu a.subtitle.second { right: 1px; }								
		div.submenu ul { width: 49%; margin-top: 18px; text-align: left; }
		div.submenu ul.first { float: left; }				
		div.submenu ul.second { float: right; border-left: 1px solid #8b9db0; }
			div.submenu ul li { }
				div.submenu ul li a { display: block; height: 20px; margin: 5px 15px; padding: 0 5px; color: #FFF; text-decoration: none; line-height: 20px; }
				div.submenu ul li a:hover { color: #fcf5e6; background-color: #8393a4; text-decoration: none; }

/*FOOTER*/
#footer {}
	.footerTop { float: left; width: 960px; padding-top: 40px; margin-bottom: 20px; position: relative; }
		#footerNws { float: left; width: 250px; background: url(../images/icon_nws.png) 0 0 no-repeat; position: relative; }
			#footerNws h4 { float: left; margin-left: 64px; text-transform: uppercase; }
			#footerNws p { float: left; margin: 5px 0 0 64px; font-size: 10px; color: #788898; line-height: 12px; }
			#footerNws input[type=text] { float: left; width: 180px; height: 25px; margin-top: 15px; background-color: #FFF; border: 1px solid #b1b8bc; font-size: 10px; border-radius: 4px; padding: 0 40px 0 5px; color: #788898; }
			#footerNws input[type=text].active { font-size: 12px; color: #223845; }
			#footerNws input[type=submit] { position: absolute; right: 25px; bottom: 4px; height: 20px; width: 36px; border: 0; border-left: 1px solid #c7cdd1; background: url(../images/btn_check.png) top left no-repeat; cursor: pointer; }
			#footerNws input[type=submit]:hover, #footerNws input[type=submit].active { background-position: bottom left; }
		#footerCopy { position: absolute; left: 0; top: 20px; width: 250px; }
			#footerCopy a { display: block; float: left; width: 227px; height: 120px; background: url(../images/footer_logo_old2.png) center center no-repeat; }
			#footerCopy p { float: left; font-size: 10px; text-transform: uppercase; line-height: 11px; margin-top: 8px; }
		#footerMenu { float: right; width: 699px; border-left: 1px solid #bac5d0; padding-left: 10px; }
			#footerMenu ul { float: left; margin-left: 20px; }
			#footerMenu ul.products { min-height: 215px; }
			#footerMenu ul.links { margin-top: 18px; }
				#footerMenu ul li { margin-bottom: 3px; }
				#footerMenu ul li.spaced { padding-top: 15px; }
				#footerMenu ul li:first-child { text-transform: uppercase; padding-bottom: 5px; border-bottom: 2px solid #223845; font-weight: bold; }
				#footerMenu ul li:first-child + li { padding-top: 5px; }
					#footerMenu ul li a { font-size: 10px; color: #788898; text-decoration:  none; }	
					#footerMenu ul li a:hover { color: #d9be7b; text-decoration:  none; }	
	.footerBottom { float: left; width: 960px;  /* padding: 22px 0; */ border-top: 1px solid #bac5d0; }
		#footerPartners {float: left; }
		#footerFB { float: right; height: 30px; background: url(../images/icon_fb.png) center left no-repeat; padding-left: 36px; }
			#footerFB div.fb-link { float: left; height: 30px; }
				#footerFB div.fb-link h6 { color: #788898; font-weight: normal; line-height: 10px; padding-top: 3px; }
				#footerFB div.fb-link a { font-size: 10px; color: #3c5073; text-decoration: none; } 
				#footerFB div.fb-link a:hover { color: #3c5073; text-decoration: underline; } 
			#footerFB div.fb-like { float: left; height: 30px; margin: 5px 0 0 20px;  }
			
/*CONTENT*/			
#content {}
    .highlightsBar { float: left; width: 100%; height: 27px; line-height: 27px; text-align: center; background-color: #EB5D4A; font-size: 14px; margin-top: 2px;}
        .highlightsBar a {color: #FFFFFF; }
        .highlightsBar a:hover {text-decoration: underline; }
    .highlightsBarBlue { float: left; width: 100%; height: 27px; line-height: 27px; text-align: center; background-color: #3f6886; font-size: 14px; margin-top: 2px;}
        .highlightsBarBlue a {color: #FFFFFF; }
        .highlightsBarBlue a:hover {text-decoration: underline; }
#notificationGreen { float: left; width: 100%; height: 27px; line-height: 27px; text-align: center; background-color: #008000; color: #ffffff; font-size: 14px;}
#notificationRed { float: left; width: 100%; height: 27px; line-height: 27px; text-align: center; background-color: #EB5D4A; color: #ffffff; font-size: 14px;}
	#topBar { float: left; width: 100%; height: 27px; margin-top: 10px; }
		#topSearch { float: left; height: 26px; position: relative; }
			#topSearch input[type=text] { float: left; width: 264px; height: 26px; background-color: #FFF; border: 0; font-size: 10px; border-radius: 4px; padding: 0 40px 0 5px; color: #788898; }
			#topSearch input[type=text].active { font-size: 12px; color: #223845; }
			#topSearch input[type=submit] { position: absolute; top: 3px; right: 0; height: 20px; width: 36px; border: 0; border-left: 1px solid #c7cdd1; background: url(../images/btn_search.png) top center no-repeat; cursor: pointer; }
			#topSearch input[type=submit]:hover, #topSearch input[type=submit].active {background-position: bottom center; }
		#topSupport { float: right; height: 26px; }
			#topSupport a { display: block; width: 116px; height: 26px; line-height: 26px; padding-left: 10px; text-transform: uppercase; font-size: 10px; color: #FFF; text-decoration: none; background: url(../images/btn_support.png) top left no-repeat; }
			#topSupport a:hover { color: #FFF; text-decoration: none; background-position: bottom left; }
            #topSupport a.exit { width: 75px; padding-left: 25px; background: url(../images/btn_support_exit.png) top left no-repeat; }
            #topSupport a.exit:hover { background-position: bottom left; }
        #topHelloName { float: right; height: 23px; line-height: 23px; margin-right: 10px; margin-top: 1px; border-radius: 4px; background-color: #FFFFFF; padding: 0 10px; border: 1px solid #000000;}
        #topContracts { float: right; height: 26px; margin-right: 10px; }
            #topContracts a { display: block; width: 90px; height: 26px; line-height: 26px; padding-left: 10px; text-transform: uppercase; font-size: 10px; color: #FFF; text-decoration: none; background: url(../images/btn_support_contracts.png) top left no-repeat; }
            #topContracts a:hover { color: #FFF; text-decoration: none; background-position: bottom left; }
        #topClientFile { float: right; height: 26px; margin-right: 10px; }
            #topClientFile a { display: block; width: 90px; height: 26px; line-height: 26px; padding-left: 10px; text-transform: uppercase; font-size: 10px; color: #FFF; text-decoration: none; background: url(../images/btn_support_client_file.png) top left no-repeat; }
            #topClientFile a:hover { color: #FFF; text-decoration: none; background-position: bottom left; }
	#actualContent { float: left; width: 960px; padding: 15px 0 20px 0; }
		#actualContent .colWrapper { float: left; width: 960px; padding: 35px 0; clear: both; }
			.colWrapper .centerColumn { float: left; width: 675px; }
			.colWrapper .sideColumn { float: right; width: 245px; }

/*HOMEPAGE*/
#homeWelcome { float: left; width: 250px; height: 390px; }
	#homeWelcome h2 { font-size: 18px; line-height: 18px; text-transform: uppercase; padding: 30px 0;}
	#homeWelcome p { font-size: 11px; line-height: 18px; }
	#homeWelcome p.intro { font-size: 12px; line-height: 20px; font-weight: bold; color: #3f6886; padding-bottom: 20px; }
#homeVisual { float: right; width: 680px; height: 390px; position: relative; z-index: 1; }
	#homeVisual #lsViewport { float: left; width: 435px; height: 390px; position: relative; overflow: hidden;}
		#homeVisual #lsViewport ul.viewport { float: left; width: 435px; height: 344px; overflow: visible; }
			#homeVisual #lsViewport ul.viewport li { display: none; }
			#homeVisual #lsViewport ul.viewport li.active { display: block; }
				#homeVisual #lsViewport ul.viewport li a { display: block; float: left; width: 435px; height: 344px; }
					#homeVisual #lsViewport ul.viewport li a img { width: 435px; height: 390px; border: 0; }
		#homeVisual #lsViewport .viewportNavi { display: none; position: absolute; top: 150px; width: 32px; height: 32px; cursor: pointer; background-image: url(../images/btn_arrow.png); background-repeat: no-repeat; }
			#homeVisual #lsViewport #viewportNaviPrev {  left: 10px; background-position:  top left;  }
			#homeVisual #lsViewport #viewportNaviPrev:hover { background-position: bottom left; }
			#homeVisual #lsViewport #viewportNaviNext { left: 390px; background-position: top right; }
			#homeVisual #lsViewport #viewportNaviNext:hover { background-position: bottom right; }
	#homeVisual #lsNavi { float: left; width: 245px; height: 344px; }
		#lsNavi ul { float: left; }
			#lsNavi ul li { float: left; width: 245px; height: 85px; background-color: #f3f2ec; border-top: 1px solid #FFF; }
			#lsNavi ul li:first-child { border-top: 1px solid #f3f2ec; }
			#lsNavi ul li.active { background-color: #FFF; }
			#lsNavi ul li.active + li { background: url(../images/bg_ls_navi.png) top left no-repeat #f5f4ee; }
			#lsNavi ul li:hover, #lsNavi ul li.active + li:hover { background-color: #fcfbf5; }
				#lsNavi ul li a { display: block; width: 215px; height: 85px; padding: 0 15px;}
					#lsNavi ul li a span.flag { float: left; display: block; width: 24px; height: 16px; margin-top: 12px; line-height: 16px; font-size: 10px; color: #FFF; text-align: center; }
						#lsNavi ul li a span.flagPJ { background-color: #eb5d4a;}
						#lsNavi ul li a span.flagPFA { background-color: #1a99aa;}
						#lsNavi ul li a span.flagPF { background-color: #d9be7b;}
					#lsNavi ul li a h3 { float: left; width: 181px; margin: 11px 0 0 10px; text-transform: uppercase; font-size: 16px; line-height: 16px; color: #223845; }
					#lsNavi ul li a p { float: left; font-size: 10px; line-height: 12px; margin-top: 10px; color: #485454; }
					#lsNavi ul li a:hover p { color: #223845; }
#homeHighlights { float: left; width: 510px; height: 262px; }
	#homeHighlights ul li { float: left; width: 118px; height: 262px; padding: 0 14px; margin-right: 22px; border: 1px solid #d2d2d2; border-radius: 7px; -webkit-box-shadow: 3px 3px 5px 0px rgba(210, 210, 210, 0.8); box-shadow: 3px 3px 5px 0px rgba(210, 210, 210, 0.8); background-color: #FFF; }
		#homeHighlights ul li span.flag { float: left; display: block; width: 32px; height: 32px; line-height: 32px; margin-top: 1px; border-bottom: 4px; border-style: solid;  background-color: #788898; color: #FFF; text-align: center; font-size: 14px; font-weight: bold; }
			#homeHighlights ul li#highlightPJ span.flag { border-color: #eb5d4a; }
			#homeHighlights ul li#highlightPFA span.flag { border-color: #1a99aa; }
			#homeHighlights ul li#highlightPF span.flag { border-color: #d9be7b; }
		#homeHighlights ul li h5 { float: left; width: 118px; height: 64px; margin-top: 10px; font-size: 12px; font-weight: normal; line-height: 12px;}
		#homeHighlights ul li a { float: left; display: block; width: 72px; height: 24px; margin-left: 23px; text-align: center; font-size: 18px; text-decoration:  none; }
		#homeHighlights ul li a:hover { text-decoration:  none; }
			#homeHighlights ul li#highlightPJ a:hover { color: #eb5d4a; }
			#homeHighlights ul li#highlightPFA a:hover { color: #1a99aa; }
			#homeHighlights ul li#highlightPF a:hover { color: #d9be7b; }
		#homeHighlights ul li div.spacer { float: left; display: block; width: 118px; height: 70px; background: url(../images/bg_highlights_spacer.gif) 0 center repeat-x; }
			#homeHighlights ul li div.spacer span { display: block; width: 42px; height: 18px; line-height: 18px; margin: 25px auto 0 auto; text-align: center; background-color: #FFF; font-size: 18px; font-style: italic; color: #c1c1c1; }
#homeFocus { float: right; width: 370px; height: 256px; padding: 0 35px 0 45px; margin-top: 6px; background: url(../images/bg_home_focus.png) top right no-repeat; }
	#homeFocus h3 { font-size: 14px; text-transform: uppercase; padding: 28px 0 20px 0; line-height: 16px; }
	#homeFocus img { float: left; margin: 0 15px 0 5px; }
	#homeFocus p {  float: left; line-height: 18px; padding-bottom: 5px; }

/*QUICK LINKS*/
#quickLinks { float: left; width: 675px; }
	#quickLinks h4 { float: left; display: block; width: 675px; height: 36px; font-size: 14px; text-transform: uppercase; background: url(../images/bg_marker_quick_links.png) 32px bottom no-repeat; position: relative; z-index: 2}
	#quickLinks ul { float: left; width: 602px; padding: 30px; margin-top: -1px; background-color: #788797; border: 1px solid #FFF; border-radius: 7px; position: relative; z-index: 1}
		#quickLinks ul li { float: left; width: 190px; height: 105px; padding-left: 85px; margin: 10px 0; overflow: hidden; }
		#quickLinks ul li:nth-child(1) { background: url(../images/bg_quick_links_1.png) top left no-repeat; }
		#quickLinks ul li:nth-child(2) { background: url(../images/bg_quick_links_2.png) top left no-repeat; }
		#quickLinks ul li:nth-child(3) { background: url(../images/bg_quick_links_3.png) top left no-repeat; }
		#quickLinks ul li:nth-child(4) { background: url(../images/bg_quick_links_4.png) top left no-repeat; }
		#quickLinks ul li:nth-child(5) { background: url(../images/bg_quick_links_5.png) top left no-repeat; }
		#quickLinks ul li:nth-child(6) { background: url(../images/bg_quick_links_6.png) top left no-repeat; }
		#quickLinks ul li:nth-child(2n) { margin-left: 30px; }
			#quickLinks ul li a { display: block; width: 100%; height: 100%; }
				#quickLinks ul li a h3 { float: left; width: 190px; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #FFF; color: #fcf5e6; font-size: 14px; font-weight: normal; line-height: 16px; text-transform: uppercase; }
				#quickLinks ul li a:hover h3 { color: #d9be7b;}
				#quickLinks ul li a p { float: left; width: 190px; font-size: 10px; color: #FFF; line-height: 12px; }
				#quickLinks ul li a:hover p { color: #fcf5e6;}

/*SIDE INDICES*/
.sideIndices { float: left; width: 245px; margin-top: 30px; }
.sideIndices:first-child { margin-top: 0; }
	.sideIndices h4 { float: left; display: block; width: 100%; height: 36px; font-size: 14px; text-transform: uppercase; background: url(../images/bg_marker_indices.png) 32px bottom no-repeat; position: relative; z-index: 2}
	.sideIndices .tableHolder { float: left; width: 219px; padding: 15px 12px; margin-top: -1px; background-color: #FFF; border: 1px solid #d1d1d1; position: relative; z-index: 1; }
	.sideIndices .tableHolder table { width: 219px; }
		table.dotted { empty-cells: show; }
			table.dotted tr th { font-weight: normal; font-size: 11px; color: #788898; padding-bottom: 5px; background: url(../images/bg_table_dotted_th.png) bottom left repeat-x; }
			table.dotted tr th:last-child { text-align: right; }
			table.dotted tr td { font-weight: normal; font-size: 12px; font-weight: bold; padding: 12px 0 6px 0; background: url(../images/bg_table_dotted_td.png) bottom left repeat-x; }
			table.dotted tr td:first-child { color: #788898; font-size: 11px; font-weight: normal; }
			table.dotted tr td:last-child { text-align: right; }
			table.dotted tr td span.currency { font-size: 11px; color: #788898; padding-left: 5px; font-weight: normal; }
	
		
/* left menu */
#leftMenu {
    width: 155px;
    height: 500px;
    float: left;
    border-right: 1px solid #BAC5D0;
}

#leftMenuTitle {
    width: 145px;
    height: 30px;
    line-height: 26px;
    display: block;
    font-size:16px;
    color:#FFF;
    font-weight: bold;
    padding-left: 10px;
    margin-bottom: 4px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#leftMenuTitle.PJ {
    background: url(../images/bg_left_menu_pj.png) top left repeat-x;
}

#leftMenuTitle.PFA {
    background: url(../images/bg_left_menu_pfa.png) top left repeat-x;
}

#leftMenuTitle.PF {
    background: url(../images/bg_left_menu_pf.png) top left repeat-x;
}

#leftMenuTitleDescription {
    font-size: 14px;
    line-height: 18px;
    color: #223845;
}

.leftMenuList {
    padding-top: 18px;
}

.leftMenuList li {
    line-height: 20px;
}

.leftMenuList li a {
    color: #788898;
}

.leftMenuList li a:hover {
    color: #D9BE7B;
}

.leftMenuList.PJ li.selected {
    color: #d83e2a;
}

.leftMenuList.PFA li.selected {
    color: #1a99aa;
}

.leftMenuList.PF li.selected {
    color: #d9be7b;
}


/* right menu */
#rightMenu {
    width: 245px;
    height: 500px;
    float: right;
    border-left: 1px solid #BAC5D0;
}

#rightMenuTitle {
    width: 240px;
    height: 30px;
    line-height: 26px;
    display: block;
    font-size:14px;
    color:#FFF;
    padding-left: 5px;
    margin-bottom: 4px;
    background: url(../images/bg_right_menu.png) top left repeat-x;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#rightMenuTitle .infoSign {
    background: url(../images/bg_right_menu_info_sign.png) center center no-repeat;
    height:20px;
    width:19px;
}

.rightMenuList {
    padding-left: 30px;
    padding-top: 10px;
}

.rightMenuList li {
    padding-top: 10px;
}

.rightMenuList li a {
    color: #788898;
}

.rightMenuList li a:hover {
    color: #D9BE7B;
}

#rightMenuHelp {
    /*float: left;*/
    width: 173px;
    height: 200px;
    margin: 20px 30px 0 30px;
    padding: 20px 20px 0;
    border: 1px solid #d2d2d2;
    border-radius: 7px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(210, 210, 210, 0.8);
    box-shadow: 3px 3px 5px 0px rgba(210, 210, 210, 0.8);
    background-color: #FFF;
}

#rightMenuHelp>span {
    color: #68747D;
    display: block;
    font-size: 9px;
}

#rightMenuHelp span.contact {
    background: url(../images/bg_right_menu_help.png) top left no-repeat;
    padding-left: 60px;
}

#rightMenuHelp span.contact span.city {
    display: block;
    font-weight: bold;
    margin-top: 5px;
}

#rightMenuHelp span.contact span.phone {
    padding-left: 10px;
}

#productInfoByEmailLi {
    display: none;
}

#productInfoByEmailLi>ul {
    border: 1px solid #BAC5D0;
    padding: 7px;
}

#productInfoByEmailLi>ul>li {
    color: #788898;
    padding-top: 5px;
    text-align: center;
}

#productInfoByEmailLi>ul>li>span.label {
    width: 55px;
    display: inline-block;
}

#productInfoByEmailLi>ul>li>input {
    color: #788898;
}

/* product content */
#productContent {
    width:500px;
    float: left;
    padding-left:40px;
}

#productContentTitle {
    color: #223845;
    font-size:20px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#productContentTitleDescription {
    color: #788898;
}

#productImg {
    width: 480px;
    height: 240px;
    margin: 25px 0;
    display: block;
}

.bold {
    font-weight: bold;
}

#productDestination {
    color: #223845;
    font-size: 12px;
}

#productMotivation {
    color: #223845;
    font-size: 12px;
    padding-top: 15px;
}

#productMotivation .question {
    font-weight: bold;
    display: block;
}

#productMotivation ul li {
    display: block;
    padding-left: 15px;
}

#productOffer h4 {
    background: url("../images/bg_marker_product_offer.png") no-repeat scroll 32px bottom rgba(0, 0, 0, 0);
    display: block;
    float: left;
    font-size: 14px;
    height: 30px;
    position: relative;
    text-transform: uppercase;
    width: 100px;
    z-index: 2;
}

#productOffer ul {
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 2px;
    float: left;
    margin-top: -1px;
    padding: 10px;
    position: relative;
    width: 460px;
    z-index: 1;
}

#productOffer ul li {
    border-bottom: 1px dashed #788898;
    color: #788898;
    font-size: 11px;
    padding: 5px 0;
}

.prodKey {
    font-weight: bold;
    width: 120px;
    display: block;
    float: left;
}

.prodValue {
    display: block;
    float: right;
    text-align: right;
    width: 340px;
    color:#223845;
}

.pj {
    color: #d83e2a;
}

.pfa {
    color: #1a99aa;
}

.pf {
    color: #d9be7b;
}

#productLinks {
    padding-top: 10px;
}

#productLinks ul li {
    float: left;
    font-size: 13px;
    text-align: center;
    width: 150px;
}

/* ABOUT US */
#aboutUsPresentation { float: left; width: 510px; }
#aboutUsPresentation h2 { font-size: 18px; line-height: 18px; text-transform: uppercase; padding: 30px 0;}
#aboutUsPresentation p { font-size: 11px; line-height: 18px; text-align: justify; padding-bottom: 10px; }
#aboutUsPresentation p.intro { font-size: 12px; line-height: 20px; font-weight: bold; color: #3f6886; padding-bottom: 20px; }

#aboutUsGeneralInfo { float: right; width: 380px; height: 356px;   padding: 0 25px 0 35px;margin-top: 6px; background: url(../images/bg_about_us_general_info.png) top right no-repeat; }
#aboutUsGeneralInfo h3 { font-size: 14px; text-transform: uppercase; padding: 28px 0 20px 0; line-height: 16px; }
#aboutUsGeneralInfo img { float: left; margin: 0 10px 20px 5px; }
#aboutUsGeneralInfo p {  float: left; line-height: 18px; padding-bottom: 5px; }
#aboutUsGeneralInfo .subtitle { color: #3F6886; display: block; font-size: 12px; line-height: 20px; }

#aboutUsShareHolders { float: left; width: 100%; }
#aboutUsShareHolders h2 { font-size: 18px; line-height: 18px; text-transform: uppercase; padding: 20px 0;}
#aboutUsShareHolders p { font-size: 11px; line-height: 18px; text-align: justify; padding-top: 10px; }

#shareHoldersTable h4 {
    background: url("../images/bg_marker_product_offer.png") no-repeat scroll 32px bottom rgba(0, 0, 0, 0);
    display: block;
    float: left;
    font-size: 14px;
    height: 30px;
    margin-left: 120px;
    position: relative;
    text-transform: uppercase;
    width: 700px;
    z-index: 2;
}

#shareHoldersTable ul {
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 2px;
    float: left;
    margin-top: -1px;
    margin-left: 120px;
    padding: 10px;
    position: relative;
    width: 660px;
    z-index: 1;
}

#shareHoldersTable ul li {
    border-bottom: 1px dashed #788898;
    color: #788898;
    font-size: 11px;
    padding: 5px 0;
}

.shCol1 {
    width: 300px;
    display: block;
    float: left;
}

.shCol2 {
    float: left;
    text-align: center;
    width: 200px;
    color:#223845;
}
.shCol3 {
    float: right;
    text-align: right;
    width: 140px;
    color:#223845;
}


/* CONTACT PAGE */
#contactPage h2 {
    font-size: 18px;
    line-height: 18px;
    padding: 30px 0;
    text-transform: uppercase;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
}

#contactPage { float: left; width: 100%; }
#contactPage ul li { float: left; width: 270px; height: 262px; padding: 0 14px; margin-right: 22px; border: 1px solid #d2d2d2; border-radius: 7px; -webkit-box-shadow: 3px 3px 5px 0px rgba(210, 210, 210, 0.8); box-shadow: 3px 3px 5px 0px rgba(210, 210, 210, 0.8); background-color: #FFF; }
#contactPage ul li { margin-top: 40px; margin-left: 20px; }
#contactPage ul li#contactBV { margin-left: 150px; }
#contactPage ul li#contactBUC { margin-left: 150px; }
#contactPage ul li span.flag { display: block; height: 32px; width: 260px; line-height: 32px; margin-top: 1px; border-bottom: 4px; border-style: solid;  background-color: #788898; color: #FFF; text-align: center; font-size: 14px; font-weight: bold; padding: 0 6px;}
#contactPage ul li#contactBV span.flag { border-color: #eb5d4a; }
#contactPage ul li#contactBUC span.flag { border-color: #1a99aa; }
#contactPage ul li#contactCJ span.flag { border-color: #d9be7b; }
#contactPage ul li#contactSB span.flag { border-color: #eb5d4a; }
#contactPage ul li h5 { margin-top: 10px; font-size: 12px; font-weight: normal; line-height: 12px;}
#contactPage ul li a.title { display: block; width: 100%; height: 24px; text-align: center; font-size: 18px; text-decoration:  none; padding-top: 5px;}
#contactPage ul li a:hover { text-decoration:  none; }
#contactPage ul li#contactBV a:hover { color: #eb5d4a; }
#contactPage ul li#contactBUC a:hover { color: #1a99aa; }
#contactPage ul li#contactCJ a:hover { color: #d9be7b; }
#contactPage ul li#contactSB a:hover { color: #eb5d4a; }
#contactPage ul li div.spacer { float: left; display: block; width: 118px; height: 70px; background: url(../images/bg_highlights_spacer.gif) 0 center repeat-x; }
#contactPage ul li div.spacer span { display: block; width: 42px; height: 18px; line-height: 18px; margin: 25px auto 0 auto; text-align: center; background-color: #FFF; font-size: 18px; font-style: italic; color: #c1c1c1; }


.ui-tabs-vertical { width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}


#shareHoldersTabs {
    width: 955px;
}

#shareHoldersTabs>ul {
    width: 200px;
}

#shareHoldersTabs>div {
    width: 710px;
}

#shareHoldersTabs h2 { font-size: 18px; line-height: 18px; }
#shareHoldersTabs h2.title { text-transform: uppercase; padding: 20px 0; text-align: center;}
#shareHoldersTabs p { line-height: 18px; text-align: justify; padding-bottom: 10px; }
#shareHoldersTabs p.intro { font-size: 11px; font-size: 12px; line-height: 20px; color: #3f6886; padding: 0 10px 15px; }
#shareHoldersTabs div h2 {font-family: "Trebuchet MS", Helvetica, sans-serif; padding-bottom: 10px; }
#shareHoldersTabs>ul>li>a {width: 177px;}

.agaNews {margin-top:20px;color: #D83E2A;font-weight: bold;}
#agaArchive {padding-left: 35px;}
#agaArchive a.doc {padding-left: 20px; background: url("../images/filetype/doc.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
#agaArchive a.pdf {padding-left: 20px; background: url("../images/filetype/pdf.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}

#financialSituations {font-weight: bold; list-style-type: square; padding-left: 25px; }
#financialSituations ul {padding: 5px 5px; font-weight: normal; }
#financialSituations a { padding-left: 20px; }
#financialSituations a.doc {background: url(../images/filetype/doc.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
#financialSituations a.pdf {background: url(../images/filetype/pdf.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
#financialSituations a:hover { color: #D9BE7B; text-decoration: underline; }

#dividends {padding-left:0px;}

#dividends h4 {
    background: url("../images/bg_marker_product_offer.png") no-repeat scroll 32px bottom rgba(0, 0, 0, 0);
    display: block;
    float: left;
    font-size: 14px;
    height: 15px;
    position: relative;
    text-transform: uppercase;
    width: 600px;
    z-index: 2;
}

#dividends ul {
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 2px;
    float: left;
    margin-top: -1px;
    padding: 10px;
    position: relative;
    width: 700px;
    z-index: 1;
}

#dividends ul li {
    border-bottom: 1px dashed #788898;
    color: #788898;
    font-size: 11px;
    padding: 5px 0;
    border-bottom-left-radius: 0px;
}
.dividKey {
    font-weight: bold;
    width: 220px;
    display: block;
    float: left;
}

.dividCol {
    display: block;
    float: right;
    text-align: right;
    width: 70px;
    color:#223845;
}

#dividends .red {
    color: #D83E2A;
    font-weight: bold;
}

#shareHoldersTabs #shareHoldersTable h4 {margin-left: 0; height: 15px;}
#shareHoldersTabs #shareHoldersTable ul {margin-left: 0;}

#shareHoldersTabs .question {color: #D9BE7B; font-weight: bold; background: url(../images/bg_question_mark.png) no-repeat scroll 0 0; line-height: 34px; padding-left: 45px; padding-bottom: 0; }
#shareHoldersTabs .answer {padding-left: 45px;}
#shareHoldersTabs .answer a {text-decoration: underline; }
#shareHoldersTabs .answer a:hover {color: #D9BE7B; text-decoration: none; }

#aboutUsAdminList a.pdf {padding-left: 20px; background: url("../images/filetype/pdf.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
#aboutUsAdminList {list-style-type: square;padding-left: 50px;padding-top: 5px;}
#aboutUsAdminList li {padding-bottom: 5px;}

/* FAQ */

#faq { width: 930px; }
#faq h2 { font-size: 18px; line-height: 18px; text-transform: uppercase; padding: 30px 0;}
#faq p { font-size: 11px; line-height: 18px; text-align: justify; padding-bottom: 10px; }
#faq p.intro { font-size: 12px; line-height: 20px; font-weight: bold; color: #3f6886; padding-bottom: 20px; }
#faq>ul>li {}
#faq>ul>li.question {background: url(../images/bg_question_mark_no_shadow.png) no-repeat scroll 0 0; line-height: 31px; padding-left: 45px; margin-top: 10px; }
#faq>ul>li.question a {font-weight: bold; }
#faq>ul>li.question a:hover {color: #D9BE7B; text-decoration: underline;}
#faq>ul>li.answer { display: none; padding: 0 0 0 45px; text-align: justify;}

/* APPLY ON-LINE */
#applyOnline { float: left; width: 955px; }
#applyOnline h2 { font-size: 18px; line-height: 18px; text-transform: uppercase; padding: 30px 0;}
#applyOnline p { font-size: 11px; line-height: 18px; text-align: justify; padding-bottom: 10px; }
#applyOnline p.intro { font-size: 12px; line-height: 20px; font-weight: bold; color: #3f6886; }

#applyOnlineTable h4 {
    background: url("../images/bg_marker_product_offer.png") no-repeat scroll 32px bottom rgba(0, 0, 0, 0);
    display: block;
    float: left;
    font-size: 14px;
    height: 30px;
    margin-left: 120px;
    position: relative;
    text-transform: uppercase;
    width: 700px;
    z-index: 2;
}

#applyOnlineTable ul {
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 2px;
    float: left;
    margin-top: -1px;
    margin-left: 120px;
    padding: 10px 20px;
    position: relative;
    width: 610px;
    z-index: 1;
}

#applyOnlineTable ul li {
    border-bottom: 1px dashed #788898;
    color: #788898;
    font-size: 11px;
    padding: 5px 0;
}

#applyOnline ul li input[type="button"] {
    color: #788898;
}

#applyOnline .title {
    color: #D83E2A;
    font-weight: bold;
}

#applyOnline .aoCol1 {
    width: 200px;
    display: block;
    float: left;
    padding-left: 40px;
}

#applyOnline .aoCol1.bold {
    padding-left: 20px;
}

#applyOnline .aoCol2 {
    float: right;
    width: 350px;
    color:#223845;
}

#applyOnlineForm .error {
    background-color:#fb3035;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}

#applyOnlineForm .success {
    background-color:#54e57a;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}

#applyOnline .captcha {

}



/* BANCASSURANCE */

#bancassurance { float: left; width: 955px; }
#bancassurance h2 { font-size: 18px; line-height: 18px; text-transform: uppercase; padding: 30px 0;}
#bancassurance p { font-size: 11px; line-height: 18px; text-align: justify; padding-bottom: 10px; }
#bancassurance p.intro { font-size: 12px; line-height: 20px; font-weight: bold; color: #3f6886; }

#bancassuranceTable h4 {
    background: url("../images/bg_marker_product_offer.png") no-repeat scroll 32px bottom rgba(0, 0, 0, 0);
    display: block;
    float: left;
    font-size: 14px;
    height: 30px;
    margin-left: 120px;
    position: relative;
    text-transform: uppercase;
    width: 700px;
    z-index: 2;
}

#bancassuranceTable ul {
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 2px;
    float: left;
    margin-top: -1px;
    margin-left: 80px;
    padding: 10px 20px;
    position: relative;
    width: 750px;
    z-index: 1;
}

#bancassuranceTable ul li {
    border-bottom: 1px dashed #788898;
    color: #788898;
    font-size: 11px;
    padding: 5px 0;
}

#bancassuranceTable .title {
    color: #D83E2A;
    font-weight: bold;
}

#bancassuranceTable .baCol1 {
    width: 200px;
    display: block;
    float: left;
}

#bancassuranceTable .baCol2 {
    float: right;
    width: 500px;
    color:#223845;
}


/* DOCUMENTS */
#documents { float: left; width: 955px; }
#documents h2 { font-size: 18px; line-height: 18px; text-transform: uppercase; padding: 30px 0;}
#documents p { font-size: 11px; line-height: 18px; text-align: justify; padding-bottom: 10px; }


#documents .group { width: 955px; }
#documents .group .arrow {
    float: left;
    display: block;
    width: 55px;
    height: 150px;
    background: url(../images/bg_marker_documents.png) right 37px no-repeat;
    position: relative;
    z-index: 2;
    font-size: 14px;
    text-transform: uppercase;
}

#documents .group h4 {
    background-color: #788898;
    border-bottom: 4px solid;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin-top: 30px;
    text-align: center;
    width: 250px;
    text-transform: uppercase;
}

#documents .group ul {
    float: left;
    width: 585px;
    padding: 30px;
    margin-left: -1px;
    margin-bottom: 20px;
    background-color: #f3f2ec;
    border: 1px solid #FFF;
    border-radius: 7px;
    position: relative;
    z-index: 1;
}

#documents .group ul li {
    margin: 10px 0;
    font-size: 12px;
}

#documents .group ul li a {
    margin-left: 5px;
    padding-left: 20px;
}

#documents .group ul li a.doc {background: url(../images/filetype/doc.gif) no-repeat scroll 0 2px rgba(0, 0, 0, 0); }
#documents .group ul li a.pdf {background: url(../images/filetype/pdf.gif) no-repeat scroll 0 2px rgba(0, 0, 0, 0); }


#documents .group h4.pjBorder {
    border-color: #d83e2a;
}
#documents .group h4.pfaBorder {
    border-color: #1a99aa;
}
#documents .group h4.pfBorder {
    border-color: #d9be7b;
}


/* REPOSSESSED FROM LEASING */
#repossessedFromLeasing { float: left; width: 955px; }
#repossessedFromLeasing h2 { font-size: 18px; line-height: 18px; text-transform: uppercase; padding: 30px 0;}
#repossessedFromLeasing p { font-size: 11px; line-height: 18px; text-align: justify; padding-bottom: 10px; }
#repossessedFromLeasing p.intro { font-size: 12px; line-height: 20px; font-weight: bold; color: #3f6886; }


#listOfOffers h4 {
    background: url("../images/bg_marker_product_offer.png") no-repeat scroll 32px bottom rgba(0, 0, 0, 0);
    display: block;
    float: left;
    font-size: 16px;
    height: 30px;
    position: relative;
    text-transform: uppercase;
    width: 600px;
    z-index: 2;
    padding: 0 0 8px 0;
    margin-left: 200px;
}

#listOfOffers ul {
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 2px;
    float: left;
    margin-top: -1px;
    padding: 0 20px 10px 20px;
    position: relative;
    width: 500px;
    z-index: 1;
    margin-left: 200px;
}

#listOfOffers ul li {
    border-bottom: 1px dashed #788898;
    color: #788898;
    font-size: 11px;
    padding: 5px 0;
}

#listOfOffers .title {
    color: #1a99aa;
    display: inline-block;
    font-size: 16px;
    padding: 10px 0;
}

#listOfOffers .prodValue {
    text-align: left;
}

/* REPO GOODS */

#repoGoods { float: left; width: 955px; }
#repoGoods h2 { font-size: 18px; line-height: 18px; text-transform: uppercase; padding: 30px 0;}
#repoGoods p { font-size: 11px; line-height: 18px; text-align: justify; padding-bottom: 10px; }
#repoGoods p.intro { font-size: 12px; line-height: 20px; font-weight: bold; color: #3f6886; }
#repoGoods>ul {
    border: 1px solid #FFFFFF;
    padding: 10px;
}
#repoGoods ul li .title {
    font-weight: bold;
}
#repoGoods ul li a {
    padding-left: 20px;
    margin-left: 20px;
    line-height: 20px;
}
#repoGoods ul li a.doc {
    background: url(../images/filetype/doc.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#repoGoods ul li a.pdf {
    background: url(../images/filetype/pdf.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}


/* SEARCH RESULTS */
#searchResults { float: left; width: 955px; }
#searchResults h2 { font-size: 18px; line-height: 18px; text-transform: uppercase; padding: 30px 0;}
#searchResults p { font-size: 11px; line-height: 18px; text-align: justify; padding-bottom: 10px; }
#searchResults p.intro { font-size: 12px; line-height: 20px; font-weight: bold; color: #3f6886; }


/* RATES CALCULATOR */
#ratesCalculator { float: left; width: 955px; }
#ratesCalculator h2 { font-size: 18px; line-height: 18px; text-transform: uppercase; padding: 30px 0;}
#ratesCalculator p { font-size: 11px; line-height: 18px; text-align: justify; padding-bottom: 10px; }
#ratesCalculator p.intro { font-size: 12px; line-height: 20px; font-weight: bold; color: #3f6886; margin-bottom: 20px; }

#ratesCalculatorInput { background: none repeat scroll 0 0 #FFFFFF; margin-left: 30px; padding: 13px 20px; width: 750px; border: 1px solid #bbb; border-radius: 7px; }
#ratesCalculatorInput li {display: none;}
#ratesCalculatorInput li.title {display: block;}
#ratesCalculatorInput li.clientType {display: block;}
#ratesCalculatorInput .label {text-align: right; font-weight: bold; display: inline-block; width: 175px;}

#ratesCalculatorInput .title {text-align: center; font-size: 16px; line-height: 40px;}

#ratesCalculatorInput .pj {color:#000000;}
#ratesCalculatorInput .pfa {color:#000000;}
#ratesCalculatorInput .pf {color:#000000;}

#ratesCalculatorInput .tooltip {
    height: 15px;
    margin-top: 2px;
    vertical-align: top;
    width: 15px;
    cursor: pointer;
}

#ratesResults { background: none repeat scroll 0 0 #FFFFFF; margin-left: 30px; padding: 13px 20px; width: 750px; border: 1px solid #bbb; border-radius: 7px; margin-top: 10px;}
#ratesResults .title {display: block; text-align: center; width: 100%; font-size: 16px; line-height: 40px;}
#ratesResultsTable { width: 750px; text-align: center; line-height: 20px; margin: 10px 0;}
#ratesResultsTable .tr-first-child th {background-color: #0264C9;color:#ffffff;font-size: 12px;}
#ratesResultsTable .tr-hover td {background-color: #3998F8;}
#ratesResultsTable .tr-even td {background-color: #E8E8E8;}
#ratesResultsTable .tr-odd td {background-color: #F9F9F9;}
#ratesResultsTable .tr-last-child td {background-color: #0264C9;color:#ffffff;font-size: 12px;}
#ratesResults .note {display: block;padding-top: 5px; color: #3F6886;}
#ratesResults .dae {padding: 0 0 0 650px;font-weight: bold;}
#ratesResults .tooltip {cursor: pointer;}

#ratesCalculator .emailError {
    background-color:#fb3035;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    padding: 5px 10px;
}

#ratesCalculator .emailSuccess {
    background-color:#54e57a;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    padding: 5px 10px;
}


/* PRODUCTS LIST */
#leftMenuSecond {
    width: 155px;
    height: 400px;
    float: left;
    border-right: 1px solid #BAC5D0;
}

#productsListContent {
    width:760px;
    float: left;
    padding-left:40px;
}

#productsListContentTitle {
    color: #223845;
    font-size:20px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#productsListContentTitleDescription {
    color: #788898;
}

#productsListContent ul {margin-top: 10px;}
#productsListContent ul li { float: left; width: 200px; height: 262px; padding: 0 14px; margin: 10px 22px 10px 0; border: 1px solid #d2d2d2; border-radius: 7px; -webkit-box-shadow: 3px 3px 5px 0px rgba(210, 210, 210, 0.8); box-shadow: 3px 3px 5px 0px rgba(210, 210, 210, 0.8); background-color: #FFF; }
#productsListContent ul li img {width: 150px;  margin-left: -14px; width: 228px; padding-top: 8px;}
#productsListContent ul li span.flag { display: block; width: 32px; height: 32px; line-height: 32px; margin-top: 1px; border-bottom: 4px; border-style: solid;  background-color: #788898; color: #FFF; text-align: center; font-size: 14px; font-weight: bold; }
#productsListContent ul li.PJ span.flag { border-color: #eb5d4a; }
#productsListContent ul li.PFA span.flag { border-color: #1a99aa; }
#productsListContent ul li.PF span.flag { border-color: #d9be7b; }
#productsListContent ul li div.acontainer {position:relative; height:100px;}
#productsListContent ul li div.ainnercontainer {position:absolute; top:50%; margin-top:-2em;}
#productsListContent ul li a { display: block; text-align: center; font-size: 18px; text-decoration:  none; }
#productsListContent ul li a.title {width:200px;}
#productsListContent ul li a:hover { text-decoration:  none; }
#productsListContent ul li.PJ a:hover { color: #eb5d4a; }
#productsListContent ul li.PFA a:hover { color: #1a99aa; }
#productsListContent ul li.PF a:hover { color: #d9be7b; }
#productsListContent ul li a.details {height:30px;}
#productsListContent ul li div.spacer { display: block; width: 150px; margin-left: 25px; height: 20px; background: url(../images/bg_highlights_spacer.gif) 0 center repeat-x; }

/* CLIENT SUPPORT */
#clientWelcome { float: left; width: 960px; }
#clientWelcome h2 { font-size: 18px; line-height: 18px; text-transform: uppercase; padding: 30px 0;}
#clientWelcome p { font-size: 11px; line-height: 18px; }
#clientWelcome p.intro { font-size: 12px; line-height: 20px; font-weight: bold; color: #3f6886; padding-bottom: 20px; }

#clientLogin { margin-top: 15px; }
#clientLogin ul { background: none repeat scroll 0 0 #FFFFFF; margin-left: 300px; padding: 13px; width: 245px; border: 1px solid #bbb; border-radius: 7px;}
#clientLogin ul li { line-height: 32px; }
#clientLogin ul li span { display: inline-block; width: 100px; }
#clientLogin ul li span.title {padding-left: 80px; font-weight: bold; font-size: 13px; }
#clientLogin input[type=text] {  }
#clientLogin input[type=button] { font-size: 12px; margin-left: 100px; }
#clientLogin .loginFailed {background-color: #FF0000; color: #FFFFFF; font-size: 13px; font-weight: bold; text-align: center; width: 100%; }


/* CLIENT CONTRACTS */
#clientContracts { float: left; width: 960px; }
#clientContracts h2 { font-size: 18px; line-height: 18px; text-transform: uppercase; padding: 30px 0;}
#clientContracts p { font-size: 11px; line-height: 18px; }
#clientContracts p.intro { font-size: 12px; line-height: 20px; font-weight: bold; color: #3f6886; padding-bottom: 20px; }


#clientContracts h4 {
    background: url("../images/bg_marker_product_offer.png") no-repeat scroll 32px bottom rgba(0, 0, 0, 0);
    display: block;
    float: left;
    font-size: 14px;
    height: 15px;
    margin-left: 50px;
    position: relative;
    text-transform: uppercase;
    width: 600px;
    z-index: 2;
}

#clientContracts ul {
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 2px;
    float: left;
    margin-left: 50px;
    margin-top: -1px;
    padding: 10px;
    position: relative;
    width: 830px;
    z-index: 1;
}

#clientContracts ul li {
    border-bottom: 1px dashed #788898;
    color: #788898;
    font-size: 13px;
    padding: 5px 0;
    border-bottom-left-radius: 0px;
}

#clientContracts ul li div {
    display: inline-block;
}

#clientContracts ul li div:nth-child(1) {
    color: #788898;
    width: 45px;
}

#clientContracts ul li div:nth-child(1) a {
    color: #D83E2A;
    text-align: left;
    text-decoration: underline;
}

#clientContracts ul li div:nth-child(2) {
    color: #223845;
    width: 90px;
}

#clientContracts ul li div:nth-child(3) {
    color: #788898;
    width: 330px;
}

#clientContracts ul li div:nth-child(4) {
    color: #223845;
    width: 80px;
    text-align: right;
}

#clientContracts ul li div:nth-child(5) {
    color: #788898;
    width: 80px;
    text-align: right;
}

#clientContracts ul li div:nth-child(6) {
    color: #223845;
    width: 80px;
    text-align: right;
}

#clientContracts ul li div:nth-child(7) {
    color: #788898;
    width: 70px;
    text-align: right;
}

#clientContracts ul li:first-child div {
    color: #D83E2A;
    font-weight: bold;
}


/* CLIENT CONTRACT */
#clientContract { float: left; width: 960px; }
#clientContract h2 { font-size: 18px; line-height: 18px; text-transform: uppercase; padding: 30px 0;}
#clientContract p { font-size: 11px; line-height: 18px; }
#clientContract p.intro { font-size: 12px; line-height: 20px; font-weight: bold; color: #3f6886; padding-bottom: 20px; }


#clientContract h4 {
    background: url("../images/bg_marker_product_offer.png") no-repeat scroll 32px bottom rgba(0, 0, 0, 0);
    display: block;
    float: left;
    font-size: 14px;
    height: 15px;
    position: relative;
    text-transform: uppercase;
    width: 600px;
    z-index: 2;
}

#clientContract ul {
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 2px;
    float: left;
    margin-top: -1px;
    padding: 10px;
    position: relative;
    width: 935px;
    z-index: 1;
}

#clientContract ul li {
    border-bottom: 1px dashed #788898;
    color: #788898;
    font-size: 13px;
    padding: 5px 0;
    border-bottom-left-radius: 0px;
}

#clientContract ul li div {
    display: inline-block;
}

#clientContract ul li div:nth-child(1) {
    color: #788898;
    width: 35px;
    text-align: left;
}

#clientContract ul li div:nth-child(2) {
    color: #223845;
    width: 110px;
}

#clientContract ul li div:nth-child(3) {
    color: #788898;
    width: 110px;
    text-align: right;
}

#clientContract ul li div:nth-child(4) {
    color: #223845;
    width: 110px;
    text-align: right;
}

#clientContract ul li div:nth-child(5) {
    color: #788898;
    width: 110px;
    text-align: right;
}

#clientContract ul li div:nth-child(6) {
    color: #223845;
    width: 110px;
    text-align: right;
}

#clientContract ul li div:nth-child(7) {
    color: #788898;
    width: 110px;
    text-align: right;
}

#clientContract ul li div:nth-child(8) {
    color: #223845;
    width: 200px;
    text-align: right;
}

#clientContract ul li:first-child div {
    color: #D83E2A;
    font-weight: bold;
}



/* CLIENT FILE */
#clientFile { float: left; width: 960px; }
#clientFile h2 { font-size: 18px; line-height: 18px; text-transform: uppercase; padding: 30px 0;}
#clientFile p { font-size: 11px; line-height: 18px; }
#clientFile p.intro { font-size: 12px; line-height: 20px; font-weight: bold; color: #3f6886; padding-bottom: 20px; }

#clientFileDateSelector { background: none repeat scroll 0 0 #FFFFFF; margin-left: 30px; padding: 13px 20px; width: 600px; border: 1px solid #bbb; border-radius: 7px; }
#clientFileDateSelector span { display: inline-block; }
#clientFileDateSelector span.title {padding-left: 80px; font-weight: bold; font-size: 13px; }
#clientFileDateSelector .ui-datepicker-trigger {}
#clientFileDateSelector input[type=text] { margin: 0 10px; }
#clientFileDateSelector input[type=button] { font-size: 12px; margin-left: 20px; }

#clientFile h4 {
    background: url("../images/bg_marker_product_offer.png") no-repeat scroll 32px bottom rgba(0, 0, 0, 0);
    display: block;
    float: left;
    font-size: 14px;
    height: 15px;
    padding-bottom: 30px;
    padding-top: 20px;
    position: relative;
    text-transform: uppercase;
    width: 600px;
    /*z-index: 2;*/
}

#clientFile ul {
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    border-radius: 2px;
    float: left;
    margin-top: -1px;
    padding: 10px;
    position: relative;
    width: 935px;
    z-index: 1;
}

#clientFile ul li {
    border-bottom: 1px dashed #788898;
    color: #788898;
    font-size: 13px;
    padding: 5px 0;
    border-bottom-left-radius: 0px;
}

#clientFile ul li div {
    display: inline-block;
}

#clientFile ul li div:nth-child(1) {
    color: #788898;
    width: 120px;
    text-align: left;
}

#clientFile ul li div:nth-child(2) {
    color: #223845;
    width: 80px;
}

#clientFile ul li div:nth-child(3) {
    color: #788898;
    width: 180px;
    text-align: right;
}

#clientFile ul li div:nth-child(4) {
    color: #223845;
    width: 180px;
    text-align: right;
}

#clientFile ul li div:nth-child(5) {
    color: #788898;
    width: 110px;
    text-align: right;
}

#clientFile ul li div:nth-child(6) {
    color: #223845;
    width: 110px;
    text-align: right;
}

#clientFile ul li div:nth-child(7) {
    color: #788898;
    width: 110px;
    text-align: right;
}

#clientFile ul li:first-child div {
    color: #D83E2A;
    font-weight: bold;
}

#clientFile ul li:last-child div {
    color: #D83E2A;
    font-weight: bold;
}

#clientFile ul li div.atention {
    font-weight: bold;
    text-decoration: underline;
}

/* ADMIN PANEL */

/*grid layout */
#adminAlign { width: 100%; text-align: center; background: url(../images/bg_align_shorter.png) bottom left repeat-x; }
#adminHeader { width: 960px; height: 40px; padding: 0 20px; margin: 0 auto; text-align: left; }
#adminContent { width: 960px; min-height: 600px; padding: 0 20px; margin: 0 auto; text-align: left;  }
#adminActualContent { float: left; width: 960px; padding: 0 0 20px 0; }

#adminHeaderMenu { float: right; height: 40px; }
#adminHeader ul.menu li { float: left; height: 16px; margin-top: 10px; }
#adminHeader ul.menu li.separator { margin-left: 8px; padding-left: 8px; border-left: 1px solid #c7d3e9; }
#adminHeader ul.menu li a { float: left; display: block; height: 20px; color: #788898; text-decoration: none; font-size: 14px;  font-family: Verdana;}
#adminHeader ul.menu li a:hover { color: #223845; text-decoration: none; }
#adminHeader ul.menu li a.selected { background: url(../images/bg_menu.gif) bottom left repeat-x; color: #223845; }

#adminContent .title {
    font-size: 18px;
    line-height: 18px;
    padding: 43px 0;
    text-transform: uppercase;
}

#clientAccountsList {
    border: 2px solid #FFFFFF;
    border-radius: 7px;
    margin: 30px 160px 0;
    padding: 10px;
}

#clientAccountsList li {
    border-bottom: 1px solid #FFFFFF;
    padding: 5px 0;
}

#clientAccountsList .header {
    border-bottom: 2px solid #555555;
    font-weight: bold;
}

#clientAccountsList .id {display: inline-block;width:50px;}
#clientAccountsList .username {display: inline-block;width:250px;text-align: center;}
#clientAccountsList .code {display: inline-block;width:140px;text-align: center;}
#clientAccountsList .action {display: inline-block;width:150px;text-align: center;}
#clientAccountsList .centerText {width: 100%; text-align: center;}

.attentionRed {
    display: block;
    text-align: center;
    background-color: #ff0000;
    font-size: 16px;
    color: #ffffff;
    margin: 10px 0;
}

.attentionGreen {
    display: block;
    text-align: center;
    background-color: #008000;
    font-size: 16px;
    color: #ffffff;
    margin: 10px 0;
}

#clientAdd {border: 2px solid #FFFFFF;border-radius: 7px;margin: 30px 250px 0;padding: 10px;}
#clientAdd li {border-bottom: 1px solid #FFFFFF;padding: 5px 0;}
#clientAdd .label {display: inline-block;width:200px;text-align: right;}
#clientAdd .value {display: inline-block;width:200px;text-align: left;}
#clientAdd .centerText {text-align: center;}


#newsletterList {
    border: 2px solid #FFFFFF;
    border-radius: 7px;
    margin: 30px 180px 0;
    padding: 10px;
}

#newsletterList li {
    border-bottom: 1px solid #FFFFFF;
    padding: 5px 0;
}

#newsletterList .header {
    border-bottom: 2px solid #555555;
    font-weight: bold;
}

#newsletterList .id {display: inline-block;width:50px;}
#newsletterList .email {display: inline-block;width:350px;text-align: center;}
#newsletterList .action {display: inline-block;width:150px;text-align: center;}
#newsletterList .centerText {width: 100%; text-align: center;}


#offersList {
    border: 2px solid #FFFFFF;
    border-radius: 7px;
    margin: 30px 80px 0;
    padding: 10px;
}

#offersList li {
    border-bottom: 1px solid #FFFFFF;
    padding: 5px 0;
}

#offersList .header {
    border-bottom: 2px solid #555555;
    font-weight: bold;
}

#offersList .id {display: inline-block;width:50px;}
#offersList .name {display: inline-block;width:450px;text-align: center;}
#offersList .action {display: inline-block;width:125px;text-align: center;}
#offersList .centerText {width: 100%; text-align: center;}

#offerAdd {border: 2px solid #FFFFFF;border-radius: 7px;margin: 30px 250px 0;padding: 10px;}
#offerAdd li {border-bottom: 1px solid #FFFFFF;padding: 5px 0;}
#offerAdd .label {display: inline-block;width:200px;text-align: right;}
#offerAdd .value {display: inline-block;width:200px;text-align: left;}
#offerAdd .centerText {text-align: center;}


#offerPhotosList {
    border: 2px solid #FFFFFF;
    border-radius: 7px;
    margin: 30px 160px 0;
    padding: 10px;
}

#offerPhotosList li {
    border-bottom: 1px solid #FFFFFF;
    padding: 5px 0;
}

#offerPhotosList .header {
    border-bottom: 2px solid #555555;
    font-weight: bold;
}

#offerPhotosList .id {display: inline-block;width:50px;}
#offerPhotosList .photo {display: inline-block;width:250px;text-align: center;}
#offerPhotosList .priority {display: inline-block;width:150px;text-align: center;}
#offerPhotosList .action {display: inline-block;width:150px;text-align: center;}
#offerPhotosList .centerText {width: 100%; text-align: center;}

.viewPdf {
    padding-left: 20px; background: url("../images/filetype/pdf.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.viewZip {
    padding-left: 20px; background: url("../images/filetype/zip.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}


#quickLinks h1 {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #FFF;
    color: #fcf5e6;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    text-transform: uppercase;
	
}

#traficFooter {
	text-align: center;
}