/**************************************************************** * GENERAL ****************************************************************/ body {background:#1281aa ; margin: 0px auto; padding: 0; color: #333;} a, a:hover{color: #e92e0b;} a {text-decoration: none;} a:hover {text-decoration: underline;} ul{margin: 0;} #header { background:#ffffff; margin: 0; padding:0 ; height: 142px;} .pageborder {border-left: 1px solid #1f424e; border-right: 1px solid #1f424e;} .menu_top { background:#ffffff url(../images/menu_top_bg.gif) repeat-x bottom left; float:left; height: 44px; margin: 0; padding: 0; width: 983px; } .undermenu_top { background:#ffffff url(../images/undermenu_top_bg.gif) repeat-x bottom left; float:left; height: 7px; margin: 0; padding: 0; width: 983px; } .menu_top .nav {float: left; width: 567px; height: 42px; margin: 1px 208px 1px 208px; padding: 0; border:0px solid #000000; display:inline;} .menu_top .nav ul {font-family: tahoma; list-style: none; padding: 0px; margin: 0px; width: 567px; } .menu_top .nav ul li {float: left; font-weight: normal; font-size: 18px; height: 42px;} .menu_top .nav ul li a#off {float: left; display: block; text-decoration: none; height: 30px; color: #1f424e; padding: 12px 28px 0 28px;} .menu_top .nav ul li a#off:hover {background: url(../images/btnonmenu_aboutus.gif) repeat-x bottom left; cursor: pointer; text-decoration: none; color: #0295cc;} .menu_top .nav ul li a#on {background: url(../images/btnonmenu_aboutus.gif) repeat-x bottom left; float: left; display: block; text-decoration: none; color: #0295cc; height: 30px; padding: 12px 28px 0 28px;} .menu_top_borderleft {border-left: 1px solid #5bb0c3; } .menu_top_borderright {border-right: 1px solid #5bb0c3; } .mainbodycontainer { background-color: #ffffff; padding: 0 ; margin: 0; width: 983px; font-family: Tahoma;} .mainbody{ float: left; background-color: #ffffff; padding: 0px 23px 40px 25px; display:inline;} .mainbody #languagebar { float: left; width: 935px; height: 38px; display:inline;} .mainbody #languagebar #flag { float: right; padding: 5px 0 0 5px;} #footer { background:#c4f1fa; border-top: 1px solid #dbf7fc; margin: 0; padding:0 0 0px 0; height: 59px; } #footer #copyright { float:right; font-family: Tahoma; font-size: 14px; color: #1f424e; padding: 20px 25px 0 0;} /**************************************************************** * HOME PAGE ****************************************************************/ .mainbody #left_col { float: left; margin:0px; width: 620px; display:inline;} .mainbody #right_col { float: right; margin: 0; width: 315px; display:inline; } #left_col_container {float: left; display:inline; width: 593px;} #right_col_container {float: left; display:inline; width: 315px;} #welcome {float: left; display:inline; width: 593px;} #welcome #line1 {float: left; width: 593px; height: 1px; display:inline; background: url(../images/welcome_line1.gif) no-repeat;} #welcome #content {float: left; width: 593px; height: 129px; display:inline;} #welcome #content #imgleft {float: left; width: 150px; height: 129px; display:inline;} #welcome #content #txtright {float: left; width: 413px; height: 113px; padding: 16px 0 0 30px; text-align:justify;} #welcome #content #txtright #title {float: left; width: 413px; font-size: 17px; color: #188cb7; font-weight:normal; } #welcome #content #txtright #desc {float: left; width: 413px; font-size: 14px; color: #1f424e; margin-top: 15px; clear: both;} #welcome #line2 {float: left; width: 593px; height: 1px; background:#dbedf9;} #products {float: left; display:inline; width: 593px; margin-top:44px;} #products #icon {float: left; display:inline; width: 44px; } #products #content {float: left; display:inline; width: 549px; } #products #content #top {float: left; display:inline; width: 549px; } #products #content #top #col1 {float: left; display:inline; width: 283px; } #products #content #top #col1 #titlebox {float: left; display:inline; width: 283px; height: 34px;} #products #content #top #col1 #titlebox #title {float: left; display:inline; width: 88px; height: 29px; padding-top: 5px;} #products #content #top #col1 #titlebox #title a {font-size: 17px; color: #1f424e; } #products #content #top #col1 #titlebox #medname {float: left; display:inline; width: 110px; height: 29px; background: url(../images/home_medname.gif) no-repeat; padding: 5px 0 0 85px;} #products #content #top #col1 #titlebox #medname a {font-size: 16px; color: #0295cc;} #products #content #top #col1 #titlebox #medname a:hover {text-decoration:underline; } #products #content #top #col1 #descbox {float: left; display:inline; width: 283px; margin-top: 16px; } #products #content #top #col1 #descbox p {margin-top: 5px; font-size: 12px; color: #1f424e; text-align:justify; } #products #content #top #col2{float: left; display:inline; width: 249px; padding-left:17px; } #products #content #bottom {float: left; display:inline; width: 549px; height: 45px; margin-top:31px; background: url(../images/home_medlist.gif) no-repeat bottom left;} #products #content #bottom #medpicbar{float: left; display:inline; margin:5px 0 0 178px; } #products #content #bottom #medpicbar #medpic {float: left; display:inline; width: 54px; height: 33px; margin-right:16px; } #preview{ position:absolute; border:1px solid #c1f2fd; background:#dbf7fd; padding:5px; display:none;color:#fff;} #aboutus {float: left; display:inline; width: 593px; margin-top:40px;} #aboutus #icon {float: left; display:inline; width: 44px; } #aboutus #content {float: left; display:inline; width: 549px; } #aboutus #content #top {float: left; display:inline; width: 549px; } #aboutus #content #top #col1 {float: left; display:inline; width: 549px; } #aboutus #content #top #col1 #titlebox {float: left; display:inline; width: 549px; height: 34px;} #aboutus #content #top #col1 #titlebox #title {float: left; display:inline; width: 88px; height: 29px; padding-top: 5px;} #aboutus #content #top #col1 #titlebox #title a { font-size: 17px; color: #1f424e;} #aboutus #content #top #col1 #titlebox #line {float: left; display:inline; width: 461px; height: 1px; background: #50bed5; margin-top: 15px;} #aboutus #content #bottom {float: left; display:inline; width: 549px; } #aboutus #content #bottom p {margin-top: 0px; font-size: 14px; color: #1f424e; text-align:justify; } #aboutus #content #readmore {float: right; display:inline; width: 116px; margin-top:0px;} #aboutus #content #readmore #arrow {float: left; display:inline; margin:6px 5px 0 0;} #aboutus #content #readmore #text { float: left; display:inline; margin-top:0px;} #aboutus #content #readmore #text a { font-size: 14px; color: #1f424e; } #aboutus #content #readmore #icondoc {float: left; display:inline; margin-left: 10px;} #jobopportunities {float: left; display:inline; width: 315px;} #jobopportunities #content {float: left; display:inline; width: 315px; height: 133px; background: #ffffff url(../images/home_job.gif) no-repeat; } #jobopportunities #content #title {float: left; display:inline; width: 290px; height: 30px; padding: 9px 0 0 25px;} #jobopportunities #content #title a { font-size: 16px; color: #0295cc;} #jobopportunities #content #title a:hover {text-decoration: underline; } #jobopportunities #content #txt {float: left; display:inline; width: 165px; font-size: 14px; color: #1f424e; padding: 8px 0px 0 2px; text-align: justify; line-height:18px;} #jobopportunities #content #jointeam {float: left; display:inline; width: 100px; height: 20px; padding: 68px 0 0 44px;} #jobopportunities #content #jointeam a {font-size: 14px; color: #1f424e;} #bigpic {float: left; display:inline; width: 315px; margin-top: 44px;} #contactus {float: left; display:inline; width: 315px; height: 215px; margin-top: 30px; background: #ffffff url(../images/home_contact_bg.gif) no-repeat;} #contactus #title {float: left; display:inline; width: 85px; height: 12px; margin: 13px 0 0 230px; } #contactus #title a {font-size: 16px; color: #0295cc;} #contactus #address {float: left; display:inline; width: 275px; margin: 20px 20px 0 20px;} #contactus #address p {font-size: 12px; color: #1f424e; text-align:center; margin-top: 5px;} /**************************************************************** * ABOUT US ****************************************************************/ #aboutuscol1 { float: left; margin: 0 13px 0 0; width: 32px; display:inline;} #aboutuscol2 { float: left; margin: 0 31px 0 0; width: 549px; display:inline;} #aboutuscol3 { float: left; margin: 13px 0px 0 0; width: 310px; display:inline;} #aboutuscol2 #titlebox {float: left; display:inline; width: 549px; height: 34px;} #aboutuscol2 #titlebox #title {float: left; display:inline; width: 88px; height: 29px; padding-top: 5px;} #aboutuscol2 #titlebox #title a { font-size: 17px; color: #1f424e;} #aboutuscol2 #titlebox #line {float: left; display:inline; width: 461px; height: 1px; background: #50bed5; margin-top: 15px;} #aboutuscol2 #content {float: left; display:inline; width: 549px; margin-top: 10px;} #aboutuscol2 #content p#p1 {float: left; display:inline; width: 549px; text-align: justify; font-size: 14px; color: #1f424e; line-height: 18px;} #aboutuscol2 #content img {float: left; display:inline; width: 549px; margin-top: 26px;} #aboutuscol2 #content p#p2 {float: left; display:inline; width: 549px; margin-top: 26px; text-align: justify; font-size: 14px; color: #1f424e; font-style: italic; line-height: 18px;} /**************************************************************** * PRODUCTS ****************************************************************/ #prod_col1 { float: left; margin: 0 27px 0 0; width: 593px; display:inline;} #prod_col2 { float: left; margin: 15px 0px 0 0; width: 308px; height: 420px; border: 1px solid #50bed5; overflow: hidden;} #prod_col1 #titlebox { float: left; margin: 0; width: 593px; display:inline;} #prod_col1 #titlebox #icon { float: left; margin: 0 13px 0 0; width: 32px; display:inline;} #prod_col1 #titlebox #title {float: left; display:inline; width: 88px; height: 29px; padding-top: 5px;} #prod_col1 #titlebox #title a { font-size: 17px; color: #1f424e;} #prod_col1 #titlebox #prod_line {float: left; display:inline; width: 460px; height: 1px; background: #50bed5; margin-top: 15px;} #prod_col1 #content {float: left; display:inline; width: 593px; margin-top: 10px;} #prod_col1 #content #menu {float: left; display:inline; width: 213px; margin-right: 20px;} #prod_col1 #content #fiche {float: left; display:inline; width: 330px; border: 1px solid #b9dce9; background: #f2fdff; padding: 14px;} #menu_left { float: left; margin: 0px; padding: 0px; display:inline;} #menu_left #nav { float: left; margin: 0px; padding: 0px; display:inline;} #menu_left #nav ul { list-style-type: none; padding: 0px; margin: 0px; } #menu_left #nav ul li { background: #ffffff url(../images/menuleft_arrow.gif) no-repeat 0px 5px; text-align: left; float: left; clear: both;display: inline; font-weight: normal; font-size: 12px; min-height: 27px; width: 213px; padding: 0;} #menu_left #nav ul li a#prod {display: block; text-decoration: none; font-size: 14px; color: #178ab4; padding: 0px 0 0 20px; } #menu_left #nav ul li a#prod:hover { display: block; color: #1f424e; text-decoration: none; background: #ffffff url(../images/menuleft_arrow.gif) no-repeat 0px 5px; cursor:pointer; } #menu_left #nav ul li .current { text-decoration: none; color: #e92e0b; padding: 2px 0 0 25px; background: #ffffff url(../images/menuleft_arrowon.gif) no-repeat 0px 5px;} #menu_left #nav ul li a#admin { text-decoration: none; color: #f7476b; padding: 0px 0 0 0px; } #menu_left #nav ul li a#admin:hover { color: #f12e0b; text-decoration: none; cursor:pointer; } #admin_add_prod_box { float: left; margin: 0px; padding: 10px 0 0 0; display:inline; width: 500px;} #admin_add_prod_box a { text-decoration: none; color: #f7476b; } #admin_add_prod_box a:hover { color: #f12e0b; text-decoration: none; cursor:pointer;} #prod_col1 #content #fiche #name1 {float: left; height: 30px; } #prod_col1 #content #fiche #name1 #arrow {float: left; margin: 5px 10px 0px 0px; padding:0; background: #ffffff url(../images/prod_titlearrow.gif) no-repeat; height: 11px; width: 16px; } #prod_col1 #content #fiche #name1 #txt {float: left; font-size: 18px; color: #188cb7;} #prod_col1 #content #fiche #name2 {float: left; clear: both; margin-top: 10px; width: 330px; font-size: 12px; color: #1f424e; font-style: italic; } #prod_col1 #content #fiche #spec_cat {float: left; margin-top: 30px; width: 330px; font-size: 14px; color: #0295cc; font-weight: bold;} #prod_col1 #content #fiche #spec_txt {float: left; margin-top: 10px; width: 330px; font-size: 12px; color: #1f424e; font-style: italic;} #prod_col1 #content #fiche #indication_cat {float: left; margin-top: 20px; width: 330px; font-size: 14px; color: #0295cc; font-weight: bold;} #prod_col1 #content #fiche #indication_txt p {float: left; margin-top: 5px; width: 330px; font-size: 12px; color: #1f424e; } #prod_col1 #content #fiche #prod_img {float: left; margin-top: 18px; width: 330px;} #prod_col1 #content #fiche #prod_img #line_img {float: left; margin-top: 18px; width: 330px;} #prod_col1 #content #fiche #prod_img #line_img .imgpic {float: left; margin-right: 20px; } #prod_col2 #content { float:left; margin: auto; width: 100%; height: 100%; margin-top: 25%;} #prod_col2 #content #big_img1 {float:left; margin-left: 5px; } #prod_col2 #content #big_img2 {float:left; margin-left: 5px; } #prod_col2 #content #big_img3 {float:left; margin-left: 5px; } #prod_col2 #content #prod_zoompic {float: left; margin-left:150px;} /**************************************************************** * JOB ****************************************************************/ #jobcol1 { float: left; margin: 0 13px 0 0; width: 32px; display:inline;} #jobcol2 { float: left; margin: 0 0px 0 0; width: 890px; height: 376px; display:inline; background: url(../images/job_img_bg.gif) no-repeat bottom right;} #jobcol2 #titlebox {float: left; display:inline; width: 674px; height: 34px;} #jobcol2 #titlebox #title {float: left; display:inline; width: 150px; height: 29px; padding-top: 5px;} #jobcol2 #titlebox #title a { font-size: 17px; color: #1f424e;} #jobcol2 #titlebox #line {float: left; display:inline; width: 524px; height: 1px; background: #50bed5; margin-top: 15px;} #jobcol2 #content {float: left; display:inline; width: 674px; margin-top: 10px;} #jobcol2 #content p#p1 {float: left; display:inline; width: 674px; text-align: justify; font-size: 14px; color: #1f424e; line-height: 18px;} #jobcol2 #content #offers {float: left; display:inline; width: 584px; height: 180px; margin-top: 30px; border: 1px solid #b9dce9; background: #f2fdff; padding: 14px;} #jobcol2 #content #offers p { font-size: 14px; color: #1f424e; font-weight: bold; font-style: italic; margin-top: 50px; text-align: center;} /**************************************************************** * CONTACT ****************************************************************/ #contactcol1 { float: left; margin: 0 13px 0 0; width: 32px; display:inline;} #contactcol2 { float: left; margin: 0 0px 0 0; width: 674px; display:inline;} #contactcol3 { float: left; margin: 0 0px 0 0; width: 216px; height: 379px; display:inline; background: url(../images/contact_img_bg.gif) no-repeat bottom right;} #contactcol2 #titlebox {float: left; display:inline; width: 674px; height: 34px;} #contactcol2 #titlebox #title {float: left; display:inline; width: 78px; height: 29px; padding-top: 5px;} #contactcol2 #titlebox #title a { font-size: 17px; color: #1f424e;} #contactcol2 #titlebox #line {float: left; display:inline; width: 595px; height: 1px; background: #50bed5; margin-top: 15px;} #contactcol2 #content {float: left; display:inline; width: 674px; margin-top: 10px;} #contactcol2 #content #add1 {float: left; display:inline; width: 294px; height: 303px; border: 1px solid #b9dce9; background: #f2fdff; padding: 15px; margin-right: 22px; } #contactcol2 #content #add2 {float: left; display:inline; width: 294px; height: 303px; border: 1px solid #b9dce9; background: #f2fdff; padding: 15px; } #contactcol2 #content p#p1 { text-align: center; font-size: 18px; color: #39afda; font-weight: normal; margin-top: 50px;} #contactcol2 #content p#p2 { text-align: center; font-size: 14px; color: #1f424e; font-weight: normal; margin-top: 15px;} /**************************************************************** * ADMIN FACEBOX BOX ****************************************************************/ #admin_main { width: 580px; } .admin_top_title { clear: both; font-size: 125%; font-weight: bold; color: #ffffff; margin-bottom: 10px; padding: 10px 5px 10px 20px; background: #1282AA; border: 1px solid #042653; text-shadow: 2px 2px #fff; text-align: center; } #box, .box { border: 1px solid #ddd; padding: 20px; margin-bottom: 10px; background: white; } .box .gen_table { border:0px solid #DDDDDD; border-collapse:separate; border-spacing:3px; font-size:14px; margin:0pt auto; width:100%; } .box .gen_table td { background-color:#dddddd; border:0px solid #DDDDDD; padding:10px; vertical-align:top;} .box .gen_table span.collabel {font-size: 14px; font-weight:bold;} .box .gen_table th { background-color:#d2c2c3; border:0px solid #DDDDDD; padding:10px; vertical-align:middle; } .box .gen_table td .tdempty { background-color:#f4f4f4; border:0px solid #DDDDDD; padding:10px; vertical-align:top; } .box .gen_table td .tdtitle { font-family: tahoma; font-size: 10px; background-color:#b3b3b3; border:0px solid #DDDDDD; padding:10px; vertical-align:middle; } .box .gen_table .inputfield { width: 200px; margin:0 0 0 0; border:1px solid #bbb; background:#f6f6f6; padding:5px;} .box .gen_table .inputfield:focus { border:1px solid #0b5f36; background:#dbfde9; }