body { margin: 0px; font-size: 12px; } #PHbase { width: 1000px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; } #PHbase #proteusLogo { padding: 0px; float: left; height: 73px; width: 179px; background-image: url(images/proteusLogo.jpg); background-repeat: no-repeat; background-position: center center; margin-top: 57px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } #PHbase #topNavCol { float: right; width: 205px; background-image: url(images/topNavBG.jpg); background-repeat: no-repeat; background-position: center top; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; text-align: center; padding-top: 8px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; height: 34px; } #PHbase #topNavCol a { color: #333; text-decoration: none; } #PHbase #mainNavWraper { float: left; width: 750px; padding: 0px; margin-top: 18px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #PHbase #mainNavWraper ul { margin: 0px; padding: 0px; } #PHbase #mainNavWraper ul li { margin: 0px; padding: 0px; float: left; display: inline; } #PHbase #mainNavWraper ul li p { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; font-size: 11px; } #PHbase #mainNavWraper ul li a { display: block; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; line-height: 40px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 15px; color: #333; text-decoration: none; font-weight: bold; } #PHbase #mainNavWraper ul li a p { padding: 0px; margin-top: -25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #PHbase #mainNavWraper ul li a .color { color: #333; } #PHbase #mainNavWraper ul li .disply { color: #059138; } #PHbase #mainNavWraper ul li a:hover { color: #059138; } #PHbase #bookingCol { float: right; width: 225px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; padding: 0px; } #PHbase #bookingCol #left { font-size: 1px; line-height: 1px; background-image: url(images/headerContactBGleft.jpg); float: left; height: 44px; width: 22px; } #PHbase #bookingCol #right { font-size: 1px; line-height: 1px; background-image: url(images/headerContactBGRight.jpg); float: left; height: 44px; width: 22px; } #PHbase #bookingCol #middle { margin: 0px; width: 180px; float: left; background-image: url(images/headerContactBG.jpg); background-repeat: repeat-x; background-position: center center; padding-top: 6px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; color: #FFF; } #PHbase #bookingCol #middle p { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #PHbase #bookingCol #middle .bold { font-weight: bold; font-size: 15px; } #PHbase .clearBoth { font-size: 1px; line-height: 1px; clear: both; } #PHbase #flashRow { clear: both; height: 254px; width: 1000px; } #PHbase #bodyContainer { clear: both; padding: 10px; } #PHbase #bodyContainer #welcomeRow { clear: both; } #PHbase #bodyContainer #welcomeRow h3 { display: inline; margin: 0px; color: #333; font-size: 14px; } #PHbase #bodyContainer #welcomeRow h1 { margin: 0px; display: inline; color: #127E4D; font-weight: lighter; font-size: 25px; } #PHbase #bodyContainer #welcomeRow #welcomeCol { float: left; width: 700px; } #PHbase #bodyContainer #welcomeRow #welcomeCol img { float: left; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 0px; } #PHbase #bodyContainer #welcomeRow #welcomeCol p { line-height: 17px; margin: 0px; } #PHbase #bodyContainer #welcomeRow #welcomeCol p a { color: #077C45; } #PHbase #bodyContainer #welcomeRow #latestNewsCol { float: right; padding: 0px; width: 256px; } #PHbase #bodyContainer #welcomeRow #latestNewsCol .latestNewTop { background-image: url(images/latestNewsTop.jpg); background-repeat: no-repeat; background-position: center top; height: 43px; width: 258px; float: left; } #PHbase #bodyContainer #welcomeRow #latestNewsCol .latestNewMiddle { background-image: url(images/latestNewsMiddle.jpg); background-repeat: repeat-y; width: 258px; margin: 0px; padding: 0px; float: left; } #PHbase #bodyContainer #welcomeRow #latestNewsCol .latestNewbottom { background-image: url(images/latestNewsBottom.jpg); background-repeat: no-repeat; background-position: center bottom; font-size: 1px; line-height: 1px; height: 16px; width: 258px; float: left; margin: 0px; } #PHbase #bodyContainer #welcomeRow #latestNewsCol .latestNewMiddle h2 { font-size: 20px; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; color: #C0351E; line-height: 15px; } #PHbase #bodyContainer #welcomeRow #latestNewsCol .latestNewMiddle img { float: left; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 15px; margin: 0px; } #PHbase #bodyContainer #welcomeRow #latestNewsCol .latestNewMiddle p { margin: 0px; padding-top: 10px; padding-right: 7px; padding-bottom: 0px; padding-left: 0px; } #PHbase #bodyContainer #welcomeRow #latestNewsCol .latestNewMiddle p a { color: #333; } #PHbase #bodyContainer #recentProCol { float: left; width: 360px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #D6D6D6; padding: 17px; } #PHbase #bodyContainer #recentProCol h2 { font-size: 22px; margin: 0px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #D6D6D6; line-height: 40px; font-weight: lighter; } #PHbase #bodyContainer #recentProCol .proCol { float: left; width: 150px; padding: 3px; margin-top: 10px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; } #PHbase #bodyContainer #recentProCol .proCol .green { background-image: url(images/two.jpg); color: #FF8901; } #PHbase #bodyContainer #recentProCol .proCol h3 { background-image: url(images/one.jpg); background-repeat: no-repeat; background-position: left center; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 40px; margin: 0px; color: #5DBE0D; font-size: 16px; line-height: 33px; } #PHbase #bodyContainer #recentProCol .proCol p { line-height: 18px; margin: 0px; } #PHbase #bodyContainer #recentProCol .proCol p img { text-align: center; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; margin: 0px; } #PHbase #bodyContainer #recentProCol .proCol p a { color: #03691F; margin: 0px; } #PHbase #bodyContainer #howItWorksCol { float: left; width: 550px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; } #PHbase #bodyContainer #howItWorksCol h2 { font-size: 22px; font-weight: lighter; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #PHbase #bodyContainer #howItWorksCol p { margin: 0px; line-height: 17px; float: left; } #PHbase #bodyContainer #howItWorksCol .progeneH3 { margin: 0px; font-size: 14px; color: #137E6E; } #PHbase #bodyContainer #howItWorksCol #proImgCol { padding: 3px; clear: both; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #PHbase #bodyContainer #howItWorksCol #proImgCol img { padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 0px; float: left; } #PHbase #bodyContainer #howItWorksCol #proImgCol .grayColorBox { padding: 15px; float: left; background-color: #EFEFEF; margin-top: 13px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 17px; width: 245px; } #PHbase #bodyContainer #howItWorksCol #proImgCol p { float: left; width: 275px; } #PHbase #bodyContainer #howItWorksCol #proImgCol .howItWorksMater { width: 550px; } #PHbase #bodyContainer #howItWorksCol #proImgCol .howItWorksMater a { color: #087D46; } #PHbase #bodyContainer #leftNavCol { float: left; padding: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; width: 180px; border-right-width: 1px; border-right-style: solid; border-right-color: #D6D6D6; } #PHbase #bodyContainer #leftNavCol h2 { font-size: 22px; font-weight: lighter; margin: 0px; line-height: 40px; color: #068148; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; } #PHbase #bodyContainer #leftNavCol ul { margin: 0px; padding: 0px; } #PHbase #bodyContainer #leftNavCol ul li { margin: 0px; list-style-type: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; } #PHbase #bodyContainer #leftNavCol ul li a { line-height: 28px; font-size: 14px; text-decoration: none; color: #333; } #PHbase #bodyContainer #leftNavCol ul li a:hover { text-decoration: underline; color: #077F42; } #PHbase #bodyContainer #leftNavCol #orderCol { background-color: #D6D6D6; padding: 5px; } #PHbase #bodyContainer #leftNavCol #govtEvidanceCol { clear: both; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #D6D6D6; border-bottom-color: #D6D6D6; padding: 2px; margin-top: 15px; } #PHbase #bodyContainer #leftNavCol #govtEvidanceCol p { line-height: 16px; margin: 0px; } #PHbase #bodyContainer #leftNavCol #govtEvidanceCol p strong { color: #090; font-size: 13px; } #PHbase #bodyContainer #leftNavCol #govtEvidanceCol .govtSertificate { border: 1px solid #D6D6D6; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; font-size: 1px; line-height: 1px; } #PHbase #bodyContainer #bodyContentRow { float: left; padding: 10px; width: 725px; } #PHbase #bodyContainer #bodyContentRow h2 { margin: 0px; font-size: 22px; font-weight: lighter; } #PHbase #bodyContainer #bodyContentRow .productCol { padding: 10px; float: left; width: 200px; margin-top: 0px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; background-image: url(images/proThumb.jpg); background-position: center center; background-repeat: no-repeat; } #PHbase #bodyContainer #bodyContentRow .productCol p { margin: 0px; line-height: 25px; } #PHbase #bodyContainer #bodyContentRow .productCol .smallFont { font-size: 11px; margin: 0px; line-height: 14px; } #PHbase #bodyContainer #bodyContentRow .productCol .product { margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; padding-top: 3px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #PHbase #bodyContainer #bodyContentRow .productCol .details { background-color: #AEE321; padding: 3px; float: left; text-align: center; width: 90px; } #PHbase #bodyContainer #bodyContentRow .productCol .product img { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #PHbase #bodyContainer #bodyContentRow .productCol .details a { text-align: center; color: #FFF; text-decoration: none; font-weight: bolder; font-size: 13px; } #PHbase #bodyContainer #bodyContentRow .productCol .details a:hover { text-decoration: underline; } #PHbase #bodyContainer #bodyContentRow .productCol .contact a { float: right; background-color: #4C9F19; width: 90px; text-align: center; padding: 3px; font-weight: bolder; color: #FFF; text-decoration: none; font-size: 13px; } #PHbase #bodyContainer #bodyContentRow .productCol .contact a:hover { text-decoration: underline; } #PHbase #bodyContainer #bodyContentRow #aboutRow { margin: 0px; } #PHbase #bodyContainer #bodyContentRow p { margin: 0px; font-size: 14px; } #PHbase #bodyContainer #bodyContentRow #aboutRow p { line-height: 18px; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 12px; } #PHbase #bodyContainer #bodyContentRow #govtCol { clear: both; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #PHbase #bodyContainer #bodyContentRow #govtCol p { line-height: 18px; } #PHbase #bodyContainer #bodyContentRow #govtCol .govtSertificate { float: left; border: 1px solid #D6D6D6; font-size: 1px; line-height: 1px; padding: 3px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #PHbase #bodyContainer #bodyContentRow #enquiryRow { float: left; width: 370px; padding: 10px; } #PHbase #bodyContainer #bodyContentRow .enquiryLady { float: left; } #PHbase #bodyContainer #bodyContentRow #enquiryRow form .fieldRow .textCol { float: left; width: 120px; margin: 0px; line-height: 25px; padding: 0px; text-align: right; } #PHbase #bodyContainer #bodyContentRow #enquiryRow form .fieldRow { margin: 4px; clear: both; float: left; } #PHbase #bodyContainer #bodyContentRow #enquiryRow form .fieldRow .inputTextCol { float: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; margin: 0px; width: 220px; } #PHbase #bodyContainer #bodyContentRow #enquiryRow a { color: #068148; } .inputTextSize { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; width: 200px; padding: 3px; } #PHbase #bodyContainer #bodyContentRow p { font-size: 12px; } #PHbase #bodyContainer #bodyContentRow #proDetailsRow #productsDetailsCol ul { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; line-height: 18px; font-size: 13px; font-family: Tahoma, Geneva, sans-serif; } #PHbase #bodyContainer #bodyContentRow #proDetailsRow { clear: both; } #PHbase #bodyContainer #bodyContentRow #proDetailsRow #productsDetailsCol h2 { line-height: 30px; color: #FF0000; font-size: 20px; } #PHbase #bodyContainer #bodyContentRow #proDetailsRow #productImgCol img { float: left; margin: 0px; padding: 0px; } #PHbase #bodyContainer #bodyContentRow #proDetailsRow #productsDetailsCol { padding: 10px; float: left; width: 500px; } #PHbase #bodyContainer #bodyContentRow #proDetailsRow #productsDetailsCol p { line-height: 18px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; font-size: 12px; } #PHbase #bodyContainer #howItWorksCol #proImgCol .teusproCol { float: left; width: 500px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #PHbase #bodyContainer #howItWorksCol #proImgCol .teusproCol .pink { font-size: 18px; color: #F09; } #PHbase #bodyContainer #howItWorksCol #proImgCol .teusproCol .blue { font-size: 18px; color: #122E82; } #PHbase #footerContentRow { clear: both; border-top-width: 2px; border-top-style: solid; border-top-color: #D6D6D6; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 40px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; color: #333; } #PHbase #footerContentRow p { margin: 0px; padding: 0px; float: left; } #PHbase #footerContentRow .designed { float: right; } #PHbase #footerContentRow .designed a { color: #666; text-decoration: none; } #PHbase #bodyContainer #reportContainer { clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; font-weight: bold; border: 1px solid #0A8F3C; } #PHbase #bodyContainer #reportContainer .hColor { color: #624178; font-size: 25px; } #PHbase #bodyContainer #reportContainer h1 { margin: 0px; font-size: 18px; color: #029142; text-align: center; } #PHbase #bodyContainer #reportContainer #reportingRow table tr td table tr td table tr td h3 { margin: 0px; font-size: 16px; color: #C9B5D7; } #PHbase #bodyContainer #reportContainer #reportingRow table tr td table tr td table tr td h2 { font-size: 18px; margin: 0px; color: #C9B5D7; } .inputText_a { width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .inputText_b { width: 75px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .inputText_c { font-family: Arial, Helvetica, sans-serif; width: 50px; font-size: 12px; } .inputTex_d { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 40px; } .inputText_e { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 150px; } .inputText_f { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 300px; } .inputTextBig { width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #PHbase #bodyContainer #reportContainer #reportingRow { clear: both; padding: 10px; } /* The Nivo Slider styles */ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /*============================*/ /*=== Custom Slider Styles ===*/ /*============================*/ #slider-wrapper { margin: 0px; padding: 0px; } #slider { position:relative; width:960px; height:370px; background-image: url(images/loading.gif); background-repeat: no-repeat; background-position: 50% 50%; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; display:block; } .nivo-controlNav { position: absolute; left: 800px; bottom: 0px; padding-top: 0px; padding-right: 25px; padding-bottom: 0px; padding-left: 0px; margin: 0px; } .nivo-controlNav a { display:block; width:18px; height:22px; background:url(images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:2px; float:left; } .nivo-controlNav a.active { background-position:0 -22px; } .nivo-directionNav a { display:block; width:30px; height:30px; background:url(images/arrows.png) no-repeat; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-10px 0; right:15px; } a.nivo-prevNav { left:15px; } /*====================*/ /*=== Other Styles ===*/ /*====================*/ .clear { clear:both; } .leftColumn { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:900; width:98%; float: left; padding-left: 5px; line-height: 30px; background: #008cf5; /* Old browsers */ background: -moz-linear-gradient(left, #C6C4C4 0%, #8C8A8A 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#C6C4C4), color-stop(100%,#8C8A8A)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #C6C4C4 0%,#8C8A8A 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #C6C4C4 0%,#8C8A8A 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #C6C4C4 0%,#8C8A8A 100%); /* IE10+ */ background: linear-gradient(to right, #C6C4C4 0%,#8C8A8A 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C6C4C4', endColorstr='#8C8A8A',GradientType=1 ); /* IE6-9 */ } .leftColumn a, .leftColumn a:visited { display: block; text-decoration: none; color:#FFFFFF; text-shadow:#000 1px 0px 1px ; border-bottom: 1px solid #ccc; padding-left: 5px } .leftColumn a:hover { color: #fff; background-color: #000; border-left: 5px solid #005ED3; padding-left: 5px; } .leftColumn .active { display: block; color: #FF3600; background-color: #000; border-left: 5px solid #FF3B00; padding-left: 5px; } .producth1{ font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:5px; color:#006FDE; line-height:28px; } .producth2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px; color:#666; }