/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Default Styles CSS Document Author: 9xb.com ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Please use the structure in place for all additional CSS elements. For new builds, tweak current values before continuing.. thx G ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* DEFAULT STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ * { padding:0; margin:0; } html, body { font: 12px/1.4em arial, helvetica, tahoma, verdana, sans-serif; color: #3d3d3d; line-height: normal; } body { margin: 0; padding:0; background:#fff; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* GLOBAL STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .hidden, .screen_reader, hr { display: none; } p { margin: 0 0 20px 0; padding: 0; } a img { border: 0; } a { color: #3c6b4a; text-decoration: none; } a:hover { color: #7aa452; } .floatL { float: left; margin: 0 20px 20px 0; } .floatR { float: right; margin: 0 0 20px 20px; } .strong, .bold { font-weight:bold; } .row label{ float:left; text-align:left; width: 140px; padding:0; } .row input { width: 200px; } .row { width:400px;} .row textarea {float:left; width: 200px } a.arrowIcon { color: #797979; padding-left:14px; background:url(../images/icon_arrow.gif) no-repeat left center; } a.bulletgreen { padding-left:14px; background:url(../images/bullet.gif) no-repeat left center; } .message, .error { border:1px solid; padding:15px; width: 625px; font-weight:bold; } .message a, .error a { color: #666666; } .message { border-color:#fcf49e; background: #ffffcc; } .error { border-color:#dc5b5b; background:#f7e7e7; } .underline { text-decoration:underline; } .padding-top { padding-top: 8px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* COLOURS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .lightGreen { color:#7aa452; } .darkGreen { color:#3c6b4a; } .darkGrey { color:#3d3d3d; } .lightGrey { color:#e6e6e6; } .green { color: #3c6b4a; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* TEMPLATE ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #outerwrap { width:965px; margin:0 auto; background:#fff; padding-bottom: 40px; } #header { float:left; width: 965px; height: 145px; position:relative; z-index:1000; } #banner { float:left; border-top:5px solid #7aa452; margin:0; padding-top:0px; } #footer { border-top:5px solid #7aa452; border-bottom:1px solid #7aa452; clear:both; position:relative; top: 0px; margin-top: 20px; padding: 0px 10px 15px 10px; } #footer p { margin-bottom:5px;} #bottom-links { color: #838486; position:relative; left: 10px; position: relative; top: 0px;padding:10px 20px 0 0; } #bottom-links a { color: #3c6b4a; padding-left:20px; } #bottom-links a:hover { color:#7aa452; } #column {width:240px;float:right; position:relative;padding:0;margin:0;} #contentLeft { clear:left; width:403px; min-height:464px; position:relative; top:-3px; padding: 10px 20px 20px 20px; background-image: url(../images/yellow-bg.gif); line-height:130%; background-repeat:no-repeat;background-color:#ffcc33; } #contentDouble { width:658px; min-height:464px; position:relative; top:-3px; padding: 10px 20px 20px 20px; background-image: url(../images/double_bg.jpg); line-height:130%; background-repeat:no-repeat; } #contentLeft p { position:relative;top: 0px; } #contentLeft h2 { position:relative; top:-20px; } #contentLeftTop { clear:left; position:relative; top:-3px; width:443px; height:14px; background-image: url(../images/bg-top.gif); background-repeat:no-repeat; } #contentLeft .other li { list-style-type: none; float: left; padding: 10px; width:116px; text-align:center; } #contentLeft li img { padding: 10px; border:0; } #contentDoubleTop { clear: left; position:relative; top:-3px; width:700px; height:14px; background-image: url(../images/double_top.jpg); background-repeat:no-repeat;} #contentLeftBottom { position:relative; top:-3px; width:443px; height:17px; background-image: url(../images/bg-bottom.gif); background-repeat:no-repeat; z-index:4; background-color:#FFFFFF; } #contentLeftHome { clear:left; width:403px; height:288px; padding:20px; /*background-image: url(../images/home-box.gif);*/ line-height:130%; background-repeat:no-repeat; background-color:#ffcc33; } #contentLeftHome p { position:relative; top: -10px; } #contentRight { float:right; margin-top:0px; margin-right:20px; width:240px; } #contentRightNews { float:right; margin-top:0px; margin-right:20px; padding: 0px 20px; width:204px; height:335px; background-repeat:no-repeat; background-image:url(../images/bg_news.jpg); } #contentRightContact { margin-top:0px; margin-right:20px; padding: 0px 20px; width:204px; height:335px; position:relative; right: 4px; background-repeat:no-repeat; background-image:url(../images/bg_news.jpg);} #content { margin-bottom:20px; } #content_inner { width: 965px; float: left; padding: 30px 0 20px 0;} #inner_leftcontainer { width: 640px; float: left; padding: 0px; margin: 0px; } #inner_leftcontainer h2 {font-size: 30px;} #inner_leftcontainer h2, #inner_leftcontainer h3 {color:#3c6b4a;} #inner_leftcontainer h3 { font-size: 18px;} #inner_leftcontainer h2, #inner_leftcontainer h3, #inner_leftcontainer p{ padding: 0 0 0 20px;} #inner_leftcontainer ul { list-style:none; padding: 0px; margin: 0 0 0 0px; float:left;} /*#inner_leftcontainer ul li{ width: 620px; background-color: #ebebeb; padding: 10px 0 10px 20px; margin: 0 0 5px 0; clear:both; float:left;} #inner_leftcontainer ul li a{ display:block; width:90px; float:right; /*padding: 0 20px 0 0; }*/ #inner_leftcontainer ul li{ width: 620px; background-color: #ebebeb; padding-top:10px;padding-bottom:10px; padding-left:10px; margin-bottom:5px; } #inner_leftcontainer ul li a{ display:block; float: right; padding: 0 20px 0 0;} #inner_leftcontainer ul#serviceList li { font-weight:bold; width:100%; background: none; } #inner_leftcontainer ul#serviceList li a { background:url(../images/bullet.gif) no-repeat 0 2px; float:none; padding-left:10px; } #inner_leftcontainer .sitemap ul{ list-style:none; margin-left:0px; padding-left:20px; background-color:White; } #inner_leftcontainer .sitemap ul li{ width: 620px; padding: 20px 0 10px 20px; margin: 0 0 5px 0;background-color:White;} #inner_leftcontainer .sitemap li { margin:15px 0; background-color:White;} #inner_leftcontainer .sitemap li a{ float:left; background-color:White;} #inner_leftcontainer .sitemap li ul { list-style:none; margin-left:20px; padding-left:20px; background-color:White;} #inner_leftcontainer ol { padding: 0px; margin: 0 0 0 0px;margin-left:38px;} #right_column { width: 305px; float: right ;} #right_column h3{ font-size: 14px; padding: 0px 0 5px 0; margin: 0px;} .cta_grey {width: 305px; background: url(../images/cta_grey.jpg) top left no-repeat; height: 143px; padding: 0 0 20px 0;} .cta_grey .type {padding: 10px 10px 0 150px; } #right_column .cta_grey .type a {color: #3c6b4a; font-weight: bold; padding: 0 0 0 10px; background: url(../images/bullet_arrow_white.jpg) top left no-repeat;} .cta_green {width: 305px; background: url(../images/cta_green.jpg) top left no-repeat; height: 155px; padding: 0 0 20px 0;} .cta_green .type {padding: 10px 10px 0 150px; } #right_column .cta_green .type a {color: #FFF; font-weight: bold; padding: 0 0 0 10px; background: url(../images/bullet_arrow_green.jpg) top left no-repeat;} .cta_yellow {width: 305px; background: url(../images/cta_yellow.jpg) top left no-repeat; height: 155px; padding: 0 0 20px 0;} .cta_yellow .type {padding: 10px 10px 0 150px; } #right_column .cta_yellow .type a {color: #3c6b4a; font-weight: bold; padding: 0 0 0 10px; background: url(../images/bullet_arrow_yellow.jpg) top left no-repeat; } /*.cta_service {width: 305px; height:153px; margin: 0 0 20px 0; overflow: hidden;}*/ #cta_service { background-color:#fff; margin-bottom:15px;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* FORM ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ input, textarea, select { font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif; font-size: 1em; color: #666; width:250px; border:1px solid #e6e6e6; padding:2px 5px; } textarea { height:100px;} input[type='text']:focus, textarea:focus, select:focus { border:1px solid #999999; } form { margin:20px 0; } form p {margin: 0; } form label {float:left; width:150px; text-align:right; margin-right:20px; } form input.submit { margin-left: 302px; position:relative; top: -20px; width:65px; height: 20px; border:0; background-image:url(images/send.gif); margin-top:10px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* HEADING ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ h1, h2, h3, h4 {line-height: normal; margin: 0 0 15px 0;padding: 0; } h1 { } h1 a { background:url(../images/logo_header.jpg) no-repeat top left; width:158px; height:105px; text-indent:-10000px; overflow:hidden; position:absolute; } h2.phone { background:url(../images/phone.jpg) no-repeat top right; text-transform:uppercase; text-indent:-10000px; float:right; width:205px; height:25px; margin: 40px 0 0 0; } h3 { font-size:150%; } #newsNav { list-style:square; margin-left:0px; padding-left:0px; position:relative; top: -20px; line-height:18px; } #newsNav a { color: #3c6b4a; } #newsNav li{list-style-type:none; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* CONTENT STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #content_home { width: 925px; background: #ebebeb top right; float: left; padding: 20px; } #home-column-container { float: left; width: 960px; } .home-column { float: left; width: 300px; padding: 0 20px 0 0; } .home-column-thin { float: left; width: 290px; padding: 0 20px 0 0; } .home-column ul { list-style:none; padding: 0; margin: 0; color:#3c6b4a;} .home-column li { margin: 0 0 5px 0;} .home-column li a, .home-column a {color: #3c6b4a; font-size: 14px; font-weight: bold;padding: 0 0 0 14px; background:url(../images/bullet.gif) no-repeat left center; } .home-column li a:hover, .home-column a:hover{ color: #7aa452; } #newsticker-home { float: left; width: 925px; padding: 30px 20px 20px 20px; } #newsticker-home h3, #newsticker-home p, #newsticker-home a { float: left; padding: 0 20px 0 0;} #newsticker-home p, #newsticker-home a { padding: 0 0 0 0; color:#3c6b4a;} #newsticker-home a { margin: 0px 0 0 15px; padding: 0px 0 0 14px; background:url(../images/bullet.gif) no-repeat left center; } #newsticker-home a:hover { color: #7aa452; } #sitemap { list-style:square; margin-left:20px; padding-left:20px; } #sitemap li { margin:15px 0; } #sitemap li ul { list-style:upper-roman; margin-left:20px; padding-left:20px; } #privacy_content li { margin-left:20px; padding-left:20px; } .cta { padding:15px; margin-bottom: 12px; position:relative; top: -15px; width: 224px;} .cta p {margin:0;} .cta h4 { text-transform:uppercase; color:#333; margin-bottom:0; font-size:120%;} .cta a { padding-right: 40px; } .getInTouch a { padding-right: 20px; } .getInTouch { background-image:url(../images/yellowbox.jpg); width:224px; height: 94px;background-repeat:no-repeat; } .environment { background-image:url(../images/greybox.jpg); width:244px;height:94px; background-repeat: no-repeat; } .imageDiv img { margin-bottom:5px; } .imageDiv p { text-align:right; text-transform:lowercase; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* LEFTCOLUMN STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .read_more { background-image: url(../images/read_more.gif); width: 108px; height:26px; float:right; position:relative; top:-15px; cursor: pointer; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* RIGHTCOLUMN STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #submenu { border:1px solid #dedede;padding: 15px; margin-bottom:20px; line-height:10px;} #submenu h4 { text-transform:uppercase; font-weight:bold; padding-bottom:0px;} #submenu ul {list-style:none; margin:0; padding:0; } #submenu li { text-transform:uppercase; padding-top: 12px; border-top:1px solid #dedede; padding-bottom: 12px; } #submenu a { color: #336633; } #submenu li a.current { color:#797979; font-weight:bold; font-size:12.5px; } #submenu li ul li a { background:url(../images/arrow.jpg) no-repeat; width: 223px; height: 23px; text-transform:none; display:block; padding:0px; color: #336633; margin:0; line-height: 12px; position:relative; left: -28px; padding-left: 15px; border-left: 1px solid #dedede; padding-top: 4px; text-indent: 20px; padding-right:0; } h5 { font-weight:normal; padding-left:12px; padding-top: 4px; font-size:12px; } #submenu li ul li { border:none; padding:0; } #submenu li ul { margin-top: 10px; } #submenu li ul li a:hover { background:url(../images/hover-arrow.jpg) no-repeat; width: 239px; height: 23px; text-transform:none; display:block; padding:0px; margin:0; color: #336633; line-height: 12px; position:relative; left: -28px; padding-left: 15px; padding-top: 4px; text-indent: 20px; } .top { position:relative; top: -10px; } .top2 { position:relative; top: -20px; } .top3 { position:relative; top: -30px; } .top4 { position:relative; top: -40px; } .top5 { position:relative; top: -50px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* PROJECT ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #contentLeft a { text-decoration:none; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* COLUMN ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #submenu-top { background-image:url(../images/right_bg.jpg);width: 200px;height: 321px;padding:20px;background-repeat:no-repeat;position:relative;top: 2px;} #submenu-top h4 { color: #ffffff; font-size:16px; } #submenu-top ul { list-style-type:none; position:relative; width:200px; left: 0px; top:-5px;} .news_date { color:#515151; line-height:18px;} .news_date a:hover {text-decoration:none;} #submenu-bottom { background-image:url(../images/right_bg_bottom.jpg);width: 201px;height: 74px;padding:20px;position:relative;top: 13px;background-repeat:no-repeat;} #submenu-bottom a { color:#3d3d3d; position:relative; top:-10px; left:-40px; } #submenu-bottom ul { list-style-type: none; width:200px;} #submenu-bottom input { background-image:url(../images/search_button.jpg);background-repeat:no-repeat;border:0;padding:5px;width:200px;height:16px; position:relative; top: 0px; left:-40px;} #submenu h4 { font-size: 18px; letter-spacing:-1px; } .cta_environment { width:60px;} .view_news_item { float:right; position:relative; right:30px; cursor: pointer } .logos { position: relative; top:-10px } .screengrab { padding: 0; width:100px; margin:0; border: 1px solid #000000; } .screengrab_policy { padding:0; margin:0; background-color:#FFFFFF; border: 1px solid #666666; } #pagemenu { padding: 0 15px; margin-bottom: 10px; line-height:10px; } #pagemenu ul {margin:0; padding:0; } #pagemenu li { text-transform:uppercase; padding-top: 12px; padding-bottom: 12px; width:100%; text-align:left; font-weight:bolder; list-style-type: none; } #privacy_content { padding: 10px 20px; height:100%; } #pagemenu a:hover { color:#006600; } #submenu2 { border:1px solid #dedede; padding: 15px; margin-bottom:20px; line-height:10px; } #submenu2 h4 { text-transform:uppercase; cursor:pointer; } #submenu2 li h4 { width: 200px; font-size:12px; text-transform: capitalize; } #submenu2 ul { list-style:none; margin:0; padding:0; } #submenu2 li { text-transform: capitalize; padding-top: 12px; border-top:1px solid #dedede; padding-bottom: 2px; line-height:100%; } #submenu2 li.active{ } #submenu2 a { color: #336633; } #submenu2 li a.current { color:#797979; font-weight:bold; font-size:12.5px; } #s3 { position:relative; top: 20px; color: #000000; height: 288px; } #s3 a { color: #000000; } .pics { height: 204px; width: 202px; padding: 0; margin: 0; overflow: hidden; background-color:#FFFFFF;} .pics img { padding: 15px; border: 1px solid #ccc; background-color: #eee; width: 200px; height: 200px; top: 0; left: 0; } .LV_validation_message{ font-weight:bold; font-size: 11px; position: relative; left: 10px; top: -2px;} .LV_valid { color:#00CC00;} .LV_invalid { color:#CC0000; } .LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { border: 1px solid #999999; } .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid #c70505; } #homebanner img { display:none; } #homebanner img.first { display:block; } #homebanner { height:460px; width:965px; padding:0; margin:0; border-top:5px solid #7aa452; float:left; }