/* colours Dark Grey #535353, off Wight #f4f4f4, Blue #144C96, Mid Gray #7E7A78, Red #CC201A, light Grey #a19c99 */ html, body {font-family:"Lucida Grande", Verdana, Arial, sans-serif;height:100%;background-color:#fff;color:#000;font-size:62.5%;} html,body,div,ul,ol,li,h1,h2,h3,p {margin:0;padding:0;} h1 {font-size:4em; line-height:26px; display:inline-block; letter-spacing:-.03em; font-family: Arial, Helvetica, Verdana, sans-serif;} div {position:relative;} img {border:0;} /*LAYOUT*/ #nav_back {position:absolute;z-index:0;width:100%;left:0;top:115px;height:5.9em;background-color:#535353;} #container {width:900px;background:#f4f4f4 url(../images/design/edges_white_left.jpg) repeat-y left top;margin:0 auto 0 auto;z-index:1;} #inner_container {background:url(../images/design/edges_white_right.jpg) repeat-y right top;} /*header*/ #header {height:115px;} #logo {position:absolute;top:0;left:10px;width:277px;height:74px;background:url(../images/design/plugtest.png) no-repeat left top;z-index:2;} #tester {position:absolute;top:0;left:600px;width:284px;height:166px;background:url(../images/design/tester.jpg) no-repeat left top;z-index:2;} #message {position:absolute;top:75px;left:20px;width:600px;height:40px;z-index:2;} /*NAVIGATION BAR*/ #nav_container {height:5.9em;background:#535353 url(../images/design/edges_dark_grey_left.jpg) repeat-y left top;z-index:2;} #nav {height:100%;background:url(../images/design/edges_dark_grey_right.jpg) repeat-y right top;padding:0 0 0 20px;} .clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;} #p7menubar, #p7menubar ul {padding: 0;margin: 0;list-style: none;} #p7menubar a {display: block;text-decoration: none;padding: 0.6em 1em 0.6em 1em;font-size: 2.5em;color: #f4f4f4;} #p7menubar a.dropdown {padding: 0.6em 2em 0.6em 1em; background:url(../images/dropdown_arrow.png) no-repeat center right;z-index:2;} #p7menubar li {float: left;width: 9em;} #p7menubar li ul, #p7menubar ul li {width: 30em;} /*Drop down list*/ #p7menubar ul li a {color: #565656;border-right: 0;padding: 3px 12px 3px 16px;} /*Set to display none to hide them until trigger is moused over.*/ #p7menubar li ul {position: absolute;display: none;background-color: #FFFFFF;} /*Changes the Text color and background color for nav menu*/ #p7menubar li:hover a, #p7menubar a:focus,#p7menubar a:active, #p7menubar li.p7hvr a {background-color: #7E7A78;} /*dropdown Sub-Menu when hovered*/ #p7menubar li:hover ul, #p7menubar li.p7hvr ul {display: block;} /*Dropdown background*/ #p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {color: #f4f4f4;background-color: #535353;} /*Drop down hover*/ #p7menubar ul a:hover {background-color: #7E7A78!important;color: #FFFFFF!important;} /* hide from IE mac \*/ #p7menubar li {position: static; width: auto;} /* end hiding from IE5 mac */ #nav #current {padding: 0.6em 1em 0.6em 1em;font-size: 2.5em;color: #f4f4f4;} /*Body border:1px solid #000;overflow:hidden; */ #body_right {padding:20px 10px 0 0;/*If you change padding, will effect map points*/width:250px;float:right; } #body_right h3 {color:#144C96;font-size:2.7em;font-family: Arial, Helvetica, Verdana, sans-serif;letter-spacing:.1em; padding:15px 0 10px 0;} #body_left {width:610px;padding:10px 0 0 20px;float:left; } .body p {font-size:2.4em;line-height:150%;text-align:left;} .body address {font-size:2.4em;line-height:150%;text-align:left;} .body h2 {color:#144C96;font-size:2.7em;font-family: Arial, Helvetica, Verdana, sans-serif; letter-spacing:.1em; padding:10px 5px 10px 20px;background:transparent url(../images/blue_square.png) no-repeat left center;} .body h3 {font-size:2.7em;font-family: Arial, Helvetica, Verdana, sans-serif; padding:15px 0 5px 0;} .body ul {font-size:2.2em;list-style-type:square;padding:0 0 0 30px;line-height:150%;} .body a {color:#000099; text-decoration:none;} .body a:hover, .body a:focus, .body a:active {text-decoration:underline;} /* BREADCRUMBS */ #breadcrumbs {font-size:2em; color:#666666; padding: 0 0 10px 0;} /* LOCATION MAP */ #map {margin:0;padding:0;width:238px;height:342px;background:url(../images/map_new.gif) top left no-repeat #fff;font-family:arial, helvetica, sans-serif;font-size:12px;} #map li {margin:0;padding:0;list-style:none;} #map li a {position:absolute;display:block;background:url(../images/location.png);z-index:1;} #map li a span {display:none;} #map li a:hover span {position:relative;display:block;width:100px;left:20px;top:20px;padding:5px;border:1px solid #000; background:#fff;text-decoration:none;color:#000;filter:alpha(opacity=60);opacity:0.6; } #map a.worcestershire {top:257px;left:128px;width:20px; height:20px;text-decoration:none;} #map a.kent {top:292px;left:194px;width:20px;height:20px;text-decoration:none;} #map a.cambs {top:255px;left:169px; width:20px;height:20px;text-decoration:none;} #map li a:hover {background:url(../images/target.png);z-index:2;} /*SIDE BAR*/ #sidebar {margin:20px 0 0 10px;padding:0;width:200px;} #sidebar h3 {font-size:2.5em;font-weight:bolder; font-family: Arial, Helvetica, Verdana, sans-serif;color:#CC201A;padding:10px 0 10px 0;border-bottom:1px solid #a19c99;} #sidebar dt {font-size:2.2em;font-family: Arial, Helvetica, Verdana, sans-serif;color:#144C96; padding:10px 0 0 0; font-weight:bold;} #sidebar dd {font-size:2.2em;margin: 0;color:#ffffff; } #sidebar a {display: block;text-decoration: none; color:#000000;} #sidebar a:hover, #sidebar a:focus,#sidebar a:active {background-color:#e0e0e0;} /*ACCREDIATION LOGO'S*/ #accreditation {clear:both;background: url(../images/design/edges_white_bottom.jpg) repeat-x bottom left; } #accreditation img {border:0; padding:20px 10px 10px 30px;} #accreditation-left {background:url(../images/design/edges_white_left.jpg) repeat-y left top;} #accreditation-right {background:url(../images/design/edges_white_right.jpg) repeat-y right top;} #corner-left {background:url(../images/design/bottom-left-corner.jpg) no-repeat bottom left;} #corner-right {right:-1px;background:url(../images/design/bottom-right-corner.jpg) no-repeat bottom right;} /*FOOTER background:#535353 url(../images/design/edges_white_left.jpg) repeat-y left top; CONTAINER - background:url(../images/design/edges_white_right.jpg) repeat-y right top;*/ #footer {width:890px;margin:20px auto 0 auto; padding:0 0 20px 0;} #footer_container {background-color:#535353;color:#ffffff;font-size:1.6em;padding:10px 20px 10px 20px;} #footer_left {width:180px;overflow:hidden;float:left; } #footer_right {height:100%;padding:0;width:250px;float:right; } #footer_centre {margin-left:35%;margin-right:30%;} #copyright {clear:both; text-align:left; padding:7px 0 0 0;} #footer a {color:#ffffff; text-decoration:none; } #footer a:hover, #footer a:focus, #footer a:active {text-decoration:underline;} #footer ul {list-style: none; font-size:1.3em;} #footer address {font-size:1.2em;} /* LOCATION MAPS */ #cambs {margin:15px 0 15px 0;} /* REVIEW */ #review {margin: 30px 0 0 0;} /* REVIEW PAGE */ .coursereview {border-top:1px solid #a19c99; margin: 15px 0 15px 0; padding:5px 0 0 0;} /* FONT CLASSES */ .bold {font-weight:bold;font-family: Arial, Helvetica, Verdana, sans-serif;} .red {color:#d00e0f;} .blue {color:#000099;} .smallred {color:#d00e0f;font-size:1.8em;} .grey {color:#666666;} .italic {font-style:italic;} .noir {color:#000000;} .smallgrey {color:#666666; font-size:70%;} .smallblue {color:#000099; font-size:70%;} /* COURSE LIST */ .course_list {padding:10px 0 30px 30px; margin:0 0 30px 0; border-bottom:1px solid #a19c99;} .course_list th {font-size:2.2em; color:#ffffff; background-color:#535353; width:180px; padding:5px 0 5px 0;} .course_list td {font-size:2.2em; font-weight:bold; color:#CC201A; background-color:#e0e0e0; text-align:center; border:none; padding:5px 0 5px 0;} .coursesubtable td {width:180px; margin:0; padding:0; font-size:1em} .coursetable {margin:0; padding:0; } /* For IE */ /* COURSE DETAILS */ #coursedetails {padding:10px; color:#ffffff; background-color:#144C96; margin:0;} #coursedetails p {font-size:2.5em;} #coursedetails h3 {font-size:4em; font-family: Arial, Helvetica, Verdana, sans-serif; text-align:center; padding:0 0 10px 0;} #coursedetails .small {font-size:12px;} /*BOOKING FORM*/ #bookingform, #contactform {font-size:2em; margin:20px 0 0 0;} fieldset dt {float:left;width:110px;padding:5px;text-align:right;} fieldset dd {margin:0;padding: 5px;} #email, #firstname, #surname, #company, #con_email, #address1, #address2, #address3, #city, #county, #postcode, #telephone, #name {border:1px solid #a19c99;width:250px;height:18px;} /* contact details question info*/ .greyquestion {position:relative;top:4px; } a.contactinfo {position:relative;text-decoration:none;} a.contactinfo span {display:none; text-decoration:none;} a.contactinfo:hover span {display:block;position:absolute;top:-2px; left:30px; width:170px;background-color:#999999; color:#ffffff;text-align: left;padding: 5px;} #continue {position:relative;left:290px;} /*CONFIRM COURSE DETAILS*/ #confirmdetails h2 {background:none; padding:5px 0 5px 0;} #confirmdetails {margin: 20px 0 10px 80px; padding: 0 10px 0 10px;border:1px solid #535353; width:420px;} #confirmdetails #back, #confirmdetails #pay {margin:20px 0 20px 0;} /*BOOKING CONFIRMATION*/ .bookingconfirmation {font-size:2.2em;width:80%;} #bookingprice {border-top:1px solid #535353; border-bottom:1px solid #535353;font-size:2.2em;} #ieecop {float:right;margin:0 30px 0 0;} .ieebook {padding:0 20px 0 4px;} /*ONSITE QUOTE*/ #onsite-name, #onsite-company, #onsite-postcode, #onsite-email {width:180px;height:18px;border:1px solid #a19c99;} #onsite-delegates {width:50px; height:18px;border:1px solid #a19c99;} /* CONTACT FORM */ textarea {font-family: "Lucida Grande", Verdana, Arial, sans-serif;font-size:1.2em;border:1px solid #a19c99;} #enquiry {width:400px;} #address {width:250px;} #contactform fieldset {border:none;} /*CITY GUILDS LIST*/ #syllabus dt {font-size:2.2em; font-weight:bold; margin:5px 0 0 10px;} #syllabus dd {font-size:2em;margin:0 0 0 25px;} #booklist td {padding:10px;} /* #maincol fieldset { border:none; } */