/* Typography */ * { margin: 0; padding: 0; } img {border:0px;} body{position:relative;background: #fff; color: #000; font-family:'Arial',verdana,tahoma,georgia,sans-serif;padding-bottom:10px; font-size:100%;line-height:100%; text-align: center;} /*label,legend,input,select,textarea,p,address{font-size:80%;line-height:120%;}*/ address{ font-style:normal;} /* to avoid ff<1.03 bug (instead of *) and normalise spacing */ html,body,div,pre,form,table,fieldset,h1,h2,h3,h4,h5,h6,dl,ul,ol,hr,p,blockquote{margin:0;padding:0;} h1,h2,h3,h4,h5,h6,p,pre,address{margin-bottom:0.5em;} p {margin-bottom:1.0em;} select {height: 1.4em;} form input, form select, form textarea {font-family:'Arial',verdana,tahoma,georgia,sans-serif; font-size:100%;} h1, h2, h3, h4, h5 { color: #000; padding-bottom: 5px; text-transform: none; font-weight:normal;} h1 { font-size:2.9em; line-height: 115%; } h1 .highlight { padding: 0 10px 0 3px;} h2 { font-size:1.2em; margin-bottom:0.1em;} h3 { font-size:1.4em; } h4 { font-size:1.2em; padding-bottom: 2px; } h5 { font-size:1.1em; padding-bottom: 2px; font-weight:bold;} h1 a, h2 a { text-decoration: none;} a { color:#333333; text-decoration: none; background:#e9ecef; padding:2px;} a:hover {background:#ffde5a;} a:visited {} input {color: #999999; border: solid 1px #b7bfc9; background: transparent url(../images/form-bg.gif) repeat-x bottom; padding: 2px; margin-bottom: 7px;} input.checkbox {background: none; border: none;} select {height:2em;} textarea {color: #999999; border: solid 1px #b7bfc9; background: transparent url(../images/textarea-bg.gif) repeat-x bottom; padding: 2px; margin-bottom: 7px;} .required {background: transparent url(../images/form-highlight-bg.gif) repeat-x bottom; } /* Template Structure */ #container {font-size:.75em; line-height: 120%; margin-left: auto;margin-right: auto;padding: 0;border: 0px solid #000;position: relative; text-align: left;} #container {width:976px;} .hide {display:none;} .clear {clear: both;line-height:0;} div.hr { background-image: url(../images/black-dot.gif); background-repeat: repeat-x; width: auto; height: 3px; margin: 5px 0 5px 0;} div.hr hr { display: none;} .highlight { background-color: #ffde5a;} /* Header */ #container #headerarea { position:relative;} #container #headerarea #header { } #container #headerarea #header { padding: 30px 10px 0 10px; margin: 0px;} #container #headerarea #header .imageReplace {} #container #headerarea #header .imageReplace .replace {padding: 0; margin: 0;} #container #headerarea #header .imageReplace a {text-indent: -999999px; display:block; padding: 0 0 0 0; background: transparent url(../images/admiral-logo.gif) 0 0 no-repeat;width:171px;height:38px;cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} /* Navigation */ /* multi-column nav */ #container #headerarea #nav {padding: 0 0 1em 10px; height: 5.6em; position: relative; width: 28em; float: left; font-size: 1.2em;} #container #headerarea #nav li { list-style-type: none; padding-bottom: 5px; margin: 0; line-height: 1.4em; position: relative; width: 14em;} #container #headerarea #nav li a { background-color:#e9ecef;} #container #headerarea #nav a:hover { background-color:#ffde5a;} #container #headerarea #nav li.n1 { margin-left: 0em;} #container #headerarea #nav li.n2 { margin-left: 0em;} #container #headerarea #nav li.n3 { margin-left: 0em;} #container #headerarea #nav li.n4 { margin-left: 0em; padding-bottom: 0px;} /* Bring the first item of each column back up to the level of item 1. Vertical return = items * height. Here, 4 items * 1.4em line-height = 5.6em + 1em (because of the padding-bottom) */ #container #headerarea #nav li.n5 {margin-top: -6.6em; margin-left: 13em;} #container #headerarea #nav li.n6 { margin-left: 13em;} #container #headerarea #nav li.n7 { margin-left: 13em;} #container #headerarea #nav li.n8 { margin-left: 13em;} /* Breadcrumb */ #container #headerarea #breadcrumb {text-align: right; color: #b2b2b2; font-size: 1em;} #container #headerarea #breadcrumb a {color: #b2b2b2; text-decoration: underline; background: none;} #container #headerarea #breadcrumb li { display: inline; border-right: solid 1px #b2b2b2; padding: 0 5px 0 5px;} #container #headerarea #breadcrumb li.end { border-right: solid 0px #b2b2b2;} /* Main */ #container #contentarea #main { width: 946px; float:left; position: relative; padding: 20px 0 0 10px; margin: 0 0 0 0; } #container #contentarea #main h1.title {font-family:georgia,'Arial',verdana,tahoma,sans-serif;} #container #contentarea #main ul, #container #contentarea #main ol {margin: 0px 0px 20px 10px; padding:0px 0 0 20px;} /* Sidebar */ #container #contentarea #main #sidebar { width: 236px;} #container #contentarea #main #sidebar { padding: 0 0 3em 30px; float:left; position: relative; margin: 0 0 0 0px;} #container #contentarea #main #sidebar ul {margin: 0 0 0 0;} #container #contentarea #main #sidebar li { padding: 0.7em 0 0.7em 0; margin: 0 0 0 0; list-style-type: none; border-bottom: solid 1px #e5e5e5; list-style-position: outside; } #container #contentarea #main #sidebar li.end {border-bottom: solid 0px #e5e5e5;} #container #contentarea #main #sidebar li div {padding: 0 0 0 20px;} #container #contentarea #main #sidebar li div div {padding: 0;} #container #contentarea #main #sidebar li.search #txtSearch { width: 160px;} #container #contentarea #main #sidebar li.search #btnSearch { width: 15px;} #container #contentarea #main #sidebar li.search { list-style-image: url(../images/search-icon.gif); padding-top: 0px;} #container #contentarea #main #sidebar li.quote { list-style-image: url(../images/quote-icon.gif); } #container #contentarea #main #sidebar li.contact { list-style-image: url(../images/contact-icon.gif); } #container #contentarea #main #sidebar li.contact p {} #container #contentarea #main #sidebar li.service { list-style-image: url(../images/service-support-icon.gif); } #container #contentarea #main #sidebar li.about { list-style-image: url(../images/about-icon.gif); } #container #contentarea #main #sidebar li.news { list-style-image: url(../images/news-icon.gif); } #container #contentarea #main #sidebar li.careers { list-style-image: url(../images/careers-icon.gif); } #container #contentarea #main #sidebar li.greenCredentials { list-style-image: url(../images/green-creds-icon.gif); } #container #contentarea #main #sidebar li.corporate { list-style-image: url(../images/corporate-icon.gif); } #container #contentarea #main #sidebar li.brochure { list-style-image: url(../images/brochure-icon.gif); } #container #contentarea #main #sidebar li.brochure p {padding-top:5px;} #container #contentarea #main #sidebar li h2 { line-height: 110%;} #container #contentarea #main #sidebar li h2 .highlight { background-color: #eef0f2;} #container #contentarea #main #sidebar li .highlight { padding: 3px;} #container #contentarea #main #sidebar li .number { line-height: 110%; font-size:1.5em; padding: 1px 3px 1px 3px;} #container #contentarea #main #sidebar li p {line-height:150%;margin-bottom:0px;padding-bottom:0px;} /* Homepage */ #container #contentarea #main #home {width: 650px; float: left; padding: 0px 30px 0 0;} #container #contentarea #main #home .inner {position:relative;z-index:1; } /* used to give the same height */ /* for Mozilla/Safari/Opera/IE7 */ *>#container #contentarea #main #home {min-height: 435px;} /* for IE6- */ * html #container #contentarea #main #home {height: 435px;} /* end filter */ #container #contentarea #main #home #homeNav {padding: 35px 0 0 0;} #container #contentarea #main #home #homeNav ul {margin:0px; padding:0px;} #container #contentarea #main #home #homeNav li {list-style-type: none; padding: 12px 0px; width:14em;font-size:1.2em;border-top:solid 1px #efefef;line-height:110%;} #container #contentarea #main #home #homeNav li a { padding: 3px; background:#e8ecef;} #container #contentarea #main #home #homeNav a:hover { background:#ffde5a;} /* flash underlay */ #container #contentarea #main #home #flash object, #container #contentarea #main #home #flash embed {width:650px;height:435px;position:absolute;top:108px;left:20px;} #container #contentarea #main #home #flash {display:block;} #container #contentarea #main #home #background {display:block;width:650px;height:435px;position:absolute;top:90px;left:220px;background-image: url(../images/home-bg2.jpg); background-repeat:no-repeat;} /* Section */ #container #contentarea #main #section {width: 660px; float: left; padding: 0 20px 0 0;} #container #contentarea #main #section #columns {width: 650px; padding-bottom:10px;position:relative;} #container #contentarea #main #section #columns .col {float: left; width: 182px; padding-right: 20px;} #container #contentarea #main #section #columns .col .inner { position: relative;} #container #contentarea #main #section #columns .col .inner a {display:block; background: none; padding:3px;} #container #contentarea #main #section #columns .col .inner a:hover {background:#ffde5a;} #container #contentarea #main #section #columns .col .inner .text { padding: 0 8px 0 8px;} #container #contentarea #main #section #columns .col .search h2 {padding-left: 30px; background: transparent url(../images/search-icon-lrg.gif) no-repeat 0 0} #container #contentarea #main #section #columns .col .search input {width: 150px; font-size: 0.8em;} #container #contentarea #main #section #columns .col .search input.searchButton {width: 15px;} #container #contentarea #main #section h2 {color: #333333;} /* used to give the same height */ /* for Mozilla/Safari/Opera */ *>#container #contentarea #main #section #columns div.col {min-height: 290px;} * html #container #contentarea #main #section #columns div.col {height: 290px;} /* end filter */ #container #contentarea #main #section #mainImage .replace {text-indent: -999999px;} #container #contentarea #main #section #mainImage {border:solid 1px #b2b2b2;margin: 20px 0 20px 0;width:629px;height:168px;} /* Security Image*/ #container #contentarea #main #section #mainImage .security {background: transparent url(../images/security.jpg) 0 0 no-repeat;width:629px;height:168px;} /* Audio Visual Image*/ #container #contentarea #main #section #mainImage .av {background: transparent url(../images/av.jpg) 0 0 no-repeat;width:629px;height:168px;} /* Copiers Image*/ #container #contentarea #main #section #mainImage .copiers {background: transparent url(../images/copiers.jpg) 0 0 no-repeat;width:629px;height:168px;} /* facilities Image*/ #container #contentarea #main #section #mainImage .facilities {background: transparent url(../images/facilities.jpg) 0 0 no-repeat;width:629px;height:168px;} /* IT Image*/ #container #contentarea #main #section #mainImage .it {background: transparent url(../images/it.jpg) 0 0 no-repeat;width:629px;height:168px;} /* Stationery Image*/ #container #contentarea #main #section #mainImage .stationery {background: transparent url(../images/stationery.jpg) 0 0 no-repeat;width:629px;height:168px;} /* Telephony Image*/ #container #contentarea #main #section #mainImage .telephony {background: transparent url(../images/telephony.jpg) 0 0 no-repeat;width:629px;height:168px;} /* Mechanical & Electrical Image*/ #container #contentarea #main #section #mainImage .mechanical {background: transparent url(../images/mechanical.jpg) 0 0 no-repeat;width:629px;height:168px;} /* Products */ #container #contentarea #main #section #product {} #container #contentarea #main #section #product a.image {display:block;} #container #contentarea #main #section #product div.image {float: left; width: 210px; padding:0px; margin-right:10px;} #container #contentarea #main #section #product .about {float: left; width: 380px; padding: 0px;} #container #contentarea #main #section #product .about p {padding-bottom: 15px;} /* Leave Number Form */ #container #contentarea #main #section #product .frmLeaveNo {float: left; width: 383px; padding-left: 220px; background: transparent url(../images/contact-icon.gif) no-repeat 170px 60px;} #container #contentarea #main #section #product .frmAVDSContact {float: right; width: 200px;} #container #contentarea #main #section #product .frmLeaveNo .callToAction { font-size: 1.4em; font-family:georgia,'Arial',verdana,tahoma,sans-serif; line-height: 110%;} /* Contact */ #container #contentarea #main #contact {width: 660px; float: left; padding: 0 20px 0 0;} #container #contentarea #main #contact hr {margin-bottom: 10px;} #container #contentarea #main #contact h2 { color: #333333;} #container #contentarea #main #contact .top {width: 926px; padding: 0 10px 10px 0; position: relative;} #container #contentarea #main #contact .top h1 {margin-bottom:0.2em;} #container #contentarea #main #contact #form {width: 631px; } #container #contentarea #main #contact #form {padding-left: 20px; float: left; position: relative;} #container #contentarea #main #contact #form .phone {padding-left: 50px; width: 576px; position: relative; background: transparent url(../images/contact-icon.gif) no-repeat 0px 0px;} #container #contentarea #main #contact #form .phone .col1 {width: 170px; float: left; padding: 0 20px 0 0;} #container #contentarea #main #contact #form .phone .col2 {width: 310px; float: left;} #container #contentarea #main #contact #form .phone .col2 p {width: 250px;} #container #contentarea #main #contact #form .phone .submit {float:right;} #container #contentarea #main #contact #form div.email {padding: 4em 0 0 50px; width: 242px; float: left; background: transparent url(../images/email-icon.gif) no-repeat 0px 3em;} #container #contentarea #main #contact #form .email .frmEmail {width: 180px;} #container #contentarea #main #contact #form input.email, #container #contentarea #main #contact #form .message, #container #contentarea #main select.departments {color: #000; width: 177px;} #container #contentarea #main select.departments {margin-bottom:7px;} #container #contentarea #main div.terms {float:left;width:185px;} #container #contentarea #main div.terms .optin {width:auto;float:left;padding-right:5px;clear:left;} #container #contentarea #main div.terms .optinLabel {width:160px;float:left;font-size:0.9em;clear:right;margin-bottom:15px;} #container #contentarea #main div.terms p.terms {width:160px;clear:left;} #container #contentarea #main #contact #form .email .frmEmail .submit {float:right;margin-top:10px;width:53px;cursor:pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} #container #contentarea #main #contact #form .write {width: 242px; background: transparent url(../images/mail-icon.gif) no-repeat 30px 4em;} #container #contentarea #main #contact #form .write {padding: 4em 0 0 90px; float: left;} /* Side bar */ #container #contentarea #main #contact #sidebar { width: 236px;} #container #contentarea #main #contact #sidebar { padding: 0 0 10px 30px; float:left; position: relative; margin: 0 0 0 0px;} #container #contentarea #main #contact #sidebar h2 { padding-left: 10px; padding-right: 10px; } #container #contentarea #main #contact #sidebar .branches { margin-bottom: 1.5em;} #container #contentarea #main #contact #sidebar .branches li { border: 0px; padding: 0 10px 20px 10px; } #container #contentarea #main #contact #sidebar .branches li .highlight {background-color: #f0f1f4; padding: 3px;} #container #contentarea #main #contact #sidebar .careers p {padding-left: 10px; padding-right: 10px;} /* Quotation Request Form */ #container #contentarea #main #quote {width: 660px; float: left; padding: 0 20px 0 0;} #container #contentarea #main #quote span.required {padding: 5px 5px 0px; border: solid 1px #b7bfc9;} #container #contentarea #main #quote #quoteForm {width: 35.24em;} #container #contentarea #main #quote #quoteForm .left {float: left; width: 14em; padding-left:10px;} #container #contentarea #main #quote #quoteForm .right {float: left; width: 14em; padding-left:24px;} #container #contentarea #main #quote #quoteForm .input {width: 14em;} #container #contentarea #main #quote #quoteForm .topPadding {padding-top: 2.85em;} #container #contentarea #main #quote #quoteForm h2 {color:#333333;} #container #contentarea #main #quote #quoteForm h2 .optional {color:#969595;} #container #contentarea #main #quote #quoteForm .checkbox {margin:0px 5px 0px 0px; padding: 0px;} #container #contentarea #main #quote #quoteForm #areaOfInterest {width: 34em; position:relative;} #container #contentarea #main #quote #quoteForm #areaOfInterest .checkbox input{margin:0px 5px 0px 0px; padding: 0px;} #container #contentarea #main #quote #quoteForm #areaOfInterest div {padding-bottom: 5px; margin: 0; line-height:1.2em; width: 17em; position:relative;} #container #contentarea #main #quote #quoteForm #areaOfInterest .copiers {margin-left: 0em;} #container #contentarea #main #quote #quoteForm #areaOfInterest .av {margin-left: 0em;} #container #contentarea #main #quote #quoteForm #areaOfInterest .it {margin-left: 0em;} #container #contentarea #main #quote #quoteForm #areaOfInterest .telephony {margin-left: 0em; padding-bottom: 0px; } /* Bring the first item of each column back up to the level of item 1. Vertical return = items * height. Here, 4 items * 1.2em line-height = 4.8em + 1.42em (because of the padding-bottom 5px*3/10.5pt(.75em)) */ #container #contentarea #main #quote #quoteForm #areaOfInterest .stationery {margin-top: -6.23em; margin-left: 17em;} * html #container #contentarea #main #quote #quoteForm #areaOfInterest .stationery {margin-top: -8.0em;} #container #contentarea #main #quote #quoteForm #areaOfInterest .facilities {margin-left: 17em;} #container #contentarea #main #quote #quoteForm #areaOfInterest .security {margin-left: 17em;} /* About */ #container #contentarea #main #about {width: 650px; float: left; padding: 0 10px 0 0;} #container #contentarea #main #about a.top {background:none;font-size:0px;} #container #contentarea #main #about .categories {width:420px;} #container #contentarea #main #about .categories ul {margin:0px; padding:0px;} #container #contentarea #main #about .categories li {display:inline;list-style:none;line-height: 1.4em;padding-bottom:5px;position: relative;float:left;} #container #contentarea #main #about .categories li a {margin:0px 5px 5px 0px; padding:2px;} #container #contentarea #main #about .category {padding:25px 0px;border-top:dotted 1px #000;float:left;} #container #contentarea #main #about .category.first {border-top:dotted 0px #000;} #container #contentarea #main #about .category img {float:left;padding-right:15px;width:209px;} #container #contentarea #main #about .category h2 a {font-weight:bold;text-decoration:underline;background:none;} #container #contentarea #main #about .category h2, #container #contentarea #main #about .category p {float:right;width:420px;} #container #contentarea #main #about .category ul {float:right;width:410px;} /* News */ #container #contentarea #main #news { width: 660px; padding-right: 20px; float: left;} #container #contentarea #main #news ul.monthSelection {width:126px;background:#e9ecef;padding:12px;float:right;} #container #contentarea #main #news ul.monthSelection li {padding:1px 0px;list-style:none;} #container #contentarea #main #news ul.monthSelection li a {display:block;} #container #contentarea #main #news .story {margin:0px 0px 40px;float: left;padding:0px;width:647px;} #container #contentarea #main #news .firstStory {margin:0px 0px 40px;float: left;padding:0px;width:462px;} #container #contentarea #main #news .story .image, #container #contentarea #main #news .firstStory .image {width:209px;float:left;margin-right:30px;padding:4px;background:#e9ecef;} #container #contentarea #main #news .story .image a.imageLink, #container #contentarea #main #news .firstStory .image a.imageLink {display:block;padding:5px 0px;background:#fff;text-align:center;} #container #contentarea #main #news .story .image a.imageLink:hover, #container #contentarea #main #news .firstStory .image a.imageLink:hover {background:#ffde5a;} #container #contentarea #main #news .story .date, #container #contentarea #main #news .firstStory .date {color: #b2b2b2;} #container #contentarea #main #news .story h2.title, #container #contentarea #main #news .firstStory h2.title {color: #4e4e4e;line-height:120%;} #container #contentarea #main #news .story .summary, #container #contentarea #main #news .firstStory .summary {} #container #contentarea #main #news .story .summary .readmore, #container #contentarea #main #news .firstStory .summary .readmore {margin-top:7px;} #container #contentarea #main #news .story h2, #container #contentarea #main #news .story .date, #container #contentarea #main #news .story div.summary {float:left;width:400px;} #container #contentarea #main #news .firstStory h2, #container #contentarea #main #news .firstStory .date, #container #contentarea #main #news .firstStory div.summary {float:left;width:215px;} #container #contentarea #main #news #item {margin:0px 0px 40px;float: left;padding:0px;width:647px;} #container #contentarea #main #news #item .image {width:209px;float:left;margin-right:30px;text-align:center;border:solid 4px #e9ecef;} /* Careers */ #container #contentarea #main #careers {width:650px; float:left; padding:0 10px 0 0;} #container #contentarea #main #careers .department {display:block;margin-top:15px;color:#333333;font-size:1.2em;font-weight:bold;} #container #contentarea #main #careers .number {display:block;color:#333333;font-size:1.2em;font-weight:bold;} #container #contentarea #main #careers .footer {color:#4e4e4e;font-size:0.9em;} /* Leave Number Form - Global */ #container #contentarea #main .frmLeaveNo .number { line-height: 120%; font-weight:bold; font-size:1.5em; padding: 1px 3px 1px 3px;position: relative;} #container #contentarea #main .frmLeaveNo .name { width: 165px;} #container #contentarea #main .frmLeaveNo .no { width: 125px; } #container #contentarea #main .frmLeaveNo .time { width: 300px;} #container #contentarea #main .frmLeaveNo .roundSubmit { color: #333333; border:0; padding:0; margin: 0; background: transparent url(../images/submit-round.gif); width: 58px; height: 56px; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} #container #contentarea #main .frmLeaveNo .submit {width: 58px; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} /* AVDS Contact Form - Global */ #container #contentarea #main .frmAVDSContact .number { line-height: 120%; font-weight:bold; font-size:1.5em; padding: 1px 3px 1px 3px;position: relative;} #container #contentarea #main .frmAVDSContact .name { width: 200px;} #container #contentarea #main .frmAVDSContact .no { width: 200px; } #container #contentarea #main .frmAVDSContact .time { width: 200px;} #container #contentarea #main .frmAVDSContact .roundSubmit { color: #333333; border:0; padding:0; margin: 0; background: transparent url(../images/submit-round.gif); width: 58px; height: 56px; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} #container #contentarea #main .frmAVDSContact .submit {width: 58px; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} /* Print Audit Form - Global */ #container #contentarea #main .frmPrintAudit {width:650px; float:left; padding:0 10px 0 0;} #container #contentarea #main .frmPrintAudit .number { line-height: 170%; font-weight:bold; font-size:1.5em; padding: 1px 3px 1px 3px;position: relative;} #container #contentarea #main .frmPrintAudit .name { width: 600px; height: 25px; font-family:'Arial',verdana,tahoma,georgia,sans-serif; font-size:115%; padding-top: 8px;padding-left: 4px;} #container #contentarea #main .frmPrintAudit .no { width: 600px; height: 25px; height: 25px; font-family:'Arial',verdana,tahoma,georgia,sans-serif; font-size:115%; padding-top: 8px;padding-left: 4px;} #container #contentarea #main .frmPrintAudit .time { width: 200px;} #container #contentarea #main .frmPrintAudit .roundSubmit { color: #333333; border:0; padding:0; margin: 0; background: transparent url(../images/submit-round.gif); width: 58px; height: 56px; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} #container #contentarea #main .frmPrintAudit .submit {width: 70px; height: 25px; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} /* Search Results */ #container #contentarea #main #searchResults {width: 660px; float: left; padding: 0 20px 0 0;} #container #contentarea #main #searchResults .result {margin: 10px 0px 5px;} #container #contentarea #main #searchResults h2 {color:#333333;} #container #contentarea #main #searchResults h2 .optional {color:#969595;} /* Generic/Carte Blanche */ #container #contentarea #main #generic { width: 660px; padding-right: 20px; float: left;} /* Careers */ #container #contentarea #main #careers { width: 660px; padding-right: 20px; float: left;} #container #contentarea #main .careersEmail {width: 180px;} #container #contentarea #main .careersEmail hr {margin-bottom:5px;} #container #contentarea #main .careersEmail input.email, #container #contentarea #main .careersEmail .message {color: #000; width: 177px;} #container #contentarea #main .careersEmail .submit {float:right;margin-top:10px;width:53px;cursor:pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} /* Footer */ #container #footer {clear: both; position: relative; padding: 0 0 0 0; color: #b2b2b2;} #container #footer .nav {padding: 0 20px 0 0;} #container #footer .nav a { text-decoration: underline; color: #b2b2b2; background: none;} #container #footer .nav ul { text-align: right; } #container #footer .nav li { display: inline; border-left: solid 1px #b2b2b2; padding: 0 5px 0 5px;} #container #footer .nav li.first { border-left: solid 0px #b2b2b2;}