/* Test Bruno Gambino CSS Document */ /*ORANGE CSS COLOR #EB7126 */ body{margin:0px; padding:0px; /*background:url(images/main-bg.gif) 0 0 repeat-x #F2F0DC;*/ color:#5D5B46; font:14px/18px Georgia, "Times New Roman", Times, serif;} div, p, ul, h2, img{margin:0px; padding:0px;} ul{list-style-type:none;} /*----TOP PANEL----*/ #topPan{ width:792px; height:70px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif;} /* #topPan ul{width:125px; height:22px; position:absolute; top:0px; right:130px;} #topPan ul li{float:left; width:45px; height:22px;} #topPan ul li a{width:45px; height:16px; display:block; background:url(images/arrow1.gif) 40px 6px no-repeat #D2691E; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;} #topPan ul li a:hover{background:url(images/arrow1-hover.gif) 40px 6px no-repeat #D2691E; color:#FEF0B7; text-decoration:none;} */ #topPan img.logo{width:130px; height:57px; position:absolute; top:5px; left:0px;} /*----HEADER----*/ #headerPan{width:792px; height:176px; position:relative; padding:0; margin:0 auto;} /*--- #headerleftPan{width:46px; height:160px; float:left; background:url(images/leftfolder.gif) 0 0 no-repeat;} ----*/ /*----Header Middle Panel----*/ #headermiddlePan{/*width:686px;*/ width: 792px; height:174px; float:left; padding: 0; margin: 0 auto; } /*----Menu Panel----*/ #menuPan{width:772px; height:172px; /*background:url(images/menu-bg.gif) 0 0 repeat-x;*/ position:relative; margin:0; border-right: 1px dashed orange} #menuPan ul{width:792px; height:28px; position:absolute; top:2px; left:0px; border-bottom: 1px dashed orange} #menuPan ul li{width:94px; height:28px; float:left;} #menuPan ul li a{width:93px; height:28px; display:block; background:#F9F9F9; background:url(images/menu_bg.gif) 0 0 repeat-x; color:#2F2A28; font:12px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #menuPan ul li a:hover{width:94px; height:28px; background:#EB7126; color:white; border:none; text-decoration:none;} #menuPan ul li.selected{width:92px; height:28px; /*background:#FDF6B6;*/ background: white; color:#EB7126; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border-right:1px dashed orange;border-top: 1px dashed orange; border-left: 1px dashed orange; text-decoration:none;} #headerbodyPan{width:792px; height:126px; position:absolute; top:18px; left:0px; background:transparent; color:#fff; } /*---- Header Red Panel #headerleftredPan{width:478px; height:123px; background:url(images/redpan-bg.jpg) 0 0 repeat-x #FEFDF1; color:#fff; position:absolute; top:32px; left:0px;} #headerleftredPan h2{width:160px; height:69px; font:24px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; top:29px; left:36px; text-transform:uppercase;} #headerleftredPan h2 span{font-size:39px; line-height:30px;} #headerleftredPan p{width:262px; height:74px; display:block; position:absolute; top:0px; left:190px; font-size:14px; line-height:17px;} #headerleftredPan p span.largetext{font-size:18px; line-height:20px;} #headermiddleredPan{width:161px; height:142px; background:url(images/red-image.jpg) 0 0 no-repeat; position:absolute; top:13px; left:478px;} ----*/ #headermiddleredPan {width:792px; height:126px; background:url(images/red-image.jpg) 0 0 no-repeat; position:absolute; top:13px; left:0px; border-bottom: 1px dashed orange; } #headermiddleredPan_contact{width:792px; height:126px; background:url(images/contact.jpg) 0 0 no-repeat; position:absolute; top:13px; left:0px; border-bottom: 1px dashed orange; } #headermiddleredPan_profile{width:792px; height:126px; background:url(images/profile.jpg) 0 0 no-repeat; position:absolute; top:13px; left:0px; border-bottom: 1px dashed orange;} #headermiddleredPan_tpms {width:792px; height:126px; background:url(images/red-image.jpg) 0 0 no-repeat; position:absolute; top:13px; left:0px; border-bottom: 1px dashed orange;} #headermiddleredPan_spx {width:792px; height:126px; background:url(images/red-bulb.jpg) 0 0 no-repeat; position:absolute; top:13px; left:0px; border-bottom: 1px dashed orange; } #headermiddleredPan_index {width:792px; height:126px; background:url(images/index_image2.jpg) 0 0 no-repeat; position:absolute; top:13px; left:0px; border-bottom: 1px dashed orange;} #headermiddleredPan_history{width:792px; height:126px; background:url(images/history_image2.jpg) 0 0 no-repeat; position:absolute; top:13px; left:0px; border-bottom: 1px dashed orange;} /*----Header MORE Panel #headermorePan{width:47px; height:123px; position:absolute; top:32px; right:0px; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;} #headermorePan a{width:39px; height:38px; display:block; background:url(images/headermore-normal.gif) 0 0 no-repeat #FEFDF1; color:#FDFCEC; text-decoration:none; padding:85px 0 0 8px;} #headermorePan a:hover{background:url(images/headermore-hover.gif) 0 0 no-repeat; text-decoration:none;} ----*/ /*----Header Middle Panel #headerrightPan{width:46px; height:160px; float:left; background:url(images/rightfolder.gif) 0 0 no-repeat; } ----*/ /*----HEADER- PANEL----*/ /*----Vertical Menu Panel----*/ #bodyVmenu{width:190px;float:left;} td.subMenu {border-bottom: solid 1px #D80000;border-bottom-style: dotted;background-color: #FFFFFF;padding: 5;text-align: left;width: 150px; height: 30px;} td.subMenu a {font-family: Tahoma;color: #2F2A28;text-decoration: none;font-size: 12px; padding-left: 4px;} td.subMenu a:hover {font-family: Tahoma;color: #D80000;text-decoration: none;font-size: 12px;} td.subMenuSelected {border-bottom: solid 1px #D80000;border-bottom-style: dotted;background-color: #D80000;padding: 3;text-align: left;width: 150px; height: 30px;} td.subMenuSelected a {font-family: Tahoma; color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; padding-left: 4px;} td.subMenuSelected a:hover {font-family: Tahoma; color: #fff;; text-decoration: none; font-weight: bold; font-size: 12x;} /*----Body Bottom Panel----*/ #bodybottomPan{width:778px; position:relative; clear: right; margin:0 auto; padding:0 0 0 8px; } .bottomleftPanfloat {position: relative; width: 370px; background:url(images/test01.jpg) top center no-repeat; } .bottomleftPanfloat p { text-align: justify; padding-top: 10px; padding-right: 30px; padding-left: 10px; font:12px/20px "Verdana", Helvetica, sans-serif; font-weight:normal; text-decoration:none; color: #8B8878; font-weight: normal; } p.bottomleftPanCon { background:url(images/wave.jpg) bottom center no-repeat transparent; height: 400px; text-align: justify; padding-top: 0px; padding-right: 30px; font:12px/20px "Verdana", Helvetica, sans-serif; font-weight:normal; text-decoration:none; color: #8B8878; font-weight: normal; } .bottomleftPanfloat img { width: 359px; height: 152px;} div.bottomrightPanfloat {font:12px/20px "Verdana", Helvetica, sans-serif; padding: 5px;color: white; border: 1px solid #3B3B3B; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; background:url(images/footerbg2.gif) 0 0 repeat-x ;} #bottomleftPan2 .bottomleftPantxt, #bottomleftPan3 .bottomleftPantxt { text-align: justify; margin-bottom: 20px; padding-top: 20px; padding-right: 30px; font:12px/20px "Verdana", Helvetica, sans-serif; font-weight:normal; text-decoration:none; color: #8B8878; font-weight: normal; } /*----Bottom Left Panel----*/ #bottomleftPan{width:375px; float:left; /*background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3;*/ border-right:1px solid #CDCAA3; margin:0px;} #bottomleftPan p.more{width:270px; height:210px; padding:0px; margin:10px 0 25px 50px;} #bottomleftPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #bottomleftPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} #bottomleftPan img {width:375px; height:410px; padding:0px;} /*----/Bottom Left Panel 2----*/ #bottomleftPan2{width:375px; float: left; /*background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0;*/ color:#D80000; /*border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3;*/ margin:20px 0 0 8px; } #bottomleftPan2 h2{width:250px; height:30px; background:url(images/Omega_littleA.jpg) center left no-repeat; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; padding-left: 40px; margin-left: 40px; } #bottomleftPan2 h2 span{font-size:13px; background:transparent; color:#5D5B46; } #bottomleftPan2 ul{width:290px; margin:20px 0 0 100px;} #bottomleftPan2 ul li{width:290px; height:30px; background:url(images/arrow_head.gif) 0 0 no-repeat;} #bottomleftPan2 ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat white; color:#2F2A28; font:12px "Verdana", Helvetica, sans-serif; font-weight:normal; line-height:30px; text-decoration:none; padding:0 0 0 8px;} #bottomleftPan2 ul li a:hover{ width:210px; height:30px;display:block; color:#ED7B02; line-height:30px; text-decoration: underline; background:url(images/arrow_head.gif) 0 10px no-repeat white;} #bottomleftPan2 p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} #bottomleftPan2 p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #bottomleftPan2 p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} #bottomleftPan2 h2 span a{ color:#969260; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; } #bottomleftPan2 h2 span a:hover {color:orange; text-decoration:underline;} #bottomleftPan2 h2 span {color:#969260; } /*----/Bottom Left Panel 3----*/ #bottomleftPan3{width:375px; float: left; /*background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0;*/ color:#D80000; /*border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3;*/ margin:0 0 0 8px;} #bottomleftPan3 h2{width:250px; height:30px; background:url(images/Omega_littleA.jpg) center left no-repeat; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; padding-left: 40px; margin-left: 40px; } #bottomleftPan3 h2 span{font-size:13px; background:transparent; color:#5D5B46; } #bottomleftPan3 ul{width:290px; margin:20px 0 0 100px;} #bottomleftPan3 ul li{width:290px; height:30px; background:url(images/arrow_head.gif) 0 0 no-repeat;} #bottomleftPan3 ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat white; color:#2F2A28; font:12px "Verdana", Helvetica, sans-serif; font-weight:normal; line-height:30px; text-decoration:none; padding:0 0 0 8px;} #bottomleftPan3 ul li a:hover{ width:210px; height:30px;display:block; color:#ED7B02; line-height:30px; text-decoration: underline; background:url(images/arrow_head.gif) 0 10px no-repeat white;} #bottomleftPan3 p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} #bottomleftPan3 p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #bottomleftPan3 p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} #bottomleftPan3 h2 span a{ color:#969260; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;} #bottomleftPan3 h2 span a:hover {color:orange; text-decoration:underline;} #bottomleftPan3 h2 span {color:#969260; } /*----Bottom Left Panel4----*/ #bottomleftPan4{width:375px; float:left; /*background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0;*/ color:#D80000; /*border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3;*/ margin:0px;} #bottomleftPan4 h2{width:250px; height:58px; background:url(images/Omega_littleA.jpg) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;} #bottomleftPan4 h2 span{font-size:13px; background:#FCFBED; color:#5D5B46;} #bottomleftPan4 p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} #bottomleftPan4 p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #bottomleftPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} #bottomleftPan4 img {width:290px; height:290px; padding:40px;} /*----Bottom Right Panel----*/ #bottomrightPan{width:375px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0 0 0 8px;} #bottomrightPan h2{width:250px; height:58px; background:url(images/icon2.jpg) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;} #bottomrightPan h2 span{font-size:13px; background:#FCFBED; color:#5D5B46;} #bottomrightPan ul{width:290px; margin:15px 0 0 50px;} #bottomrightPan ul li{width:290px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} #bottomrightPan ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;} #bottomrightPan ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} #bottomrightPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} #bottomrightPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #bottomrightPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} /*----DIVMain----*/ #newDivmain{width:778px; position:relative; margin:0 auto; clear:left; padding-top:10px; border-top: 1px solid #ccc; font:14px/22px "Trebuchet MS", Helvetica, sans-serif; font-weight:normal; text-decoration:none; color: black; text-align: justify} #newDivmain p{padding:0;} #newDivmain p.centre{width:274px; height:22px; background:#FEFEF6; color:#000; font-size:18px; line-height:22px; padding:0;} #newDivmain p.more1{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} #newDivmain p.more1 a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#ccc; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #newDivmain p.more1 a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} #newDivmain p.more{width:122px; height:16px; margin:0 0 0 582px; padding:0 0 14px 0;} #newDivmain p.more a{width:122px; height:16px; display:block; background:#F2F0DC; color:#D80000; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;} #newDivmain p.more a:hover{background:#F2F0DC; color:#7E0202; text-decoration:none;} #newDivmain p.border{background:url(images/dot-line.gif) 0 0 repeat-x; height:1px; padding:0 0 14px 0;} #newDivmain p.more2 a{width:200px; height:20px; display:block; background:#FEFEF6; color:#D80000; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;} #newDivmain p.more2 a:hover{background:#F2F0DC; color:#7E0202; text-decoration:none;} #newDivmain h2{float: left; width:320px; height: 30px; font:24px/24px "Trebuchet MS",Arial, Helvetica, sans-serif; } #indexTPMS h2 { width:320px; height: 57px; font:24px/24px "Trebuchet MS",Arial, Helvetica, sans-serif; } #newDivmain h2 img {vertical-align: middle} #indexTPMS h2 img {vertical-align:middle} /*----DIVSpecification----*/ #newDiv {padding: 30px; width:650px; margin:0 auto;} #newDiv p.text {padding:10px 0 0;} #newDiv p.title {background:#FEFEF6; color:#000; font-size:18px; line-height:22px; width:474px;} #newDiv p.text2 {padding:0 0 0;} /*----FOOTER PANEL----*/ #footermainPan{height:75px; background:url(images/footerbg.gif) 0 0 repeat-x #3B3B3B; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:65px 0 0;} #footerPan{width:380px; position:relative; margin:0 auto;} #footerPan ul{width:280px; height:20px; margin:auto;} #footerPan li{float:left;} #footerPan ul li a{padding:0 5px 0; color:#fff; background:transparent; text-decoration:none; font-size:12px; text-align:center;} #footerPan ul li a:hover{text-decoration:underline;} .contacts_panelUp {width:290px; margin-top: 10px; padding:0 0 0 100px; color: black; line-height: 30px} .contacts_panelUp p {color: black} .contacts_panelUp span {color: black; font-weight: bold} img {border: none; vertical-align: center;}