/* main */ body {background:#FFF url(images/bg.jpg); background-repeat:repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:13px; margin:0px; padding:0px; color:#2e2e2e;} #wrap {width:940px; margin-left:auto; margin-right:auto; background: url(images/bg-wrap.gif) repeat-y;} #header {width:940px; height:128px; } #banner {} #content-col { display:inline; float:left; width:715px; } .page-copy{ display:inline; float:left; width:680px; margin-left:10px;} #side-col { display:inline; float:right; width:220px; } /* main nav */ #nav-wrap { width:940px; clear:both; display:block; height:48px; background: url(images/nav-bg.jpg) repeat-x bottom; } ul#nav { display: inline; list-style: none; padding:0px; margin:0px; } ul#nav li { display:block; float: left; text-indent:-9999px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; margin:0px; padding:0px;} .li-b1 a {background:url(images/b-1.jpg) top; height:48px; width:124px; display:block; margin-right:12px;} .li-b1 a:hover {background:url(images/b-1.jpg) bottom; height:48px;} .li-b2 a {background:url(images/b-2.jpg) top; height:48px; width:124px; display:block; margin-right:12px;} .li-b2 a:hover {background:url(images/b-2.jpg) bottom; height:48px;} .li-b3 a {background:url(images/b-3.jpg) top; height:48px; width:124px; display:block; margin-right:12px;} .li-b3 a:hover {background:url(images/b-3.jpg) bottom; height:48px;} .li-b4 a {background:url(images/b-4.jpg) top; height:48px; width:124px; display:block; margin-right:12px;} .li-b4 a:hover {background:url(images/b-4.jpg) bottom; height:48px;} .li-b5 a {background:url(images/b-5.jpg) top; height:48px; width:124px; display:block; margin-right:12px;} .li-b5 a:hover {background:url(images/b-5.jpg) bottom; height:48px;} .li-b6 a {background:url(images/b-6.jpg) top; height:48px; width:124px; display:block; margin-right:12px;} .li-b6 a:hover {background:url(images/b-6.jpg) bottom; height:48px;} .li-b7 a {background:url(images/b-7.jpg) top; height:48px; width:124px; display:block;} .li-b7 a:hover {background:url(images/b-7.jpg) bottom; height:48px;} /* sidebar styles */ #navwrap { margin:0px; padding:0px; width:220px; display:inline; } #navwrap ul { margin:0px; padding:0px; text-align:left; color:#000; display:block; list-style:none; } ul#navul li { float: left; font-size: 13px; margin:0px; padding:0px; color:#02625b; list-style:none; display:block; width:220px; margin-bottom:0px; line-height:27px; } ul#navul li a {color:#FFF; text-decoration:none; display:block; font-weight:normal; background:url(images/side-nav-image.jpg) top; height:27px; padding-left:40px;} ul#navul li a:hover { color:#FFF; padding-left:40px; background:url(images/side-nav-image.jpg) bottom; height:27px; } /* Font Styles */ h1 {font-size:24px; font-weight:normal; color:#b90000; margin:0px; margin-top:20px; padding:0px; } h2 {font-size:18px; font-weight:normal; color:#5c5c5c; padding:0px; margin:0px; display:block; } h3 {font-size:15px; font-weight:normal; color:#999; margin:0px; padding:0px; } h4 {font-size:15px; font-weight:bold; color:#b90000; margin:0px; padding:0px; } h5 {font-size:30px; color:#666666; padding-bottom:10px; margin:0px; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif;} h6 {font-size:30px; color:#666666; padding-bottom:10px; margin:0px; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; } p { margin:0px; line-height:23px; font-size:12px; color:#2e2e2e; padding:0px; margin-top:5px;} li { font-size:12px; color:#636363; margin-left:15px; padding-bottom:10px;} ul {padding-left:5px; margin-left:5px; margin-top:10px;} ol {padding:0px; margin:0px; padding-left:5px; margin-left:5px; } a:link {color:#CC0033; text-decoration: none;} a:visited { color:#CC0033; text-decoration: none;} a:hover { color:#CC0033; text-decoration: underline;} a:active { color:#CC0033; text-decoration: none;} a:focus {outline:none;} /* Home Styles */ .home-banner { margin-bottom:15px;} .home-b-1 { display:inline; float:left; width:220px; margin-left:0px; margin-right:10px;} .home-b-2 { display:inline; float:left; width:220px; margin-left:15px; margin-right:10px;} .home-b-3 { display:inline; float:left; width:220px; margin-left:15px; margin-right:0px;} /* Other Styles */ .clear {clear:both; height:0px; } .clear10{clear:both; height:10px; } .clear20{clear:both; height:20px; } .clear30 {clear:both; height:30px; } .col-a { display:inline; float:left; width:300px; } .col-b { display:inline; float:right; width:300px; } .impact {font-size:16px; color:#005170; font-weight:normal; letter-spacing:1px; line-height:20px;} .line { height:1px; border-top:1px solid #ccc; margin-top:10px; margin-bottom:10px; clear:both;} .line2 { height:1px; border-top:1px solid #ccc; margin-top:5px; margin-bottom:5px; clear:both;} .image-right-box { display:inline; float:right; border: 1px solid #ccc; padding:4px; margin: 20px; margin-top: -20px; margin-right: 20px; } .products { display:inline; float:left; ; margin-left: 20px; margin-bottom: 20px; } .map { border: 1px solid #ccc; padding:5px; margin: } /* sifr styles */ .sifr1 { } .sIFR-active .sifr1 { visibility: hidden; font-family: Verdana; line-height: 1em; cursor: pointer;} .sIFR-active .sifr2 { visibility: hidden; font-family: Verdana; line-height: 1em; cursor: pointer;} .sIFR-active .sifr3 { visibility: hidden; font-family: Verdana; line-height: 1em;} .sIFR-active .sifr4 { visibility: hidden; font-family: Verdana; line-height: 1em;} /* product styles */ .product { width:680px; border:1px solid #e5e5e5; margin-top:5px; display:inline; float:left; margin-right:0px; height:85px; background-color:#f1f1f1;} .product-text { width:520px; float:right; display:inline; margin-right:10px; margin-top:15px; } .product-image {margin:5px; padding:1px; border:1px solid #999; background: #FFF; margin-left:10px; height:70px; width:110px; overflow:hidden; display:inline; float:left;} .product-image-large {margin:0px; border:1px solid #bdbdbd; background: #FFF; display:inline; float:left; } .p-col { display:inline; float:left; width:430px; } .p-enq { display:inline; float:right; width:230px; margin-right:-20px; border: 1px solid #bbbbbb; background-color:#eeeded; padding-left:10px; padding-top:0px; } /* footer */ #footer {font-size:11px; color:#8d8d8d; text-align:center; width:940px; border-top: 1px solid #dedede; background:#FFF; margin-top:15px;} #footer p {font-size:11px; color:#8d8d8d; padding-top:0px;} #footer a:link {color:#8d8d8d; text-decoration: none;} #footer a:visited { color:#8d8d8d; text-decoration: none;} #footer a:hover { color:#8d8d8d; text-decoration: none;} /* end of main CSS file */