@charset "utf-8"; /*DEFAULT ELEMENT*/ body{font-family:arial; font-size: 12px; margin:0; padding:0; background-color:#fdfeff; color:#666666;} img{border:0;} * :focus{outline:0}ul{list-style-type: none; margin:0; padding:0;}li{list-style-type: none;}p{margin:0;padding:0;}.cursor{cursor: pointer;}span{margin:0;padding:0;} .cursor{cursor:pointer;} #main_container{width: 952px; height: 100%; margin: 0px auto;} #content_section{width: 952px; height: 100%; float:left; background-image: url(../images/bg_background.gif);} #content_section1{width: 952px; float:left;} #cont_btm{width: 944px; height:7px; margin-left: 4px; background-image: url(../images/cont_btm.gif);} /*FLOAT*/ .fl{float:left} .fr{float:right} .cl{clear:both} .bord{border:1px solid red;} /*WIDTH CSS*/ .width952{width:952px;}.width753{width:753px;}.width944{width:944px;}.width391{width:391px;}.width70{width:70px;}.width52{width:52px;}.width70{width:70px;}.width39{width:39px;}.width53{width:53px;}.width98{width:53px;}.width905{width:905px;}.width170{width:170px;}.width270{width:270px;}.width287{width:287px;}.width1{width:1px;}.width266{width:266px;}.width284{width:284px;}.width160{width:160px;}.width234{width:234px;}.width602{width:602px;}.width34{width:34px;}.width665{width:665px;}.width898{width:952px;}.width226{width:226px;}.width221{width:220px;}.width150{width:150px;}.width120{width:120px;}.width140{width:140px;}.width404{width:404px;}.width492{width:492px;}.width350{width:350px;}.width260{width:260px;}.width25{width:25px;}.width90{width:90px;}.width120{width:120px;}.width130{width:130px;}.width110{width:110px;}.width296{width:296px;}.width587{width:600px; text-align:justify;}.width99{width:99px;}.width67{width:67px;}.width305{width:305px;}.width904{width:904px;}.width226{width:226px;}.width222{width:222px;}.width25{width:25px;}.width260{width:260px;}.width350{width:350px;}.width492{width:492px;}.width404{width:404px;}.width100{width:100px;}.width20{width:20px;}.width298{width:298px;}.width600{width:600px;}.width120{width:120px;}.width393{width:393px;}.width448{width:448px;}.width389{width:389px;}.width195{width:195px;}.width930{width:930px;}.width617{width:617px;}.width211{width:211px;}.width27{width:27px;}.width619{width:619px;}.width510{width:510px;}.width109{width:109px;}.width190{width:190px;}.width225{width:225px;}.width50{width:50px;}.width460{width:460px;}.width129{width:129px;}.width131{width:131px;}.width594{width:594px;}.width621{width:621px;}.width292{width:292px;}.width200{width:200px;}.width387{width:382px;}.width323{width:323px;}.width500{width:500px;}.width87{width:87px;} .width600{width:600px;} .width243{width:243px;}.width265{width:265px;} /*LINE HEIGHT CSS*/ .lt22{line-height:22px;} /*HEIGHT CSS*/ .ht83{height:83px;}.ht30{height:30px;}.ht1{height:1px;}.ht17{height:17px;}.ht200{height:200px;}.ht61{height:61px;}.ht307{height:307px;}.ht39{height:39px ;}.ht33{height:33px;}.ht263{height:263px;}.ht16{height:16px;}.ht14{height:14px;}.ht73{height:73px;}.ht7{height:7px;}.ht5{height:5px;}.ht93{height:93px;}.ht20{height:20px;}.ht65{height:65px;}.ht40{height:40px;}.ht15{height:15px;}.ht10{height:10px;}.ht7{height:7px;}.ht5{height:5px;}.ht25{height:25px;}.ht109{height:109px;}.ht293{height:293px;} .ht28{height:28px;}.ht102{height:102px;}.ht305{height:305px;} /*BACKGROUND*/ .bg_red{background-color: red;} .bg_menu{background-image: url(../images/bg_menu.gif);} .bg_footer{background-image: url(../images/footer_bg.gif);} .bg_e5e5e5{background-color:#e5e5e5} .bg_dedede{background-color:#dedede;} /*MARGINS*/ .ml21{margin-left: 21px;}.mt7{margin-top: 7px;}.ml4{margin-left: 4px;}.mr19{margin-right:19px;}.mb20{margin-bottom:20px;}.ml25{margin-left: 25px;}.mb15{margin-bottom:15px;}.mt20{margin-top:20px;} .mt14{margin-top: 14px;}.mr13{margin-right: 13px;}.mr21{margin-right: 21px;}.mr11{margin-right: 10px;}.mr4{margin-right: 4px;}.ml31{margin-left:31px;}.mr10{margin-right: 10px;}.mt10{margin-top: 10px;}.mb27{margin-bottom:27px;}.ml6{margin-left:6px;}.ml27{margin-left:27px;}.mb14{margin-bottom:14px;}.mt1{margin-top:1px;}.mb29{margin-bottom:29px;}.mr20{margin-right:20px;}.mb6{margin-bottom:6px;}.mr16{margin-right:16px;}.mt9{margin-top:9px;}.mt12{margin-top:12px;}.ml16{margin-left:16px;}.mt16{margin-top:16px;}.mt24{margin-top:24px;}.mb35{margin-bottom:35px;}.mb25{margin-bottom:25px;}.mr6{margin-right:6px;}.mr9{margin-right:9px;}.mb10{margin-bottom:10px;}.mb16{margin-bottom:16px;}.mb8{margin-bottom:8px;}.mt8{margin-top:8px;}.mb19{margin-bottom:19px;}.mt5{margin-top:5px;}.mt4{margin-top:4px;}.mb5{margin-bottom:5px;}.mb2{margin-bottom:2px;}.mb13{margin-bottom:13px;}.ml15{margin-left:15px;}.ml10{margin-left:10px;}.mb3{margin-bottom:3px;}.ml5{margin-left:5px;}.mr8{margin-right:8px;}.mt3{margin-top:3px;}.ml12{margin-left:12px;}.mt15{margin-top:15px;}.mr5{margin-right:5px;}.mr3{margin-right:3px;}.mr18{margin-right:18px;}.ml24{margin-left:24px;}.mb7{margin-bottom:7px;}.mt42{margin-top:42px;}.mt36{margin-top:36px;}.ml315{margin-left:315px;} .mr16{margin-right:16px;} /*PADDING*/ .pl50{padding:0 50px 0 0;} /*OVERFLOW*/ .inline{display: inline;} .overflow{overflow: hidden;} /*ALIGN*/ .algnlft{text-align:left}.justify{text-align:justify}.txtdecor{text-decoration: none;} .input{border: 1px solid #aaaaaa; width:101px; height:19px; font-size:11px;} .textarea_299{width:250px;height:101px;color:black;border:1px solid #aaaaaa;} .input_big{border: 1px solid #aaaaaa; width:248px; height:15px; background-image: url(../images/background-input.jpg); font-size:11px; #666666; padding:3px;} .dropdown_big{border: 1px solid #aaaaaa; width:248px; height:19px; background-image: url(../images/background-input.jpg); font-size:11px; color:#666666;} /*FONT*/ .bold{font-weight:bold}.inormal{font-weight:normal}.fnt11{font-size:11px}.fnt12{font-size:12px;}.fnt16{font-size:16px;}.fnt13{font-size:13px;}.fnt14{font-size:14px;} /*LINEHEIGHT*/ .ilt16{line-height:16px;}.lt18{line-height:18px;} /*COLORS*/ .m666666,a.m666666:link,a.m666666:visited{color:#666666; text-decoration: none;}.m4895e2,a.m4895e2:link,a.m4895e2:visited{color:#4895e2; text-decoration: none;}.m999999,a.m999999:link,a.m999999:visited{color:#999999; text-decoration: none;}.m0095d4,a.m0095d4:link,a.m0095d4:visited{color:#0095d4; text-decoration: none;}.m666666{color:#666666; text-decoration: none;}.m800517{color:#800517; text-decoration: none;}.mfff,a.mfff:link,a.mfff:visited{color:#ffffff; text-decoration: none;} .submenu_selected{color:#4895e2; text-decoration: underline;} .m7da318,a.m7da318:link,a.m7da318:visited{color:#7da318; text-decoration: none;} .email{color:#4895E2; text-decoration:none;} .email a{color:#4895E2; text-decoration:none;} .email a:hover{color:#4895E2; text-decoration:underline;} a.submenu_hover {color:#4895e2; text-decoration: none;} a.submenu_hover:hover{color:#4895e2; text-decoration: underline;} .link_sitemap{color:#666666; text-decoration:none; }.link_sitemap a{text-decoration:none; color:#666666;}.link_sitemap a:hover{text-decoration:underline; color:#666666; } /*BG_TABS*/ .bg_tabs_mid{background-image: url(../images/bg_news&events.gif);} .bg_tabs_btm{background-image: url(../images/bg_news_btm.gif);} #client_logos{float:left;width:905px;} .manditory{color:#FF0000;font-family:arial;font-size:11px;font-weight:normal;} .trebuchetms{font-family:"Trebuchet MS";} .port_pagination_top{background-image:url(../images/port_pagination_top.png); width:900px; height:9px;} .port_pagination_mid{background-image:url(../images/port_pagination_mid.png); width:900px; } .port_pagination_bot{background-image:url(../images/port_pagination_bot.png); width:900px; height:7px;} .link{ font-size:12px; font-weight:normal; color:#800517; text-decoration:none; }.link a{ font-size:12px;text-decoration:none; color:#800517; } .link a:hover{ font-size:12px;text-decoration:underline;color:#800517; } .fnt16{font-size:16px;} .fnt20{font-size:20px} .fnthel{font-family:Helvetica;} .home_hover {color:#4895e2; text-decoration: none;} .home_hover a {color:#4895e2; text-decoration: none;} .home_hover a:hover{color:#4895e2; text-decoration: underline;} .input_newsletter{border:1px solid #AAAAAA; height:15px; padding:3px; width:170px;} /*tempo*/ .mt35{margin-top:35px;} /*MENU CSS*/ h1 {font-size: 2em; font-family: Arial, Helvetica, sans-serif;} h2 {font-size: 1.5em; font-family: Arial, Helvetica, sans-serif;} .example { } /* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */ /* remove all list stylings */ .menu, .menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; float:right; } .menu li { margin: 0; padding: 0; border: 0; display: block; float: left; /* move all main list items into one row, by floating them */ position: relative; /* position each LI, thus creating potential IE.win overlap problem */ z-index: 5; /* thus we need to apply explicit z-index here... */ } .menu li:hover { z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */ white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */ } .menu li li { float: none;/* items of the nested menus are kept on separate lines */ } .menu ul { visibility: hidden; /* initially hide all submenus. */ position: absolute; z-index: 10; left: 0; /* while hidden, always keep them at the top left corner, */ top: 0; /* to avoid scrollbars as much as possible */ } .menu li:hover>ul { visibility: visible; /* display submenu them on hover */ top: 100%; /* 1st level go below their parent item */ } .menu li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */ top: 0; left: 100%; } /* -- float.clear -- force containment of floated LIs inside of UL */ .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .menu, .menu ul { /* IE7 float clear: */ min-height: 0; } /* -- float.clear.END -- */ /* -- sticky.submenu -- it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly! if you do it, make sure you 110% know what you do */ .menu ul { background-image: url(empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; /*background: #f00;*/ /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */ } .menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } /* -- sticky.submenu.END -- */ /* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */ .menu ul li { color: #eee; background: #818181; font-family: Arial, Helvetica, sans-serif; } .menu{ color: #eee; font-family: Arial, Helvetica, sans-serif; } .menu ul { width: auto; } .menu a { text-decoration: none; color: #fff; font-family: Arial, Helvetica, sans-serif; /*padding: .4em 1em;*/ display: block; position: relative; } .menu li:hover>a { color: #fff; font-family: Arial, Helvetica, sans-serif; background-color:#bcbcbc; } .menu a:hover{ color: #fff; font-family: Arial, Helvetica, sans-serif; background-color:#bcbcbc; } .menu li li { /* create borders around each item */ border-bottom: 1px solid #fff; } .menu ul>li + li { /* and remove the top border on all but first item in the list */ border-top: 0; } .menu li li:hover>ul { /* inset 2nd+ submenus, to show off overlapping */ top: 5px; left: 90%; } /* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu placed here to clarify the terminology I use when referencing submenus in posts */ .menu>li:first-child>a, .menu li + li + li li:first-child>a { color: #fff; } .topmenu_first{line-height:35px; width:90px; height:30px; border-bottom: 1px solid #fff;} .topmenu_second{line-height:35px; width:180px; height:30px; border-bottom: 1px solid #fff;} .topmenu_third{line-height:35px; width:200px; height:30px; border-bottom: 1px solid #fff;} .topmenu_fourth{line-height:35px; width:240px; height:30px; border-bottom: 1px solid #fff;} .topmenu_class{line-height:35px; height:30px; border-bottom: 1px solid #fff;} .topmenu_second_r{line-height:35px; width:117px; height:30px; border-bottom: 1px solid #fff;} .topmenu_second_v{line-height:35px; width:150px; height:30px; border-bottom: 1px solid #fff;} .topmenu_product{line-height:35px; width:200px; height:30px; border-bottom: 1px solid #fff;} /* Fix for IE5/Mac \*//*/ .menu a { float: left; } /* End Fix */ /*]]>*/