/* ////////////////////////// CSS by A D Egginton 10.06.09 eSterling Ltd ///////////////////////////*/ /* // global */ a:active{outline:none;} a:focus{-moz-outline-style:none;} a{text-decoration:none; color:#005ba2; font-weight:bold;} a:hover{} strong{} p{} em{color:#005ba2; font-style:normal; font-weight:normal;} h1{ letter-spacing:-0.05em; text-align:justify; color:#333; font: normal 20px Verdana, Geneva, sans-serif; } h2{font-size:15px; color:#005ba2;} h3{} h4{ font-size:13px; letter-spacing:-0.04em; background-color:#F7F7F7; padding:6px; } h5{} h6{} ul, li{} img{border:none;} .fr{ float:right; } .fl{ float:left; } .clr{clear:both;} /* // global end */ /* // layout */ body { margin:0px; background: #ebebeb url(../images/bodyBg.jpg) repeat-y center top; font: normal 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif; color: #4f4f4f; } #wrapper{ margin:0px auto; width:911px;} #top{} #banner{ display:block; height: 246px; background: url(../images/bannerBg.gif) no-repeat left top; } .bannerProductList{float:right; width:266px; height:246px;} .bannerAnimation{width:550px; float:left; height:246px;} #navWrapper{display:block; background-color:#eaeaea; height:55px; margin-top:4px;} #navigation {margin:0px;padding:0px; width:595px;} #navigation li{ text-indent: -9000px; float: left; list-style: none; } #home{width:80px;height:55px;background: url(../images/navSprite.gif) no-repeat left top;display:block;} #home:hover{width:80px;height:55px;background: url(../images/navSprite.gif) no-repeat left -55px;display:block;} #about{width:100px;height:55px; background: url(../images/navSprite.gif) no-repeat -94px top;display:block;} #about:hover{width:100px;height:55px; background: url(../images/navSprite.gif) no-repeat -94px -55px;display:block;} #products{width:100px;height:55px; background: url(../images/navSprite.gif) no-repeat -207px top;display:block;} #products:hover{width:100px;height:55px; background: url(../images/navSprite.gif) no-repeat -207px -55px;display:block;} #news{width:80px;height:55px; background: url(../images/navSprite.gif) no-repeat -310px top;display:block;} #news:hover{width:80px;height:55px; background: url(../images/navSprite.gif) no-repeat -310px -55px;display:block;} #contact{width:120px;height:55px; background: url(../images/navSprite.gif) no-repeat -390px top;display:block; } #contact:hover{width:120px;height:55px; background: url(../images/navSprite.gif) no-repeat -390px -55px;display:block; } #callback{width:100px;height:55px; background: url(../images/navSprite.gif) no-repeat -510px top;display:block;} #callback:hover{width:100px;height:55px; background: url(../images/navSprite.gif) no-repeat -510px -55px;display:block;} #search{width:220px; float:right; padding:0px; margin:0px; padding-top:12px;} .searchField{ width:168px; border:none; background-color:#cecece; padding:7px; font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #333; text-decoration: none; margin:0px; vertical-align:middle;} .searchButton{ width:28px; height:29px; background: url(../images/searchButton.gif) no-repeat left top; border:none; vertical-align:middle;} #content{display:block; padding:20px 0px 20px 0px; min-height:350px; font-size:14px;} #content p{text-align:justify; line-height:17px;} #content li{ color:#666; padding:0px; margin:0px; font-size:11px; font-weight:normal; letter-spacing:normal; list-style: disc; } #newsWrapper{ display:block; height:34px; background: url(../images/newsTickerBg.gif) no-repeat left top; margin-bottom:15px; font-size:14px; } #footer{ border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding:15px; font-size:12px } #footer div{float:right; width:200px; text-align:right;} #footerLinks{padding:15px; font-size:12px;} #footerLinks div{float:right; width:600px; text-align:right;} /* SCROLLER START */ #easyscroll{margin:0px; padding:0px; margin-top:13px; list-style:none} #easyscrollnav, #easyscrollnav li{margin:0;padding:0;float:right; clear:both;} #easyscrollnav{margin:0px; padding:0px; } #easyscrollnav li{float:left;margin-right:10px;padding:0px;color:#333;cursor:pointer;} #easyscrollnav li.over{color:#999;text-decoration:underline;} #mycontent ul, li, h3{padding:0px; margin:0px; color:white; font-size:20px; letter-spacing:-0.07em;} #mycontent{ } #mycontent ul, li{list-style:none;padding-left:0px; margin-left:0px;} #mycontent ul{padding:0px; margin:0px;} #mycontent{padding:0px; margin:0px;} #scrollerwrap p{padding:0px; margin:0px; font-size:11px; color:#d2d3d3; letter-spacing:-0.04em;} #scrollerwrap{margin:0px; padding:0px;} #scrollerwrap a{color:#71c1ff; font-weight:normal;} #scrollerwrap li{padding-left:3px; padding-right:3px;} #scrollerwrap li:hover{} .up{margin-top:200px} /*SCROLLER END */ #productList{ display:block; padding:7px; text-align:right; background-color:#666; color:#DBDBDB; font-weight:normal; font-size:12px;} #productList a{color:white; font-weight:normal;} /* // layout end */ /* // One offs */ .homeText{width:455px; float:left;} .aboutImg{margin-top:40px;} .categoryWrapper{height:200px; border:1px solid #efefef; float:left; margin:0px 12px 13px 12px} .categoryLink{padding:10px; display:block; background-color:#666; color:white; font-size:14px} .linebreaker{height:20px; border-bottom:1px solid #CCC} /* // One offs end */ /* // contact form */ #enquiryform{margin-top:20px;background-color:#eaeaea;padding:10px;color:#444;} #enquiryform em{font-weight:bold;color:#336699;font-size:9px} #enquiryform input.required, #enquiryform textarea.required {background-color: #005BA2;border:none;padding:5px;color:#FFFFFF;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;font-size:11px;width:260px;} #validation-message { width: 60%; margin-left: auto; margin-right: auto; padding: 20px; border: 1px solid #005BA2; color: #006; background-color: #E0EAFC; } .fields{border:none;background-color:#CECECE;padding:5px;color:#444;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial;font-size:11px;width:260px;} .contactDetails{width:400px; float:right; margin-top:20px;} /* // contact form end */