/* GENERAL SET-UP */ body { background:url(images/bg_tile.gif) repeat-x top left; color:#464646; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 auto;} p { line-height:1.8em; font-size:100%;} li {line-height:1.5em;} a { color:#4eac25; text-decoration:underline;} a:hover { text-decoration:none;} a img {border: 0;} hr {background: #3c9db8; color: #3c9db8; border: 0; height: 1px;} .right {text-align: right;} .clear {clear:both;} /*-----------------------------------------------------------*/ /* HEADINGS */ h1 { color:#2183be; font-weight:normal; font-size:260%; margin:0 0 10px 0; padding:0;} h2 { color:#184dc6; font-weight:normal; font-size:180%; margin-top:0; padding-top:0;} h3 { color:#448cca; font-weight:normal; font-size:160%; margin-top:0; padding-top:0;} h4 { color:#448cca; font-weight:normal; font-size:150%; margin-top:0; padding-top:0;} .sectorHeaderTag {color: #448cca;margin: -42px 0 18px 35px;} /*-----------------------------------------------------------*/ /* Other Common rules */ .main-banner-pic { margin: 0 0 15px 0;} /* WRAPPING DIV */ #wrapper { margin:0 auto; width:934px; position: relative;} /*-----------------------------------------------------------*/ /* HEADING SECTION */ #header { background:url(images/bg-header-no-logo.jpg) top left; width:934px; height:259px;} #address{ float:left;} #address p{ color:#c5ecff; font-size:75%; margin:0 0 0 17px; padding:4px 0 0 0; line-height:normal;} #address h4{ color:#c5ecff; font-weight:normal; font-size:75%; margin:0 0 0 17px; padding:4px 0 0 0; line-height:normal;} #emailAddress { float:left; width:620px; padding:3px 17px 0 0; text-align:right;} #emailAddress a { color:#c5ecff; font-size:75%; text-decoration:none; } #emailAddress a:hover { text-decoration:underline; background-color:transparent;} /* -----------------Short Nav e.g. Home/About/Contact ------------*/ #navigationShort{ float:left; text-align:right; width:934px; letter-spacing:1px; font: 100% Arial, Helvetica, sans-serif; font-weight:bold; color:#2284bf;} #navigationShort ul { margin:10px 47px 0 0; padding:0;} #navigationShort ul li { display:inline; margin-left:10px;} #navigationShort ul li .line2{margin-top: 20px; color:#009900;} #navigationShort a { color:#FFF; text-decoration:none;} #navigationShort a:hover { color:#2284bf; background-color:transparent;} /*---------------- Top Nav Long -------------------------*/ #navigation { float:left; text-align:right; width:934px; letter-spacing:1px; font: 110% Arial, Helvetica, sans-serif; font-weight:bold; color:#2284bf;} #navigation ul { margin:5px 47px 0 0; padding:0;} #navigation ul li {display:inline; margin-left:10px;} #navigation ul li .line2{margin-top: 20px; color:#009900;} #navigation a { color:#FFF; text-decoration:none;} #navigation a:hover { color:#2284bf; background-color:transparent;} /*---------------- End of Top Nav Long -------------------------*/ #logo {position:absolute;top:-900px;overflow:hidden;} #logoStatic {float: left;overflow: hidden;clear: both;position: absolute; top:41px; left: 38px; text-align: right;} /*--------------Rollover logo ------------------------------*/ #logoRoll {float: left;overflow: hidden;clear: both;position: absolute; top:41px; left: 45px; text-align: right;} #logoRoll a {display:block;width: 188px;height:124px;background: url(images/logo-roll-bg1.jpg) left top no-repeat;} #logoRoll a:hover {display:block;background:url(images/logo-roll-bg1.jpg) right top no-repeat;} /*--------------End Rollover logo ------------------------------*/ /*-----------------------------------------------------------*/ /* CONTENT HOLDER */ #content { width:934px;} /* 1 COLUMN CONTENT HOLDER */ #onecolmainContent { width:934px;} /* ONE COLUMN LAYOUT ------------------------------------------------------------------------ */ /* displays rounded tops to main box */ #oneColumn { background: url(images/oneColumn-top.jpg) no-repeat top left; width:934px; float:left; padding-top:30px;} /* displays background tiling for outside shadow effect */ #oneColumnBox { background:url(images/oneColumnBox-tile.gif) repeat-y; width:934px; float:left;} /* all main textual and imagery content goes in here */ /* includes rounded bottom image */ #oneColumnContent { background: url(images/oneColumnContent-bottom.jpg) no-repeat bottom; padding:0 37px 20px 37px;} #oneColumnContent #left {float: left; width: 535px;} #oneColumnContent #right {float: left; width: 300px; margin-left: 10px;border: 0 solid;} /*#oneColumnContent img { float:left; margin:8px 30px 10px 0;}*/ #oneColumnContent form { text-align:right; padding:0; margin:10px 0 0 0;} #oneColumnContent form input{ padding-bottom:10px;} #oneColumnContent ul { padding-left:0; margin-left:25px;} #oneColumnContent li { list-style-image:url(images/bullet.gif); margin:10px 0;} /*----------------- Sector buttons home ---------------*/ #homeSectors {width: 535px;} #homeSectors ul {margin: 0;padding:0; list-style:none; width:535px;float:left;} #homeSectors li {float:left; list-style-image: none; margin-right: 15px; font-size: 18px;font-weight:bold;} #homeSectors li.last {margin-right: 0;} #homeSectors ul a {display:block;width: 165px;height:80px;line-height:3.1em;color: #fff; background:url(images/sectorsBtn-bg3.jpg) left top no-repeat; text-align:center;} #homeSectors ul a:hover {display:block;line-height:3.1em;color: #fff; background:url(images/sectorsBtn-bg3.jpg) right top no-repeat;} /* element containing the Quote Me! button */ #oneColumnQuoteMe { height:35px; overflow:hidden; clear:both; padding:0 0 10px 735px;} #oneColumnQuoteMe a { background:url(images/button-quote.gif) top left no-repeat; display:block; width:125px; padding-top:50px;} #oneColumnQuoteMe a:hover { background:url(images/button-quote.gif) top right no-repeat; display:block; width:125px; padding-top:50px;} /* LEFT COLUMN ------------------------------------------------------------------------ */ /* left column containing main content and two sub content boxes */ /* displays rounded tops to main box */ #leftColumn { background: url(images/leftColumn-top.jpg) no-repeat top left; width:672px; float:left; padding-top:30px;} /* displays background tiling for outside shadow effect */ #mainBox { background:url(images/mainBox-tile.gif) repeat-y; width:672px; float:left;} /* all main textual and imagery content goes in here */ /* includes rounded bottom image */ #mainContent { background: url(images/mainContent-bottom.jpg) no-repeat bottom; padding:0 37px 20px 37px;} /*#mainContent img { float:left; margin:8px 30px 0 0;}*/ #mainContent form {text-align:left; padding:0; margin:10px 0 0 0;} #mainContent form input{ padding-bottom:1px;} #mainContent ul { padding-left:0; margin-left:20px;} #mainContent li { list-style-image:url(images/bullet.gif); margin:10px 0;} #mainContent ol li { list-style: decimal;} #quoteMe { height:35px; overflow:hidden; clear:both; padding:0 0 10px 473px;} #quoteMe a { background:url(images/button-quote.gif) top left no-repeat; display:block; width:125px; padding-top:50px;} #quoteMe a:hover { background:url(images/button-quote.gif) top right no-repeat; display:block; width:125px; padding-top:50px;} #mainContent .main-banner-pic { margin: 0 0 15px 0;} /*---- Check mark bulletted list e.g. for emergency page --*/ #mainContent .checkmarks { border: 0 solid #000;} #mainContent .checkmarks h2 { color: #FF6633;} #mainContent .checkmarks ul { list-style-type: none; padding-left:0; margin-left: 1px;} #mainContent .checkmarks li { list-style-image: none; background: url(images/bullet-checkmark1.gif) no-repeat left center; margin:10px 0; padding: 5px 40px; font-weight: bold;} #mainContent .checkmarks ol li { list-style: decimal;} /* ----------------------------------------------------------------------------------- */ /* SUB-LEFT COLUMN ------------------------------------------------------------------------------- */ #subLeftColumn { background: url(images/subLeftColumn-top.jpg) no-repeat top left; width:340px; float:left; padding-top:30px;} #subLeftBox { background:url(images/subLeftBox-tile.gif) repeat-y; width:340px; float:left;} #subLeftContent { background: url(images/subLeftContent-bottom.jpg) no-repeat bottom; padding:0 37px 20px 37px;} /* ----------------------------------------------------------------------------------- */ /* SUB-RIGHT COLUMN ------------------------------------------------------------------------------- */ #subRightColumn { background: url(images/subRightColumn-top.jpg) no-repeat top left; width:332px; float:left; padding-top:30px;} #subRightBox { background:url(images/subRightBox-tile.gif) repeat-y; width:332px; float:left;} #subRightContent { background: url(images/subRightContent-bottom.jpg) no-repeat bottom left; padding:0 37px 20px 30px;} /* ----------------------------------------------------------------------------------- */ /* class to position arrowed cirlce graphic next to the 'show me!' link*/ .showMe { background:url(images/button-arrows.gif) no-repeat left; padding-left:27px; margin-bottom:20px;} /* RIGHT COLUMN ------------------------------------------------------------------------------- */ /* right column containing product list */ /* displays rounded tops to products box */ #rightColumn { background: url(images/rightColumn-top.jpg) no-repeat top left; width:262px; float:left; padding-top:30px;} /* displays background tiling for outside shadow effect */ #rightBox { background:url(images/rightBox-tile.gif) repeat-y; width:262px; float:left;} /* product list content goes in here */ /* includes rounded bottom image */ #rightContent { background: url(images/rightContent-bottom.jpg) no-repeat bottom; padding:0 27px 20px 27px; min-height:500px;} #rightContent ul { padding-left:0; margin-left:20px;} #rightContent li { /*background: url(images/right-nav-bg1.jpg) no-repeat top center;*/list-style-image: url(images/bullet-right-nav1.gif); margin:10px 0; border-bottom: solid 1px #e7e7e7;} #rightContent li a {text-decoration: none; color:#00ad37; font-weight: bold;} #rightContent li a:hover {color: #FF9900;} /* FOOTER ------------------------------------------------------------------------------- */ #footer { margin:0 auto; width:934px; clear:both; color:#898989; font-size:75%;} #footer p { margin:0; padding:0 0 20px 0;} #footerLeft { float:left; width:590px; padding-left:17px;} #footerLeft a { text-decoration:none; color:#707070; font-weight:bold;} #footerLeft a:hover { background:#FFFFFF; color:#ff9900;} #footerRight { float:left; width:450px; padding-right:17px; text-align:right;} #footerRight ul { margin:0; padding:0;} #footerRight ul li{ display:inline; } #footerRight a{ color:#ccc;} #footerRight a:hover{ background-color:transparent; text-decoration:none;} /* ----------------------------------------------------------------------------------- */ /* ------------------------------- Misc rules start ------------------------------ */ /* Rule for pdf downloadable links */ #mainContent ul.pdflink { list-style-type: none; border: 0 solid #000;} #mainContent li.pdflink { list-style-image: none; background: url(images/pdf-icon-32x32.png) no-repeat left center; margin: 10px 40x;padding: 10px 40px; } #mainContent li a .pdflink {text-decoration: none; color:#00ad37; font-weight: bold;} #rightContent li a:hover {color: #FF9900;} /* ------------------------------- Misc rules end ------------------------------ */ /* ------------------------------- crumbs start ---------------------------------*/ #crumbs { margin-top: 2px; padding: 2px; margin-left: 0; text-align: right; margin-bottom: 0; color: #3C6C9D; } #crumbs .page { color: #00A650; } #crumbs li { list-style-type: circle; display: inline; margin-right: 2px; margin-left: 5px; } #crumbs a, a:link, a:visited { text-decoration: none; color: #000099; } #crumbs a:hover { color: #FF3300; } /* ------------------------------- End of crumbs --------------------------------*/ /*--- Contact form ---*/ .contactbox { margin: 0 ; background: url(../images/contact/formbox-mid-bg.jpg) repeat-y; width: 500px; padding: 10px 20px 10px 10px; text-align: left; color: #0172bc; } .contactbox form { text-align: left; } .fieldTitles { font-weight: bold; } .errorMessage { color: #f34a34; } .registerform { padding: 0; width: 480px; } .registerform textarea { width: 250px; border: 1px solid #C9C9C9; min-height: 100px; height: 100px; color: #330099; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 1px 1px 1px 3px; } form fieldset { width: 480px; font-weight: bold; color: #006666; margin-top: 20px; margin-bottom: 10px; padding: 5px; border: 1px solid #ae4a36; } form .formrow { /*border: 2px solid #e7e7e7;*/ clear: left; padding: 2px; margin-top: 5px; font-weight: normal; color: #666666; font-size: 0.9em; } form label { float: left; clear: left; width: 200px; margin-top: 2px; color: #0172bc; font-weight: normal; vertical-align: middle; } input.text, input.password { width: 200px; border: 1px solid #C9C9C9; color: #330099; padding: 1px 1px 1px 3px; } input.short { width: 70px; border: 1px solid #C9C9C9; color: #330099; } form select { border: 1px solid #C9C9C9; color: #330099; } form input.radio { width: auto; margin-left: 20px; } input.button { border: 1px solid #504a4b; } .formerrorbox { padding: 0 5px 5px 5px; width: 480px; background-color: #fff; border: 2px dashed #D2282F; } .formsentbox { padding: 5px; width: 88%; } /*------------------------- Gallery Starts ------------------------------*/ #gallery { padding: 10px; width: 740px; /*background: url(gallery/skins/desert/images/mainTableBg.jpg) repeat-y;*/ } #gallery img { float: none; margin:0;} #gallery table {background: #fff;} /*------------------------- Gallery Ends ------------------------------*/ /*------------------------ Inline testimonials starts ------------------*/ .testimonialboxinline { background: #3c9db8 url(../images/inline-testimonial-bot-bg.gif) no-repeat left bottom; width: 491px; margin: 15px 0 15px 50px; } .testimonialboxinline h3 { background: url(../images/inline-testimonial-top-bg.gif) no-repeat left top; padding: 5px 4px 5px 45px; margin: 0; color: #fff468; border: 0 solid #000; height: 32px; } .testimonialboxinline p { color: #fff; border: 0 solid #000; margin: 0; padding: 4px 20px 8px 25px; } .testimonialboxinline p.name { text-align: right; margin: 0; padding: 0 20px 5px 25px; } .testimonialboxinline p.more { text-align: right; padding: 0 20px 8px 25px; color: #fff468; } .testimonialboxinline p.more a { color: #fff468; } .testimonialboxinline .dquote { font-size: 20px; font-weight: bold; font-family: arial,"Times New Roman", Times, serif; line-height: 10px; } /*------------------------ Inline testimonials ends ------------------*/ /*------------- Areas table starts ------------------*/ #areas { border: solid 0 #00a8aa; } #areas table { border: 0px solid #99CC00; padding: 3px; } #areas table th { color: #87be2f; text-align: left; padding: 2px 24px; border-bottom: 4px solid #87be2f } /*------------- Areas table ends ------------------*/ /*------------- Side-by-side image text boxes starts ------------*/ .imageTextBox { width: 560px; border: 2px solid #f7f7f7; padding: 8px; background: #fff; margin: 15px 0 15px 0; } .imageTextBox img { float: right !important; border: 0 solid #09C; margin: 5px; } .imageTextBox h3 { } /*------------- Side-by-side image text boxes ends ------------*/