/* CSS Document */ body { background: #FFF; font-family:verdana;} * { margin: 0; padding: 0;} .clearer {clear: both;margin:0px; padding:0px;} img {border:0px} #logo {float:left;} #pageBody {width:750px; text-align:left; margin:0; padding:0; border:solid 1px #B7B7B7;} #home { margin:0 0 0 48px; padding:0px; width:720px; background:#FFF} #boxes { margin:20px 0 0 48px; padding:0 0 80px 0; width:720px; background:#FFF; height:200px;} /*left nav*/ #leftNav {width:160px; float:left;display: block} #leftNav a {font-size:11px; color:#191919; text-decoration:none;display: block} #leftNav ul {width:160px; float:left; padding:10px 0 10px 0;display: block} #leftNav ul li {display: block; list-style-type: none; padding:7px 0 8px 19px; border-bottom:dotted 1px #B7B7B7;} #leftNav .sub {width:140px; background:#ddd; margin:0;padding:2px 0 2px 20px; display:block; cursor:pointer;} #leftNav .sub-select {width:140px; background:#CDCDCD; margin:0;padding:2px 0 2px 20px; display:block; cursor:pointer;} #leftNav .sub:hover {background:#CDCDCD;} #leftNav .central {background: url(i/E41F1F-central.gif) no-repeat left bottom;height:15px} #leftNav .central:hover{background: url(i/left-nav-select.gif) no-repeat left bottom #E41F1F} #leftNav .central-select {background: url(i/left-nav-select.gif) no-repeat 0px 8px #E41F1F;} #leftNav .central-select a {color:#FFF} #leftNav .districts {background: url(i/00A575-districts.gif) no-repeat left bottom;height:15px} #leftNav .districts:hover{background: url(i/left-nav-select.gif) no-repeat left bottom #037B58;} #leftNav .districts-select {background: url(i/left-nav-select.gif) no-repeat 0px 8px #037B58;} #leftNav .districts-select a {color:#FFF} #leftNav .northern {background: url(i/000000-northern.gif) no-repeat left bottom;height:15px} #leftNav .northern:hover{background: url(i/left-nav-select.gif) no-repeat left bottom #000000;} #leftNav .northern-select {background: url(i/left-nav-select.gif) no-repeat 0px 8px #000000;} #leftNav .northern-select a {color:#FFF} #leftNav .jubilee {background: url(i/8F989E-jubilee.gif) no-repeat left bottom;height:15px} #leftNav .jubilee:hover{background: url(i/left-nav-select.gif) no-repeat left bottom #8F989E;} #leftNav .jubilee-select {background: url(i/left-nav-select.gif) no-repeat 0px 8px #8F989E;} #leftNav .jubilee-select a {color:#FFF} #leftNav .victoria {background: url(i/009FE0-victoria.gif) no-repeat left bottom;height:15px} #leftNav .victoria:hover{background: url(i/left-nav-select.gif) no-repeat left bottom #009FE0;} #leftNav .victoria-select {background: url(i/left-nav-select.gif) no-repeat 0px 8px #009FE0;} #leftNav .victoria-select a {color:#FFF} #leftNav .waterloo {background: url(i/70C3CE-waterloo.gif) no-repeat left bottom; height:15px} #leftNav .waterloo:hover{background: url(i/left-nav-select.gif) no-repeat left bottom #70C3CE;} #leftNav .waterloo-select {background: url(i/left-nav-select.gif) no-repeat 0px 8px #70C3CE;} #leftNav .waterloo-select a {color:#FFF} #leftNav .picadilly {background: url(i/0450A1-picadilly.gif) no-repeat left bottom;height:15px} #leftNav .picadilly:hover{background: url(i/left-nav-select.gif) no-repeat left bottom #0450A1;} #leftNav .picadilly-select {background: url(i/left-nav-select.gif) no-repeat 0px 8px #0450A1;} #leftNav .picadilly-select a {color:#FFF} #leftNav .metro {background: url(i/893267-metro.gif) no-repeat left bottom;height:15px} #leftNav .metro:hover{background: url(i/left-nav-select.gif) no-repeat left bottom #893267;} #leftNav .metro-select {background: url(i/left-nav-select.gif) no-repeat 0px 8px #893267;} #leftNav .metro-select a {color:#FFF} #leftNav .bakerloo {background: url(i/AE6118-bakerloo.gif) no-repeat left bottom;height:15px} #leftNav .bakerloo:hover{background: url(i/left-nav-select.gif) no-repeat left bottom #AE6118;} #leftNav .bakerloo-select {background: url(i/left-nav-select.gif) no-repeat 0px 8px #AE6118;} #leftNav .bakerloo-select a {color:#FFF} #leftNav .hammersmith {background: url(i/E899A8-hammersmith.gif) no-repeat left bottom;height:15px} #leftNav .hammersmith:hover{background: url(i/left-nav-select.gif) no-repeat left bottom #E899A8;} #leftNav .hammersmith-select {background: url(i/left-nav-select.gif) no-repeat 0px 8px #E899A8;} #leftNav .hammersmith-select a {color:#FFF} #leftNav .eastlondon {background: url(i/F2AD41-eastlondon.gif) no-repeat left bottom;height:15px} #leftNav .eastlondon:hover{background: url(i/left-nav-select.gif) no-repeat left bottom #F2AD41;} #leftNav .eastlondon-select {background: url(i/left-nav-select.gif) no-repeat 0px 8px #F2AD41;} #leftNav .eastlondon-select a {color:#FFF;} #leftNav .circle {background: url(i/F8D42D-circle.gif) no-repeat left bottom;height:15px} #leftNav .circle:hover{background: url(i/left-nav-select.gif) no-repeat left bottom #F8D42D;} #leftNav .circle-select {background: url(i/left-nav-select.gif) no-repeat 0px 8px #F8D42D;} #leftNav .circle-select a {color:#FFF} /*header*/ #banner-holder {text-align:right; padding:10px 5px 5px 0;} #central-head {border-bottom:solid 1px #FFF; background: url(http://living-england.com/i/title-central.gif) no-repeat; width:750px; height:80px} #districts-head {border-bottom:solid 1px #FFF; background: url(http://living-england.com/i/title-district.gif) no-repeat; width:750px; height:80px} #northern-head {border-bottom:solid 1px #FFF; background: url(http://living-england.com/i/title-northern.gif) no-repeat; width:750px; height:80px} #jubilee-head {border-bottom:solid 1px #FFF; background: url(http://living-england.com/i/title-jubilee.gif) no-repeat; width:750px; height:80px} #victoria-head {border-bottom:solid 1px #FFF; background: url(http://living-england.com/i/title-victoria.gif) no-repeat; width:750px; height:80px} #waterloo-head {border-bottom:solid 1px #FFF; background: url(http://living-england.com/i/title-waterloo.gif) no-repeat; width:750px; height:80px} #picadilly-head {border-bottom:solid 1px #FFF; background: url(http://living-england.com/i/title-picadilly.gif) no-repeat; width:750px; height:80px} #metro-head {border-bottom:solid 1px #FFF; background: url(http://living-england.com/i/title-metro.gif) no-repeat; width:750px; height:80px} #bakerloo-head {border-bottom:solid 1px #FFF; background: url(http://living-england.com/i/title-bakerloo.gif) no-repeat; width:750px; height:80px} #hammersmith-head {border-bottom:solid 1px #FFF; background: url(http://living-england.com/i/title-hammersmith.gif) no-repeat; width:750px; height:80px} #eastlondon-head {border-bottom:solid 1px #FFF; background: url(http://living-england.com/i/title-eastlondon.gif) no-repeat; width:750px; height:80px} #circle-head {border-bottom:solid 1px #FFF; background: url(http://living-england.com/i/title-circle.gif) no-repeat; width:750px; height:80px} /*content*/ #content { margin:0; padding:0 0 20px 0; width:444px; float:left;} #content h1 {font-size:20px; color:#FFF; font-weight:normal; padding:3px 0 3px 10px;} #content h2 {font-size:15px; color:#151515; font-weight:normal; padding:0px; margin:10px 10px 0 10px;} #content p {color:#434343; font-size:11px; padding:3px 10px 10px 10px;} #content p a {padding:0; text-decoration:underline;} #content a {color:#000000; font-size:11px; padding:3px 0 0px 10px; text-decoration:none;} #content a:hover {text-decoration:underline;} #content .image1 {padding:5px 0 0 0} #content #districts {border:2px solid #037B58;margin:10px 0 0 0;} #content #districts h1 {background:#037B58;} #content #districts h2 {border-top:1px solid #037B58} #content #central {border:2px solid #E41F1F;margin:10px 0 0 0;} #content #central h1 {background:#E41F1F;} #content #central h2 {border-top:1px solid #E41F1F} #content #northern {border:2px solid #000000;margin:10px 0 0 0;} #content #northern h1 {background:#000000;} #content #northern h2 {border-top:1px solid #000000} #content #jubilee {border:2px solid #8F989E;margin:10px 0 0 0;} #content #jubilee h1 {background:#8F989E;} #content #jubilee h2 {border-top:1px solid #8F989E} #content #victoria {border:2px solid #009FE0;margin:10px 0 0 0;} #content #victoria h1 {background:#009FE0;} #content #victoria h2 {border-top:1px solid #009FE0} #content #waterloo {border:2px solid #70C3CE;margin:10px 0 0 0;} #content #waterloo h1 {background:#70C3CE;} #content #waterloo h2 {border-top:1px solid #70C3CE} #content #picadilly {border:2px solid #0450A1;margin:10px 0 0 0;} #content #picadilly h1 {background:#0450A1;} #content #picadilly h2 {border-top:1px solid #0450A1} #content #metro {border:2px solid #893267;margin:10px 0 0 0;} #content #metro h1 {background:#893267;} #content #metro h2 {border-top:1px solid #893267} #content #metro a { text-decoration:underline} #content #bakerloo {border:2px solid #AE6118;margin:10px 0 0 0;} #content #bakerloo h1 {background:#AE6118;} #content #bakerloo h2 {border-top:1px solid #AE6118} #content #eastlondon {border:2px solid #F2AD41;margin:10px 0 0 0;} #content #eastlondon h1 {background:#F2AD41;} #content #eastlondon h2 {border-top:1px solid #F2AD41} #content #circle {border:2px solid #F8D42D;margin:10px 0 0 0;} #content #circle h1 {background:#F8D42D;} #content #circle h2 {border-top:1px solid #F8D42D} #content .box1 {padding:0px; margin:0px; } #content .box-inner {padding:30px; margin:30px 0 30px 0;} /*twitter*/ #twitterBlock h1 {margin-top:15px;} #twitterBlock ul { list-style:none; padding:0; margin:0 0 0 10px;} #twitterBlock li { float: left; padding:0; margin:0; border-top:1px solid #555;border-left:1px solid #555;border-right:1px solid #555;} #twitterBlock li a { text-decoration:none; color : #000; display:block; padding:5px 12px 7px 5px;} #twitterBlock li.select a {color:#FFF;} #twitterBlock #twitter {border-top:1px solid #555; float:left; height:400px;} #twitterBlock #navigationDiv {float:left} #twitterBlock #navigationDiv a { text-decoration:none; display:block; color:black; } #twitterBlock #navigationDiv a.selected { text-decoration:none; color:#FFF;} #picadilly #twitterBlock #navigationDiv a.selected {background:#0450A1;} /*Job Search */ #jubilee div.cjsearchbox{ text-align: left ; background-color: #FFFFFF ;padding: 8px ; font-size: 13px ; color: #000000; width: 420px;} #jubilee div.cjsearchbox a{ color: #198ADC ; } #jubilee div.cjbotl a{ color: #000000; text-decoration: none ;} #jubilee div.cjsearchbox form.cjsearchform{ padding-top: 0px ; padding-bottom: 0px ; padding-left: 0px ; padding-right: 0px ;} #jubilee div#cjSearchResult{ } #jubilee div#cjSearchResult p.topline{ font-size: 16px ; font-weight: bold ; margin-bottom: 8px ; margin-top: 5px ;} #jubilee span.cjlabel{ font-size: 13px ; font-weight: bold ; color: #000000; } #jubilee span.cjlabelsmall{ font-size: 11px ; color: #000000; } #jubilee input.cjinput{ width: 90% } #jubilee input.cjbutton{ } #jubilee div.cjjob{ margin: 0px ; margin-bottom: 10px ; overflow: hidden ;} #jubilee div.cjjob p { margin: 0px ; } #jubilee div.cjjob p.jobtitle{ font-size: 14px ; font-weight: bold ;} #jubilee div.cjjob .company{ color: #666666; } #jubilee div.cjjob .locations{ color: #666666;} #jubilee div.cjjob .site{ color: #099E2D ; } #jubilee #search_box_tools span.button{ float:left; background:url("http://www.careerjet.com/images/search_left_bx.gif") no-repeat left top; padding-left: 10px ; color:#666; position: relative; top: 1px;} #jubilee #search_box_tools span.button input{float:left ; background:url("http://www.careerjet.com/images/search_right_bx.gif") no-repeat right top; background-repeat: no-repeat ; margin: 0px ; text-decoration:none; height: 28px ; border:none ; padding-bottom: 10px ; padding-left: 0px ; padding-right: 15px ; color:#FFFFFF; font-weight:bold;} /*right nav*/ #rightNav {width:120px; float:left; text-align:right; padding:10px 0 0 10px; height:620px;} /*footer*/ #footer {margin:5px 0 0 47px; padding:0 0 15px 0;font-size:11px; color:#6D6D6D; } #footer p {visibility:hidden} #footer a {font-size:11px; color:#6D6D6D; text-decoration:none; }