/*General*/ * {margin:0; padding:0;} img {border: 0} ul, ol {margin-left: 0; padding-left: 0; list-style: none;} li {padding-left: 10px; margin-top: 8px; background: url('../images/i-bullet-blue.gif') no-repeat; background-position: 0 .4em;} body {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #231f20;} a {color: #6da61b; text-decoration: none;} a:link {color: #6da61b; text-decoration: none;} a:link:hover {color: #6da61b; text-decoration: underline;} a:link:visited {color: #6da61b; text-decoration: none;} a:active { outline: none; } p {margin:10px 0} td {padding: 0 10px 10px 0} .floatleft {float: left} .floatright {float: right} .clear{clear:both;} #wrapper {margin: auto; width:940px; text-align: left} /*Top section*/ #top {background:url('../images/bg-top.gif') no-repeat left top; height: 140px; margin: 12px 0 -14px 0} #logo {float: left; width: 150px; height: 123px; padding: 10px 0 0 0;} #logo a {width: 150px; height: 123px; padding: 9px 0 0 0; display: block; text-indent: -9999px; background: url('../images/i-logo.gif') no-repeat} #contacts {font-size: 11px; color: #4470ad; margin: 0 10px 10px 10px; padding-bottom: 18px} #contacts a:link {color: #4470ad;} #contacts a:hover {color: #4470ad; text-decoration: underline;} #contacts a:visited {color: #4470ad;} #email {margin: 3px 5px 0 0; float: left} #phone {margin: 1px 5px 0 0; float: left} #contact {margin: 1px 5px 0 0; float: left} #topsearch {margin: 0 10px 12px 0; height: 17px; width: 220px; float: right} #inputbox {background: url('../images/i-searchbox.gif') no-repeat; width: 176px; height: 15px; color: #4470ad; font-size: 11px; border: none; padding: 2px 0 0 8px; margin: 0; float: left} #gobutton, #gobtn {background: url('../images/b-go.gif') no-repeat; width: 28px; height: 17px; border: none; padding: 0; margin: 0 0 0 0; float: right} /*Main Navigation*/ #navigation {height: 31px; width: 561px; margin-top: 1px; float: left} #navigation ul {list-style-type:none; margin:0; padding: 0} #navigation li {list-style-image: none; margin:0; padding: 0; float: left; position: relative;} #navigation-home {text-indent: -5000px; overflow:hidden; display:block; width: 76px; height: 31px; text-decoration: none; background: url('../images/nav-home.gif') no-repeat;} #navigation-home:hover {background-position: -76px 0;} #navigation-home.selected {background-position: -76px 0;} #navigation-about {text-indent: -5000px; overflow:hidden; display:block; width: 97px; height: 31px; text-decoration: none; background: url('../images/nav-about.gif') no-repeat;} #navigation-about:hover {background-position: -97px 0;} #navigation-about.selected {background-position: -97px 0;} #navigation-products {text-indent: -5000px; overflow:hidden; display:block; width: 101px; height: 31px; text-decoration: none; background: url('../images/nav-products.gif') no-repeat;} #navigation-products:hover {background-position: -101px 0;} #navigation-products.selected {background-position: -101px 0;} #navigation-support {text-indent: -5000px; overflow:hidden; display:block; width: 93px; height: 31px; text-decoration: none; background: url('../images/nav-support.gif') no-repeat;} #navigation-support:hover {background-position: -93px 0;} #navigation-support.selected {background-position: -93px 0;} #navigation-sales {text-indent: -5000px; overflow:hidden; display:block; width: 76px; height: 31px; text-decoration: none; background: url('../images/nav-sales.gif') no-repeat;} #navigation-sales:hover {background-position: -76px 0;} #navigation-sales.selected {background-position: -76px 0;} #navigation-case {text-indent: -5000px; overflow:hidden; display:block; width: 115px; height: 31px; text-decoration: none; background: url('../images/nav-case.gif') no-repeat;} #navigation-case:hover {background-position: -115px 0;} #navigation-case.selected {background-position: -115px 0;} #navigation-contact {text-indent: -5000px; overflow:hidden; display:block; width: 93px; height: 31px; text-decoration: none; background: url('../images/nav-contact.gif') no-repeat;} #navigation-contact:hover {background-position: -93px 0;} #navigation-contact.selected {background-position: -93px 0;} /*Footer*/ #footer {width: 900px; height: auto; padding: 8px 20px 5px 20px; margin-bottom: 1px; background-color:#bab8b9; float: left; clear: both; } #footer a:link {color: #5e5b5b;} #footer a:hover {color: #5e5b5b; text-decoration: underline} #footer a:visited {color: #5e5b5b;} #footer li {background: none; padding: 0; margin: 0 0 5px 0; font-weight: bold; color: #5e5b5b;} #footer .sublink {color: #ffffff} #footer .sublink a:link{color: #ffffff; font-weight: normal} #footer .sublink a:hover{color: #ffffff; font-weight: normal; text-decoration: underline} #footer .sublink a:visited{color: #ffffff; font-weight: normal} #right{ float:right;} #right .bottomsearch {margin: 0; height: 17px; width: 220px; float:right;} #right .logos{ margin-top:10px; } #right .logos .cst{ width:84px; height:71px; float:right; margin-left:10px;} #right .logos .iso{ width:89px; height:69px; float:right;} #right .logos .axis{ width:108px; height:71px; float:right; margin-left:10px;} #inputbottom {background: url('../images/i-searchbox.gif') no-repeat; width: 176px; height: 15px; color: #5e5b5b; font-size: 11px; border: none; padding: 2px 0 0 8px; margin: 0; float: left} #footerbtm {width: 900px; height: 15px; padding: 8px 20px; margin-bottom: 25px; background: #5e5b5b url('../images/bg-footer-bottom.gif') no-repeat; color: #ffffff; float: left} #footerbtm a:link {color: #ffffff} #footerbtm a:hover {color: #ffffff; text-decoration: underline} #footerbtm a:visited {color: #ffffff; } #footer-address {margin-left: 20px; color:#666666; margin-top:-25px; float: left} /**********************************************************************************/ /*Home page*/ #flashcontent {padding:0; margin: -25px 0 25px -30px; clear: both} #noflash {width: 947px; height: 354px; background: url('../images/bg-home.jpg') no-repeat; margin: 0 0 25px 29px;} #noflash h2 {color: #ffffff; font-size: 25px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; padding: 35px 580px 0 25px;} #secure {color: #ffffff; font-size: 25px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; padding: 45px 0 0 25px; float: left} #hometxt {color: #ffffff; font-size: 12px; padding: 15px 580px 18px 25px;} #homemore {float: left; margin: 42px 0 0 25px; float: left} /*Latest Products*/ #products {width: 940px; height: auto; padding: 0; margin-bottom: 25px;} #products h2 {width: 940px; height: 31px; display: block; margin: 0; padding: 0; text-indent: -9999px; background: url('../images/h-latest-products_940.gif') no-repeat;} .productboxhome {width: 256px; height: 180px; padding: 0 20px 0 20px; background: #f5f5f5 url('../images/bg-products-home-mid_296.gif') repeat-y} .producttitlehome {width: 270px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-weight: bold; color: #5882bc; height: 30px; padding: 0 20px; margin: 8px 0 0 0; background:url('../images/bg-products-home-top_296.gif') no-repeat bottom left} .producttitlehome a:link {color: #5882bc} .producttitlehome a:hover {color: #5882bc; text-decoration: underline} .producttitlehome a:visited {color: #5882bc} .productsboxhomebtm {width: 296px; height: 8px; background: #f5f5f5 url('../images/bg-products-home-bottom_296.gif') no-repeat bottom left;} .morelink {margin-left: -5px; margin-top: 3px;} .productsleft {width: 300px; float: left; margin-right: 10px} .productsright {width: 300px; float: left; margin-right:15px;} /* */ #news {width: 615px; margin-left:2px; padding: 0; margin-bottom: 25px; background: #f9f9f9 url('../images/bg-news_615.gif') no-repeat bottom; float: left} #news h2 {width: 615px; height: 31px; display: block; margin: 0; padding: 0; text-indent: -9999px; background: url('../images/h-news_615.gif') no-repeat;} #newstxt {padding: 2px 20px 10px 20px;} .storyheader {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-weight: bold; color: #5882bc; padding: 8px 0 4px 0;} .storyheader a:link {color: #5882bc; text-decoration: none;} .storyheader a:hover {color: #5882bc; text-decoration: underline;} .storyheader a:visited {color: #5882bc; text-decoration: none;} #news a:link {font-weight: bold;} #news a:hover {font-weight: bold; text-decoration: underline} #news a:visited {font-weight: bold;} #allnews {margin-left: -5px;} /*Market Sectors*/ #market {width: 296px; height: auto; padding-bottom: 23px; margin-bottom: 25px; margin-right:24px; background: #88bd1e url('../images/bg-marketsectors_296.gif') no-repeat bottom; float: left} #market h2 {width: 296px; height: 31px; display: block; margin: 0; padding: 0; text-indent: -9999px; background: url('../images/h-marketsectors_296.gif') no-repeat;} #market h3 {font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; font-size: 12px; margin: 3px 0 8px 0;} #market a:link {color: #ffffff; font-weight: bold} #market a:hover {color: #ffffff; font-weight: bold; text-decoration: underline} #market a:visited {color: #ffffff; font-weight: bold} #market li {padding: 0 0 2px 10px; border-bottom: #9cc647 1px solid; margin-top: 3px; background: url('../images/i-bullet.gif') no-repeat; background-position: 0 .4em; } .marketholder {width: 100px; padding: 0 20px; margin: 2px 0 8px 0; float: left; color: #ffffff; font-weight: bold} /**********************************************************************************/ #contentright {float: left; margin-left: 15px} /*Products*/ #productstxt {width: 643px; padding: 8px 10px 10px 20px; float: left} #productstxt h2{font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-weight: bold; color: #5882bc; padding: 8px 0 4px 0;} #productslhs {width: 673px; height: auto; padding: 0 0 25px 0; float: left;} .producttitlelhs {width: 281px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-weight: bold; color: #5882bc; height: 30px; padding: 0 20px; margin: 8px 0 0 0; background:url('../images/bg-products-top.gif') no-repeat bottom left} .producttitlelhs a:link {color: #5882bc} .producttitlelhs a:hover {color: #5882bc; text-decoration: underline} .producttitlelhs a:visited {color: #5882bc} .productboxlhs {width: 281px; height: 140px; padding: 0 20px 0 20px; background: #f5f5f5 url('../images/bg-products-mid.gif') repeat-y} .productsboxbtm {width: 321px; height: 8px; background: #f5f5f5 url('../images/bg-products-bottom.gif') no-repeat bottom left; margin-bottom: 5px} .productimglhs {float: right; padding-left: 0px;} /**********************************************************************************/ /*Products Detail*/ /*Top*/ #virtual {width: 673px; height: 310px; background: #4471af url('../images/bg-products-turnstile.jpg') no-repeat bottom; float: left} /*#virtual h2 {width: 186px; height: 26px; display: block; margin: 0; margin: 25px 0 0 20px; text-indent: -9999px; background: url('../images/h-products-turnstile.gif') no-repeat;}*/ #virtual h3 {color: #ffffff; font-size: 14px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; margin: 13px 340px 0 20px;} #virtual h2 {color: #ffffff; font-size: 26px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; margin: 22px 0 0 20px;} #video {width: 673px; height: 310px; background: #4471af url('../images/bg-products-video.jpg') no-repeat bottom; float: left} /*#video h2 {width: 174px; height: 26px; display: block; margin: 0; margin: 25px 0 0 20px; text-indent: -9999px; background: url('../images/h-products-video.gif') no-repeat;}*/ #video h2 {color: #ffffff; font-size: 26px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; margin: 22px 0 0 20px;} #video h3 {color: #ffffff; font-size: 14px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; margin: 13px 340px 0 20px;} #cctv {width: 673px; height: 310px; background: #4471af url('../images/bg-products-cctv.jpg') no-repeat bottom; float: left} /*#cctv h2 {width: 255px; height: 26px; display: block; margin: 0; margin: 25px 0 0 20px; text-indent: -9999px; background: url('../images/h-products-cctv-access.gif') no-repeat;}*/ #cctv h2 {color: #ffffff; font-size: 26px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; margin: 22px 0 0 20px;} #cctv h3 {color: #ffffff; font-size: 14px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; margin: 13px 340px 0 20px;} #access {width: 673px; height: 310px; background: #4471af url('../images/bg-products-access.jpg') no-repeat bottom; float: left} #access h2 {color: #ffffff; font-size: 26px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; margin: 22px 0 0 20px;} #access h3 {color: #ffffff; font-size: 14px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; margin: 13px 340px 0 20px;} #radio {width: 673px; height: 310px; background: #4471af url('../images/bg-products-radio.jpg') no-repeat bottom; float: left} /*#radio h2 {width: 315px; height: 26px; display: block; margin: 0; margin: 25px 0 0 20px; text-indent: -9999px; background: url('../images/h-products-radio.gif') no-repeat;}*/ #radio h2 {color: #ffffff; font-size: 26px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; margin: 22px 0 0 20px;} #radio h3 {color: #ffffff; font-size: 14px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; margin: 13px 340px 0 20px;} #handswipe {width: 673px; height: 310px; background: #4471af url('../images/bg-products-handswipe.jpg') no-repeat bottom; float: left} /*#cctv h2 {width: 255px; height: 26px; display: block; margin: 0; margin: 25px 0 0 20px; text-indent: -9999px; background: url('../images/h-products-cctv-access.gif') no-repeat;}*/ #handswipe h2 {color: #ffffff; font-size: 26px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; margin: 22px 0 0 20px;} #handswipe h3 {color: #ffffff; font-size: 14px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; margin: 13px 340px 0 20px;} #time-and-attendance {width: 673px; height: 310px; background: #4471af url('../images/bg-products-timeandattendance.jpg') no-repeat bottom; float: left} /*#cctv h2 {width: 255px; height: 26px; display: block; margin: 0; margin: 25px 0 0 20px; text-indent: -9999px; background: url('../images/h-products-cctv-access.gif') no-repeat;}*/ #time-and-attendance h2 {color: #ffffff; font-size: 26px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; margin: 22px 0 0 20px;} #time-and-attendance h3 {color: #ffffff; font-size: 14px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; margin: 13px 340px 0 20px;} #toptxt {color: #ffffff; font-size: 12px; margin: 15px 340px 18px 20px;} .dllink {margin: 0 300px 10px 20px; float: left} /*Breadbrumb*/ #breadcrumb {width: 633px; height: 25px; padding: 6px 20px 0 20px; background: #acacac url('../images/bg-products-breadcrumb.gif') no-repeat; color: #ffffff; font-size: 17px; clear: both} #breadcrumb a:link {color: #ffffff} #breadcrumb a:hover {color: #ffffff; text-decoration: underline} #breadcrumb a:visited {color: #ffffff;} .current {font-weight: bold} /*Other Products*/ #otherproducts {width: 252px; padding: 0; margin-bottom: 25px;} #otherproducts h2 {width: 252px; height: 31px; display: block; margin: 0; padding: 0; text-indent: -9999px; background: url('../images/h-other-products.gif') no-repeat;} .producttitle {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-weight: bold; color: #5882bc; height: 30px; padding: 0 20px; margin: 8px 0 0 0; background:url('../images/bg-news-case-other-top.gif') no-repeat bottom left} .producttitle a:link {color: #5882bc} .producttitle a:hover {color: #5882bc; text-decoration: underline} .producttitle a:visited {color: #5882bc} .productbox {width: 212px; height: auto; padding: 0 20px 10px 20px; background: #f5f5f5 url('../images/bg-news-case-other-bottom.gif') no-repeat bottom left} .productimg {float: right; padding-left: 8px;} /*Market Sectors*/ #marketr {width: 252px; height: 225px; padding-bottom: 8px; margin: 0px 0 25px 0; background: #88bd1e url('../images/bg-marketsectors-r.gif') no-repeat bottom;} #marketr h2 {width: 252px; height: 31px; display: block; margin: 0; padding: 0; text-indent: -9999px; background: url('../images/h-marketsectors-r.gif') no-repeat;} #marketr h3 {font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; font-size: 11px; margin: 3px 0 8px 0;} #marketr a:link {color: #ffffff; font-weight: bold} #marketr a:hover {color: #ffffff; font-weight: bold; text-decoration: underline} #marketr a:visited {color: #ffffff; font-weight: bold} #marketr li {padding: 0 0 2px 10px; border-bottom: #9cc647 1px solid; margin-top: 3px; background: url('../images/i-bullet.gif') no-repeat; background-position: 0 .4em;} .marketholderr {width: 90px; margin: 2px 0 8px 0; padding: 0 10px 0 20px; float: left; color: #ffffff; font-weight: bold} /*LHS content*/ #lhs {width: 643px; padding: 0 10px 10px 20px; float: left} #txt {width: 438px; padding: 0 0 16px 0; margin-top: 8px; float: left} #txt img {float: left; margin: 15px 15px 15px 0} #txt h2{font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-weight: bold; color: #5882bc; padding: 8px 0 4px 0;} #txt h3{font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-weight: bold; color: #5e5b5b; padding: 8px 0 4px 0;} #finfo {width: 185px; height: auto; margin: 11px 0 0 20px; background: #f4f3f4 url('../images/bg-features-case.gif') no-repeat bottom; float: left;} #finfo h2 {width: 185px; height: 30px; display: block; margin: 0; padding: 0; text-indent: -9999px; background: url('../images/h-further-information.gif') no-repeat} #finfotxt {padding: 0 20px 10px 20px; margin-top: -3px} #features {width: 185px; height: auto; margin: 11px 0 0 20px; background: #f4f3f4 url('../images/bg-features-case.gif') no-repeat bottom; float: left;} #features h2 {width: 185px; height: 30px; display: block; margin: 0; padding: 0; text-indent: -9999px; background: url('../images/h-features-benefits.gif') no-repeat} #featurestxt {padding: 0 20px 10px 20px; margin-top: -3px} #features li {padding-left: 10px; margin-top: 8px; background: url('../images/i-bullet-blue.gif') no-repeat; background-position: 0 .4em;} #case {width: 185px; height: auto; margin: 16px 0 16px 20px; background: #f4f3f4 url('../images/bg-features-case.gif') no-repeat bottom; float: left;} #case h2 {width: 185px; height: 30px; display: block; margin: 0; padding: 0; text-indent: -9999px; background: url('../images/h-case-studies.gif') no-repeat} #casetxt {padding: 0 20px 10px 20px; margin-top: -3px} #case li {padding-left: 10px; margin-top: 8px; background: url(../images/i-bullet-blue.gif) no-repeat; background-position: 0 .4em;} #case p {margin: 10px 0 0 0} /**********************************************************************************/ /*News & Case Studies*/ /* Articles*/ #articleslhs {width: 673px; height: auto; padding: 0 0 25px 0; float: left;} .articletitlemain {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-weight: bold; color: #5882bc; width: 281px; height: 30px; padding: 0 20px; margin: 8px 0 0 0; background:url('../images/bg-news-case-top.gif') no-repeat bottom left;} #articlebox {width: 281px; height: auto; padding: 0 20px 10px 20px; float: left; background: #f5f5f5 url('../images/bg-news-case-bottom.gif') no-repeat bottom left;} .boxleft {width: 321px; float: left; margin-right: 31px} .boxright {width: 321px; float: left} .boxleft ul li, .boxright ul li {padding:0 0 0 8px; margin:0 0 3px 0; font-weight:bold;} /**********************************************************************************/ /*News & Case Studies Detail*/ #fulltxt {padding: 0 0 16px 0; margin-top: 8px; float: left} #fulltxt h2{font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-weight: bold; color: #5882bc; padding: 8px 0 4px 0;} #fulltxt h3{font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-weight: bold; color: #5e5b5b; padding: 8px 0 4px 0;} #fulltxt img {float: right; margin: 15px 0 15px 15px} /*Breadcrumb*/ #breadcrumbnc {width: 633px; height: auto; padding: 6px 20px 6px 20px; background: #acacac url('../images/bg-news-case-breadcrumb.gif') no-repeat; color: #ffffff; font-size: 17px;} #breadcrumbnc a:link {color: #ffffff} #breadcrumbnc a:hover {color: #ffffff; text-decoration: underline} #breadcrumbnc a:visited {color: #ffffff;} /*Other Articles*/ #otherarticles {width: 252px; padding: 0; margin-bottom: 25px;} #otherarticles h2 {width: 252px; height: 31px; display: block; margin: 0; padding: 0; text-indent: -9999px; } .news {background: url('../images/h-other-news-articles.gif') no-repeat} .case {background: url('../images/h-other-case.gif') no-repeat} .articletitle {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-weight: bold; color: #5882bc; height: 30px; padding: 0 20px; margin: 8px 0 0 0; background:url('../images/bg-news-case-other-top.gif') no-repeat bottom left} #otherbox {width: 212px; height: auto; padding: 0 20px 10px 20px; float: left; background: #f5f5f5 url('../images/bg-news-case-other-bottom.gif') no-repeat bottom left} /**********************************************************************************/ /*Search*/ #fulltxtsearch {padding: 0 0 16px 0; margin-top: 8px; float: left} #fulltxtsearch h2 {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-weight: bold; color: #5882bc; padding: 8px 0 4px 0; border-top: 1px solid #cacbd2;} #results {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 15px; font-weight: bold; color: #5882bc; padding: 8px 0 24px 0; float: left} #term {color: #6da61b} #searchpage {float: right; margin-top: 8px; width: 220px} #fulltxtsearch a:link {color: #6da61b; font-weight: bold;} #fulltxtsearch a:hover {color: #6da61b; font-weight: bold; text-decoration: underline} #fulltxtsearch a:visited {color: #6da61b; font-weight: bold;} /**********************************************************************************/ /*Contact*/ #contactform {width: 252px; height: auto; padding-bottom: 8px; margin: 25px 0; background: #88bd1e url('../images/bg-marketsectors-r.gif') no-repeat bottom; float: left} #contactform h2 {width: 252px; height: 31px; display: block; margin: 0; padding: 0; text-indent: -9999px; background: url('../images/h-enquiry.gif') no-repeat;} #contactform h3 {font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; font-size: 11px; margin: 3px 0 8px 0; border-bottom: #9cc647 1px solid; padding: 5px 0; } #contactformcontent {margin: 3px 0 8px 0; padding: 0 20px; float: left; color: #ffffff; font-weight: bold} .txtdir {font-weight: bold; margin-bottom: 8px} .inputboxdir {background: url('../images/i-searchboxdir.gif') no-repeat; width: 85px; height: 15px; color: #4470ad; font-size: 11px; border: none; padding: 2px 0 0 8px; margin-top: 0; float: left} .gobuttondir {background: url('../images/b-go.gif') no-repeat; width: 28px; height: 17px; border: none; padding: 0; margin: 0 0 0 4px; float: left} .contactarea {float: left; width: 320px} .txtform {float: left; font-weight: bold; padding: 2px 0 8px 0} .inputform {background: url('../images/i-inputbox.gif') no-repeat; width: 130px; height: 15px; color: #4470ad; font-size: 11px; border: none; padding: 2px 0 0 8px; margin: 0 0 0 8px; float: right} #txtarea {width: 192px; height: 96px; padding: 2px 8px; background: url('../images/i-textarea.gif') repeat-y; border: none; color: #4470ad; font-size: 11px; font-family: Arial, Helvetica, sans-serif} #sendbutton {background: url('../images/b-go.gif') no-repeat; width: 42px; height: 17px; border: none; padding: 0; margin: 10px 0 0 0;} /**********************************************************************************/ #topheader {color: #ffffff; font-size: 26px; font-weight: normal; font-family:Georgia, 'Times New Roman', Times, serif; padding: 16px 0 0 20px;} /**********************************************************************************/ /*Market Sectors*/ #msproducttop {width: 673px; height: 9px; background: url('../images/bg-ms-products-top.gif') no-repeat bottom left; float: left} #msproductmid {width: 645px; height: auto; background: url('../images/bg-ms-products-mid.gif') repeat-y; padding: 10px 14px 0 14px; float: left;} #msproductbtm {width: 673px; height: 9px; background: url('../images/bg-ms-products-btm.gif') no-repeat top left; float: left; margin-bottom: 20px} .msproductsh {width: 170px; height: 24px; background: url('../images/bg-ms-products-header.gif') no-repeat; color: #ffffff; font-size: 13px; font-weight: bold; padding: 4px 0 0 20px; text-align: left} .msproductsh a:link{color: #ffffff;} .msproductsh a:hover{color: #ffffff; text-decoration: underline} .msproductsh a:visited{color: #ffffff;} .msproductstxt {width: 150px; height: auto; padding: 0 20px; margin-bottom: 15px; text-align: left} .msproducts {float: left; width: 215px;} /**********************************************************************************/ /*Call to action*/ .enquirysection {float: left; width: 673px; padding-bottom: 15px} .enquirysection h3 {font-family: Georgia, 'Times New Roman', Times, serif; color: #4674b5; font-weight: bold; font-size: 11px; margin: 3px 0 8px 0; border-bottom: #ccd9e9 1px solid; padding: 5px 0; } #righttxt {font-family: Arial, Helvetica, sans-serif; color: #231f20; font-size: 11px; float: right; margin-top: 0px} #phoneno {font-family:Georgia, 'Times New Roman', Times, serif; font-size: 15px; font-weight: bold; color:#4674b5} #topbar {width: 633px; height: 28px; padding: 6px 20px 0 20px; background: url(../images/bg-enquiry.gif); font-family: Georgia, 'Times New Roman', Times, serif; font-size: 15px; font-weight: bold; float: left; cursor:pointer;} .ctrl {color:#6da61b;} .enquirylink {color:#6da61b;} .enquirylink:hover {text-decoration:underline;} .txtenquiry {float: left; padding: 2px 0 8px 0; margin: 0; float: left} .inputenquiry {background: url('../images/i-inputbox.gif') no-repeat; width: 130px; height: 15px; color: #4470ad; font-size: 11px; border: none; padding: 2px 0 0 8px; margin: 0 0 0 8px; float: right} #enquirymid {background: url(../images/bg-enquiry-mid.gif); width: 633px; height: auto; padding: 0 20px; float: left} #enquirybtm {background: url(../images/bg-enquiry-btm.gif); width: 673px; height: 10px; float: left;} #details {width: 205px; margin-right: 20px; float: left} #prodofint {width: 180px; margin-right: 20px; float: left} #yourenquiry {width: 205px; float: left} /**************************************************************************************/ /*Products green buttons*/ #dllink {width: 176px; height:32px; font-family:Georgia, "Times New Roman", Times, serif; color: #ffffff; font-size: 16px; padding: 15px 50px 0 12px; margin: 0 300px 10px 20px; float: left} #dllink a:link {color: #ffffff;} #dllink a:hover {color: #ffffff; text-decoration: underline} #dllink a:visited {color: #ffffff;} /******** client login form styles **********/ #loginform label {color:#fff; font-weight:bold;} #p-login { width: 252px; height: 225px; padding-bottom: 8px; margin: 0px 0 25px 0; background: #999 url('../images/bg-p-login.gif') no-repeat bottom; } #p-login h2 { width: 252px; height: 31px; display: block; margin: 0; padding: 0; text-indent: -9999px; background: url('../images/h-p-login.gif') no-repeat; } #p-login h3 { font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; font-size: 11px; margin: 3px 0 8px 0; } #p-login a:link { color: #ffffff; font-weight: bold } #p-login a:hover { color: #ffffff; font-weight: bold; text-decoration: underline } #p-login a:visited { color: #ffffff; font-weight: bold } #p-login li { padding: 0 0 2px 10px; border-bottom: #9cc647 1px solid; margin-top: 3px; background: url('../images/i-bullet.gif') no-repeat; background-position: 0 .4em; } #loginform { margin:10px 0 0 20px;} .login-input { background: url('../images/login-textbox.gif') no-repeat; width: 209px; height: 24px; color: #4470ad; font-size: 11px; border: none; padding: 2px 0 4px 5px; margin: 0 0 0 -2px; float: left }