/* @override http://www.baker-hammond.com/css/style.css http://nlt.rubious.co.uk/css/style.css http://www.needlogisticstraining.com/css/style.css */ /* BEGIN CSS RESET */ html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}body { line-height: 1.5; } /* END OF RESET */ body { font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; background: #b0aaaa; margin: 0; padding: 0; text-align: center; color: #000000; font-size:12px;} table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; }blockquote:before, blockquote:after, q:before, q:after { content: ""; }blockquote, q { quotes: "" ""; }a img { border: none; } body.ie6 #mainContent, body.ie7 #mainContent {zoom: 1;} p{margin-bottom:10px;line-height:18px;} #mainContent ul {margin:0 0px 0 20px; list-style-image:url(../images/dot-red.png)} #mainContent ul.features {margin:0 0px 0 20px; list-style-image:url(../images/dot-red.png)} #container { width: 886px; background: #ffffff; margin: 0 auto; margin-top:40px; margin-bottom:40px; text-align: left; position:relative;} #header { background: transparent; padding: 0 10px 0 0px;} #header h1 { margin: 0; padding: 10px 0;} #header h1{padding:0;margin:0;} #header h1 img {margin: 56px 0 44px 30px; width: 380px;} #sidebar1 { float: left; width: 185px; padding: 10px 0px 10px 0px; background:url(../images/nav/nav-curved-top.gif) right top no-repeat #fff;position:relative;} #sidebar2 { float: right; width: 150px; background: transparent; padding: 0px 0px 0px 0px; margin: 0;} #mainContent { margin: 0 160px 0 200px; padding: 0 10px; } body.ie6 #mainContent {float: left; margin: 0; width: 480px;} body.ie6 #sidebar1 {} #footer { background:transparent;text-transform:uppercase;font-size:9px; color:#CCC; margin-top:0px; padding: 10px 0 10px 0;} #footer div.footer-text{width:524px;margin-left: 20px; text-align: left; } body.ie #footer div{width:520px;} #footer p { margin: 0; padding: 0px 0;} #footer a{text-decoration:none;color:#ccc;} #footer a:hover{text-decoration: underline;} #footer a span{text-decoration:underline} #footer ul li {list-style-type:none;display:inline;} #footer li.springbud{} .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;} h1 span {display:block;position:absolute;left:-9999px;} #sidebar1 ul {list-style-type:none;padding-left:15px;padding-top:5px;background:#b0aaaa;} #sidebar1 span{display:block;width:100%;height:10px;background: url(../images/nav/nav-curved-bot.gif) bottom right no-repeat;position:absolute;bottom:0px;left:0px;} #sidebar1 ul li a{display:block;padding:6px 0;color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:bold;} #sidebar1 ul li a:hover{text-decoration:underline} #sidebar1 ul li {padding:2px 0} #sidebar1 ul ul{;margin:0px;padding:0px;font-weight:bold;text-transform:uppercase;font-size:12px;line-height:16px;} #sidebar1 ul ul a{color:#767676} #sidebar1 ul ul ul{margin-left:15px;font-weight:normal;font-size:12px;line-height:20px} #sidebar1 ul ul ul li{padding:0px;} #sidebar1 ul ul ul a{text-transform:none;font-weight:normal;font-size:12px;padding:0 0 5px 0;} #header h2{color:#b9baba;font-size:20px;position:absolute;right:30px;top:40px;} #header div{color:#b9baba;font-size:15px;position:absolute;right:30px;top:68px;} #header h3{color:#ff7200;font-size:24px;position:absolute;right:20px;top:110px;font-style:italic;font-family: "Times New Roman", Times, serif;} span.middot{color:#ff7200;font-weight:bold;padding:0 2px;} #sidebar1 li.highlight a{color:#000;} #sidebar1 li.highlight li a{color:#747474;} #sidebar1 ul li.selected a{background:url(../images/nav/nav-hover.png) right bottom no-repeat;color:#000;} #sidebar1 li.selected li a{color:#333;background:none;} #sidebar1 ul li a:hover{background:url(../images/nav/nav-hover.png) right -4px no-repeat;text-decoration:none;color:#000;} #sidebar1 ul ul ul li a:hover{background:url(../images/nav/nav-hover.png) right -9px no-repeat;} /* The above lines only work if they are in correct order! */ h1{font-weight:normal} h1.training-ad a, h1.tacho-ad a, h1.compliance-ad a{display:block;width:508px;height:128px;text-decoration:none;text-transform:uppercase;position:relative;color:#000;font-size:28px;margin-bottom:15px;border-bottom:2px solid #ff7200} h1.training-ad a span, h1.tacho-ad a span, h1.compliance-ad a span{position:absolute;bottom:0px;left:10px;} h1.training-ad a span span, h1.tacho-ad a span span, h1.compliance-ad a span span{position:absolute;bottom:34px;left:0px;font-size:14px;} h1.training-ad a{background:url(../images/header-images-home/training.jpg) top left no-repeat;} h1.tacho-ad a{background:url(../images/header-images-home/tacho.jpg) top left no-repeat;} h1.compliance-ad a{background:url(../images/header-images-home/compliance.jpg) top left no-repeat;} h1.training-title, h1.tacho-title, h1.compliance-title, h1.contact-title, h1.about-title, h1.news-title, h1.courseenquiry-title{display:block;width:508px;height:200px;text-decoration:none;text-transform:uppercase;position:relative;color:#000;font-size:28px;margin-bottom:30px;border-bottom:2px solid #ff7200} h1.training-title span, h1.tacho-title span, h1.compliance-title span, h1.contact-title span, h1.about-title span, h1.news-title span, h1.courseenquiry-title span{position:absolute;bottom:0px;left:10px;} h1.training-title span span, h1.tacho-title span span, h1.compliance-title span span, h1.courseenquiry-title span span{position:absolute;bottom:34px;left:0px;font-size:14px;color:#747474} h1.training-title {background:url(../images/header-images/training.jpg) top left no-repeat;} h1.tacho-title {background:url(../images/header-images/tacho.jpg) top left no-repeat;} h1.compliance-title {background:url(../images/header-images/compliance.jpg) top left no-repeat;} h1.contact-title {background:url(../images/header-images/contactus.jpg) top left no-repeat;} h1.about-title {background:url(../images/header-images/aboutus.jpg) top left no-repeat;} h1.news-title {background:url(../images/header-images/news.jpg) top left no-repeat;} h1.courseenquiry-title {background:url(../images/header-images/course-enquiry.jpg) top left no-repeat;} #mainContent div.slideshow {margin-bottom:15px;border-bottom:2px solid #ff7200; position: relative; overflow: hidden;height: 128px !important; padding: 0 !important;} #mainContent div.slideshow img {height: 128px;} #mainContent div.slideshow a {display:block;width:508px;height:128px;text-decoration:none;text-transform:uppercase; position:relative;color:#000;font-size:28px;margin-bottom:15px;border-bottom:2px solid #ff7200; } #mainContent div.slideshow a span {display: block; position: absolute; bottom: 0px; left: 0px; padding: 7px 0 0px 10px; width: 498px; /*IE*/ background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff); zoom: 1; background: rgba(255,255,255,0.8);} div.two_columns_300{width:100%;float:left;margin-top:10px;} div.two_columns_300 div.column_1{width:270px;float:left;padding-right:10px;} div.two_columns_300 div.column_2{width:200px;float:left;padding-left:20px; background:url(../images/dot.png) left center repeat-y transparent;} div.two_columns_300 div.column_2 ul{ list-style-type:none;} div.two_columns_300 div.column_2 ul li {border-bottom:1px solid #ccc;padding:2px} div.two_columns_300 div.column_2 ul li:last-child{border:none;} div.two_columns_equal{width:100%;float:left;} div.two_columns_equal div.column_1{width:220px;float:left;padding-right:10px;} div.two_columns_equal div.column_2{width:220px;float:left;padding-left:20px; background:url(../images/dot.png) left center repeat-y transparent;} #mainContent div.two_columns_equal div.column_2 ul{ list-style-type:none;margin:0px;} #mainContent div.two_columns_equal div.column_2 ul li {border-bottom:1px solid #ccc;padding:2px} #mainContent div.two_columns_equal div.column_2 ul li:last-child{border:none;} div.no-border div.column_2{ background:none; !important} h2{color:#ff7200;font-size:16px;font-weight:bold;line-height:22px;margin-bottom:5px} h4{font-weight:bold;font-size:14px;} small{color:#666;font-size:11px;line-height:13px;display:block} form small{color:#747474;font-size:11px;line-height:13px;display:block;margin-bottom:5px;} .large_price{color:#ff7200;font-size:16px;font-weight:bold;} .latest_downloads a {display:block;background:url(../images/pdf-icon.gif) 5px 5px no-repeat transparent;padding:10px 5px 10px 45px; text-decoration:none;color:#000;font-size:12px;} .latest_downloads a:hover{text-decoration:underline} hr{margin: 15px 0 20px 0;color:#fff;border:none;height:5px; background:url(../images/dot.png) top left repeat-x #fff;} body.ie6 hr, body.ie7 hr{margin: 10px 0 20px 0;height:5px;background:url(../images/dot.png) top left repeat-x;border-top:2px dotted #ccc;} hr.foot{margin-bottom:80px;} #sidebar2 .search{background:url(../images/nav/navbar-top.gif) top left no-repeat #ddd;} #sidebar2 .contact{background:url(../images/nav/navbar-bot.gif) bottom left no-repeat #ddd; } #sidebar2 .news{ } #sidebar2 h3{text-transform:uppercase; color:#777;font-weight:bold;font-size:10px;background:url(../images/nav/navbar-icons-small.png) left top no-repeat transparent;padding:2px 0px 4px 22px;border-bottom:2px solid #aaa;margin-bottom:5px} body.ie6 #sidebar2 h3{ background-image:url(../images/nav/navbar-icons-small.gif);} #sidebar2 .news h3{background-position: 0px -37px} #sidebar2 .contact h3{background-position: 0px -85px} #sidebar2 .contact p{font-size:11px;color:#999;padding-top:5px;line-height:16px} #sidebar2 div{background-color:#ddd;padding:10px 0 2px 15px;margin: 0 0 5px 0} #sidebar2 input.search-field{width:100px;} #sidebar2 input.search-button{position:relative;top:3px} #sidebar2 form{padding-bottom:10px;} #sidebar2 .news ul li{list-style-type:none;font-size:10px;color:#999;padding:5px 10px 5px 0;} #sidebar2 .news ul strong{color:#666;display:block;font-size:11px} #sidebar2 .news ul a{color:#666;text-decoration:none;} #sidebar2 p a.button { background:url(../images/nav/navbar-button.gif) 0 0px no-repeat transparent;color:#fff;text-decoration:none;font-size:10px;font-weight:bold;width:95px;height:20px;display:block;padding-left:5px;margin-top:5px; line-height:16px} #sidebar2 a.button:hover { background-position:0 -24px;color:#666;} .ie6 #sidebar2 {position: absolute; right: 0;} ul.view-info-list li{margin-bottom:20px; list-style-type:none;} ul.view-info-list li a {text-decoration:none;color:#000; min-height:40px;} ul.view-info-list li a strong {color:#ff7200;font-size:16px;font-weight:bold;line-height:22px;margin-bottom:0px;display:block;} ul.view-info-list li a{display:block;padding-right:100px; background:url(../images/buttons/but-viewinfo.gif) right -25px no-repeat transparent;} ul.view-info-list li a:hover {background:url(../images/buttons/but-viewinfo.gif) right -234px no-repeat transparent;} .news_story {position:relative;margin-top:10px;} .news_story h2 span{display:block;color:#767676;position:absolute;right:0px;top:0px;text-align:right;font-size:12px} ul.news-list li{margin-bottom:20px; list-style-type:none;position:relative; background:url(../images/dot.png) bottom left repeat-x;padding-bottom:25px} ul.news-list li a {text-decoration:none;color:#000;} ul.news-list li a strong {color:#ff7200;font-size:16px;font-weight:bold;line-height:22px;margin-bottom:0px;display:block;} ul.news-list li a{display:block;padding-right:100px; background:url(../images/buttons/but-readmore.gif) right -5px no-repeat transparent;} ul.news-list li a:hover {background:url(../images/buttons/but-readmore.gif) right -109px no-repeat transparent;} ul.news-list li a em{display:block; margin-top:-20px; font-weight:bold; font-style:normal; text-align:right; position:absolute; right:5px; color:#767676;} .contact-form input{margin-bottom:20px;width:200px;} .contact-form input.submit-button{width:202px;} .contact-form input.enquire-button{width:250px;} .contact-form textarea{height:140px;} .course-enquiry-form textarea{height:90px;} div.map img{border:1px solid #b0aaaa} div.map span.maplink{text-align:right;display:block;} div.map span.maplink a{color:#747474;font-size:10px;} a.but-backtonews{display:block;position:relative;background:url(../images/buttons/but-backtonews.gif) bottom left no-repeat;width:250px;height:45px;} a.but-backtonews:hover{background-position:top left;} a.but-backtonews span{display:block;position:absolute;left:-9999px;} a.but-enquirecourse{display:block;position:relative;background:url(../images/buttons/but-enquirecourse.gif) bottom left no-repeat;width:250px;height:45px;} a.but-enquirecourse:hover{background-position:top left;} a.but-enquirecourse span{display:block;position:absolute;left:-9999px;} a.but-bookcourse{display:block;position:relative;background:url(../images/buttons/but-bookcourse.gif) top left no-repeat;width:250px;height:48px;} a.but-bookcourse:hover{background-position:bottom left;} a.but-bookcourse span{display:block;position:absolute;left:-9999px;} a.but-submitbooking{display:block;position:relative;background:url(../images/buttons/but-submitbooking.gif) top left no-repeat;width:250px;height:48px;} a.but-submitbooking:hover{background-position:bottom left;} a.but-submitbooking span{display:block;position:absolute;left:-9999px;} a.but-enquireservice{display:block;position:relative;background:url(../images/buttons/but-enquireservice.gif) bottom left no-repeat;width:250px;height:45px;} a.but-enquireservice:hover{background-position:top left;} a.but-enquireservice span{display:block;position:absolute;left:-9999px;} a.but-book-invoice{display:block;position:relative;background:url(../images/buttons/but-book-invoice.gif) top left no-repeat;width:250px;height:49px;} a.but-book-invoice:hover{background-position:bottom left;} a.but-book-invoice span{display:block;position:absolute;left:-9999px;} a.but-book-online{display:block;position:relative;background:url(../images/buttons/but-book-online.gif) top left no-repeat;width:250px;height:49px;} a.but-book-online:hover{background-position:bottom left;} a.but-book-online span{display:block;position:absolute;left:-9999px;} div#logos{padding:80px 10px 0 10px;clear:both;} div#logos img {padding: 0px 20px 0 0;} #Content100 { float: left; width: 524px; padding: 10px; background-color: #fff; text-align:left; } #TotalBackground { width:502px; background-image:url(../images/total-box.gif); background-repeat:no-repeat; height:75px; } .Table5px { border-collapse: separate; border-spacing: 5px; } #footer hr {background: none;border-bottom:1px solid #ccc; }