/* colors #da0000 red #0066cc blue #01ac4e; green #f29a46; yellow */ /* general */ body { font-family:Arial, Verdana, Trebuchet MS; color:#000; font-size:0.90em; line-height:1.5em; background:#fafafa;} a { color:Red;} .textalignright { text-align:right;} .selected img { position:absolute; padding-top:27px; z-index:100;} .marginleft { margin-left:10px;} /* img, div { behavior: url(iepngfix.htc);} */ h4 { background:red;} h5 { color:red; font-size:1.1em; font-weight:bold; padding-bottom:0.5em;} strong { font-weight:bold;} .strong { font-weight:bold;} .smalltext { font-size:0.7em; line-height:12px; color:#ccc;} .smalltextred { font-size:0.8em; color:red;} .center p { text-align:center; width:100%;} .clearboth { clear:both;} .width400 {width:400px; float:left;} .width200 {width:200px; float:left;} .flashdescription { position:absolute; left:-2000px;} .articleback { background:#efefef; padding:10px; margin-top:10px; margin-bottom:10px;} /* centering and backgrounds */ #MainWrapper { width:100%; text-align:center; float:left;} #wrappercontent {width:1000px; left:50%; text-align:left; margin:0 auto;} #wrappercontent_background { width:100%; background:#fff; background: url("/images/topmainbak.jpg") repeat-x; clear:both; min-height:500px; height:auto !important; height:500px;} #wrappercontent_background_commercial { width:100%; background:#fff; background: url("/images/topmainbak.jpg") repeat-x; clear:both; min-height:500px; height:auto !important; height:500px;} #wrappercontent_background_industrial { width:100%; background:#fff; background: url("/images/topmainbak.jpg") repeat-x; clear:both; min-height:500px; height:auto !important; height:500px;} #wrappercontent_background_transport { width:100%; background:#fff; background: url("/images/topmainbak.jpg") repeat-x; clear:both; min-height:500px; height:auto !important; height:500px;} #wrappercontent_background_construction { width:100%; background:#fff; background: url("/images/topmainbak.jpg") repeat-x; clear:both; min-height:500px; height:auto !important; height:500px;} #footerwrapper {width:1000px; left:50%; background:#fff; text-align:left; margin:0 auto;} #footerwrapper_inner {width:1000px; left:50%; background:#fff; text-align:left; margin:0 auto;} #footerwrapper_background { width:100%; background:#fff url("/images/botmainbak.jpg") repeat-x; clear:both; min-height:350px; height:auto !important; height:350px; float:left;} #footerwrapper_background_inner { width:100%; clear:both;} /* header */ #headercontent {width:940px; padding:0px 30px; height:166px; background:#fff;} #headercontent_logo {width:400px; float:left; padding-top:20px;} #headercontent_search {width:530px; float:left; text-align:left; padding-top:20px; padding-right:0px; margin-right:0px;} /* hot jobs */ #headercontent_search_hotjobs {width:530px; height:20px; border-left: 4px solid #da0000; padding-left:5px; background:#333333; color:#fff; font-size:0.8em; padding-bottom:10px;} #headercontent_search_hotjobs h2 { margin:0px; left:0; width:auto; position:relative; float:left; font-size:12px;} #headercontent_search_hotjobs h2 a { color:White; text-decoration:none; color:#999; font-size:13px; padding-right:5px; border-right: 1px solid #424242; font-weight:lighter;} /* search */ .headercontent_search_timesheets_search {width:530px; height:20px; float:left; margin-top:10px; font-size:0.8em;} #headercontent_search_search {width:530px; border-left: 4px solid #da0000; overflow:hidden; float:left; clear:right; text-align:right; padding:0em; margin:0em; background:#f0f0f0; padding-top:5px; padding-left:5px; height:27px;} #headercontent_search_search span { float:left;} #headercontent_search_noofjobs {width:520px; font-size:1.2em; font-weight:bold; color:#da0000; text-align:right;} #headercontent_search_noofjobs img { margin-top:20px;} #headercontent_search_noofjobs a { color:#000;} /* navigation */ #mainnavigation {width:940px; padding: 0 30px; padding-top:10px; float:left; background:#fff;} #mainnavigation_text {width:940px; float:left; font-size:18px;} #mainnavigation_text ul { width:420px; float:left;} #mainnavigation_text li{ float:left; background:#000; text-align:left; padding:5px 20px 5px 20px; color:#fff;} #mainnavigation_text .selected {float:left; background: #000 url("/images/menuarrow.gif") no-repeat center bottom; text-align:left; padding:5px 20px 12px 20px;} #mainnavigation_text .selected a { color:#da0000;} #mainnavigation_text li a {color:#fff;} #mainnavigation_slogan {width:520px; float:right; padding-top:5px; text-align:right; font-size:1em;} /* main Content */ #maincontent {width:940px; padding: 0 30px; padding-top:10px; float:left; position:relative; background:#fff;} #maincontent_text {width:240px; height:300px; float:left; position:relative; padding-top:15px;} #maincontent_text p { padding-right:10px; padding-left:10px; padding-bottom:20px;} #maincontent_flashmovie {width:700px; height:300px; float:left; position:relative; clear:right; z-index:0;} #maincontent_flashmovie h1,h2,h3,h4 { position:absolute; left:-2000px;} /* main content inner */ #maincontent_inner {width:940px; padding: 0 30px; padding-top:10px; float:left; position:relative; background:#fff;} /* main content text formatting */ .maincontent_inner_text_title { color:red; font-weight:bold; margin-top:10px; border-bottom:1px solid #ccc; margin: 20px 0px;} .maincontent_inner_text_lists ul { background:#eeeeee; margin-bottom:20px;} .maincontent_inner_text_lists li { list-style-type:square; margin-left:30px; padding-left:10px;} .maincontent_inner_text_content_image {float:left; border: solid #ccc 1px; padding:5px; margin:0px 20px 10px 0px;} .maincontent_inner_text_content_image_right {float:right; border: solid #ccc 1px; padding:5px; margin:0px 20px 10px 30px;} .maincontent_inner_text_content_leadingpara { font-weight:bold; padding:0; margin:0;} /* hot jobs inner commercial */ #maincontent_inner_text_hotjobscommercial { margin-left:15px; margin-top:20px; line-height:normal; padding-left:5px; background:#288ec9; color:#fff; font-size:0.8em; float:left; padding-bottom:10px;} * html #maincontent_inner_text_hotjobscommercial { margin-left:8px; margin-top:20px; line-height:normal; padding-left:5px; background:#288ec9; color:#fff; font-size:0.8em; float:left; padding-bottom:10px;} #maincontent_inner_text_hotjobscommercial li { width:200px; clear:both;} #maincontent_inner_text_hotjobscommercial h1 { background:#0d78be; color:#fff; margin-left:-5px; padding:12px; font-size:1.4em; font-weight:bold;} #maincontent_inner_text_hotjobscommercial h2 {margin:0px; left:0; width:200px; position:relative; float:left; font-size:1.2em;} #maincontent_inner_text_hotjobscommercial h2 a { color:White; font-weight:bold;} #maincontent_inner_text_hotjobscommercial address {float:left; clear:both;} #maincontent_inner_text_hotjobscommercial span {float:left; color:#fff; clear:both;width:190px; font-size:0.8em; border-bottom:1px solid #167fc1; padding-bottom:10px;} /* hot jobs inner construction */ #maincontent_inner_text_hotjobsconstruction { margin-left:15px; margin-top:20px; line-height:normal; padding-left:5px; background:#e78b74; color:#fff; font-size:0.8em; float:left; padding-bottom:10px;} * html #maincontent_inner_text_hotjobsconstruction { margin-left:8px; margin-top:20px; line-height:normal; padding-left:5px; background:#e78b74; color:#fff; font-size:0.8em; float:left; padding-bottom:10px;} #maincontent_inner_text_hotjobsconstruction li { width:200px; clear:both;} #maincontent_inner_text_hotjobsconstruction h1 { background:#d6654d; color:#fff; margin-left:-5px; padding:12px; font-size:1.4em; font-weight:bold;} #maincontent_inner_text_hotjobsconstruction h2 {margin:0px; left:0; width:200px; position:relative; float:left; font-size:1.2em; clear:both;} #maincontent_inner_text_hotjobsconstruction h2 a { color:White; font-weight:bold;} #maincontent_inner_text_hotjobsconstruction address {float:left; clear:both;} #maincontent_inner_text_hotjobsconstruction span {float:left; color:#fff; clear:both;width:190px; font-size:0.8em; border-bottom:1px solid #de7057; padding-bottom:10px;} /* hot jobs inner industrial */ #maincontent_inner_text_hotjobsindustrial{ margin-left:15px; margin-top:20px; line-height:normal; padding-left:5px; background:#3db748; color:#fff; font-size:0.8em; float:left; padding-bottom:10px;} * html #maincontent_inner_text_hotjobsindustrial { margin-left:8px; margin-top:20px; line-height:normal; padding-left:5px; background:#3db748; color:#fff; font-size:0.8em; float:left; padding-bottom:10px;} #maincontent_inner_text_hotjobsindustrial li { width:200px; clear:both;} #maincontent_inner_text_hotjobsindustrial h1 { background:#03a74d; color:#fff; margin-left:-5px; padding:12px; font-size:1.4em; font-weight:bold;} #maincontent_inner_text_hotjobsindustrial h2 {margin:0px; left:0; width:200px; position:relative; float:left; font-size:1.2em; clear:both;} #maincontent_inner_text_hotjobsindustrial h2 a { color:White; font-weight:bold;} #maincontent_inner_text_hotjobsindustrial address {float:left; clear:both;} #maincontent_inner_text_hotjobsindustrial span {float:left; color:#fff; clear:both;width:190px; font-size:0.8em; border-bottom:1px solid #0eae4e; padding-bottom:10px;} /* Left Navigation Inner Pages Transport */ #maincontent_inner_text_menu_transport ul { width:210px; border-top: 0px solid #f6db42; border-bottom: 0px solid #f6db42; margin-top:20px; margin-left:20px;} #maincontent_inner_text_menu_transport li { border: 1px solid #fff; background:#f9e792; text-align:right; margin: 1px 0; border-right:10px solid #f6db42;} #maincontent_inner_text_menu_transport li a { display: block; padding: 5px; text-decoration: none; color:#000;text-decoration: underline;} #maincontent_inner_text_menu_transport li a:hover { display: block; background:#f6db42; padding: 5px;text-decoration: underline;} #maincontent_inner_text_menu_transport li a:visited {display: block; padding: 5px; text-decoration: none; color:#000;} #maincontent_inner_text_menu_transport li .selected { display: block; background:#fff; text-decoration: none;} #maincontent_inner_flash { padding-left:2em; padding-top:2em;} #maincontent_inner_hotjobs h1{ margin-top:1.1em; margin-bottom:0.5em; margin-left:12px; font-size:18px; padding-left:5px; color:#000; background:#fff; width:220px;} #maincontent_inner_hotjobs i { font-size:0.8em;} #maincontent_inner_hotjobs a{color:#fff; font-weight:bold;} #maincontent_inner_hotjobs ul li{ padding:0em 1em; background:none; color:#000; width:100%;} .maincontent_inner_hotjobs_c1 { float:left; width:30px;} .maincontent_inner_hotjobs_c1 em { padding:0.2em; height:30px; text-align:center; font-size:2em; color:#fff;} .maincontent_inner_hotjobs_c2 { float:left; border-left: 4px solid #fff; width:180px; padding-left:10px;} /* generic section */ #maincontent_inner_text_generic {width:940px; float:left; position:relative; height:auto !important; height:500px; background:#dedede url("/images/titleback.jpg") repeat-x; border-bottom: 20px solid #dedede; margin-bottom:20px;} /* commercial section */ #maincontent_inner_text_commercial {width:940px; float:left; position:relative; height:auto !important; height:500px; background:#a1effc url("/images/commercialback.jpg") repeat-x; border-bottom: 20px solid #a1effc; margin-bottom:20px;} .commercialimage {background:url("/images/commercialbanner.jpg") no-repeat; height:180px; padding-left:10px; clear:both; padding-left:10px;} .commercialimage div { padding-top:50px;} .commercial h1 b {color:#0066cc;} .commericalbutton {background: url("/images/commercialvacancies.jpg") repeat-x; width:92%; clear:both; padding:4%; margin-bottom:20px;} .commericalbutton a { color:#fff; font-size:1.3em;} .commericalbutton img { float:left; padding-right:15px;} /* industrial section */ #maincontent_inner_text_industrial {width:940px; float:left; position:relative; height:auto !important; height:500px; background:#9ccc3c url("/images/industrialback.jpg") repeat-x; border-bottom: 20px solid #9ccc3c; margin-bottom:20px;} .industrialimage {background:url("/images/industiralbanner.jpg") no-repeat; height:180px; padding-left:10px; clear:both;} .industrialimage div { padding-top:50px;} .industrial h1 b {color:#01ac4e;} .industrialbutton {background: url("/images/industrialvacancies.jpg") repeat-x; width:92%; padding:4%; margin-bottom:20px;} .industrialbutton a { color:#fff; font-size:1.3em;} .industrialbutton img { float:left; padding-right:15px;} /* construction section */ #maincontent_inner_text_construction {width:940px; float:left; position:relative; height:auto !important; height:500px; background:#f9c6b1 url("/images/constructionback.jpg") repeat-x; border-bottom: 20px solid #f9c6b1; margin-bottom:20px;} .constructionimage {background:url("/images/constructionbanner.jpg") no-repeat; height:180px; padding-left:10px; clear:both;} .constructionimage div { padding-top:50px;} .construction h1 b {color:#dd684f;} .constructionbutton {background: url("/images/constructionvacancies.jpg") repeat-x; width:92%; padding:4%; margin-bottom:20px;} .constructionbutton a { color:#fff; font-size:1.3em;} .constructionbutton img { float:left; padding-right:15px;} #maincontent_inner_text_menu {float:left; position:relative; width:243px; height:auto !important; height:500px;} #maincontent_inner_text_menu .ewi2_skin_gridview_hotjobs { width:200px;} #maincontent_inner_text_content_title { width:100%; background:url("/images/titleback.jpg"); padding:0px;} #maincontent_inner_text_content_title h1 { font-size:1.5em; padding:0.5em 0em 0.5em 1em;} /* left links */ #maincontent_inner_menu ul { margin-top:20px; margin-left:15px;} #maincontent_inner_menu li { margin-bottom:2px;} #maincontent_inner_menu li a{ width:200px; background:#efefef; margin-bottom:2px; display:block; padding:0.3em; color:#000} #maincontent_inner_menu_commerical ul { margin-top:20px; margin-left:15px; clear:both;} #maincontent_inner_menu_commerical li { margin-bottom:2px;} #maincontent_inner_menu_commerical li a{ width:200px; background:#288ec9; margin-bottom:2px; display:block; padding:0.3em; color:#fff;} #maincontent_inner_menu_commerical li a:hover{ background:#fff; color:#000;} #maincontent_inner_menu_transport ul { margin-top:20px; margin-left:15px;} #maincontent_inner_menu_transport li { margin-bottom:2px;} #maincontent_inner_menu_transport li a{ width:200px; background:#f4b146; margin-bottom:2px; display:block; padding:0.3em; color:#fff;} #maincontent_inner_menu_transport li a:hover{ background:#fff; color:#000;} #maincontent_inner_menu_industrial ul { margin-top:20px; margin-left:15px;} #maincontent_inner_menu_industrial li { margin-bottom:2px;} #maincontent_inner_menu_industrial li a{ width:200px; background:#28b44b; margin-bottom:2px; display:block; padding:0.3em; color:#fff;} #maincontent_inner_menu_industrial li a:hover{ background:#fff; color:#000;} #maincontent_inner_menu_construction ul { margin-top:20px; margin-left:15px;} #maincontent_inner_menu_construction li { margin-bottom:2px;} #maincontent_inner_menu_construction li a{ width:200px; background:#e5826b; margin-bottom:2px; display:block; padding:0.3em; color:#fff;} #maincontent_inner_menu_construction li a:hover{ background:#fff; color:#000;} #maincontent_inner_menu li a:hover { background:#fff;} #maincontent_inner_text_content {float:left; position:relative; width:680px; height:auto !important; height:500px; margin-top:20px; clear:right;} #maincontent_inner_text_content p { padding-bottom:20px;} .maincontent_inner_text_content_col50 { float:left; width:46.2%; padding-right:2%; clear:right; text-align:center; padding-bottom:20px;} .maincontent_inner_text_content_col50 ul {float:left; clear:right; padding-left:10px; padding-bottom:20px;} .maincontent_inner_text_content_col50 li { padding-left:3px; margin-left:10px; list-style-type:square;} .maincontent_inner_text_content_col50 p { clear:both;} .maincontent_inner_text_content_clear { width:100%; clear:both;} .maincontent_inner_text_content_col100 { width:94%; padding:3% 3%; clear:both; min-height:400px; height:auto !important; background:#fff; overflow: hidden;} .maincontent_inner_text_content_col100 em { background:#000; color:#fff; font-size:1em; line-height:30px; padding:3px; position:relative;} .maincontent_inner_text_content_col100 b { clear:both; color:#da0000;} .maincontent_inner_text_content_col100 p, span { padding:0; margin:0;} /* coloured sector button */ .constructionsectorbutton { background:#dd684f; width:167px; height:32px; float:left; margin-top:-5px;} .constructionsectorbutton a { color:#fff; font-size:90%; padding-top:4px;text-align:center; font-weight:bold;} .industrysectorbutton { background:#01ac4e; width:166px; float:left; height:32px; margin-top:-5px;} .industrysectorbutton a { color:#fff; font-size:90%; padding-top:4px; text-align:center; font-weight:bold;} .commercialsectorbutton { background:#47a7d6; width:167px; float:left; height:32px; text-align:center; margin-top:-5px;} .commercialsectorbutton a { color:#fff; font-size:90%; padding-top:4px; text-align:center; font-weight:bold;} .colouredbuttonpad {height:32px; display:block;} /* gutter content */ #footercontent {width:940px; min-height:350px; height:auto !important; height:350px; padding: 0 30px; float:left; margin-bottom:0px; background:#fff url("/images/botbakinner.jpg") repeat-x;} .footercontent_title {background: #da0000 url("/images/redarrow.gif") no-repeat right bottom; color:#fff; padding:5px; padding-bottom:10px;} #footercontent_row1 {width:233px; height:390px; border-bottom: 4px solid #da0000; background:#fff; margin-top:20px; margin-right:10px; float:left;} #footercontent_row2 {width:343px; height:390px; border-bottom: 4px solid #da0000; background:#fff url("/images/quote.gif"); margin-top:20px; margin-right:10px; float:left;} #footercontent_row2 em {color:#da0000;} #footercontent_row3 {width:344px; height:390px; border-bottom: 4px solid #da0000; background:#fff; margin-top:20px; float:left; clear:right;} #footercontent p { padding:20px;} #footercontent_row3 ul { padding:20px; color:#da0000;} #footercontent_row3 li { padding-bottom:5px;} #footercontent_row3 em { font-size:80%; color:#666666; line-height:10px;} #footercontent_row3 a { color:#000;} #footercontent_inner {} /* Edit */ /* copyright */ #copyright {width:940px; padding-left:30px; padding-right:30px; float:left; padding-top:10px; background:#fff;} #copyright_left {width:40%; float:left;} #copyright_right {width:60%; float:left; text-align:right;} /* footer grass */ #footerimage { background:url("/images/grass.gif"); height:200px; width:100%; clear:both;}