/* -------------------------------------------------------------- 

  Layout
  
-------------------------------------------------------------- */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background:#E2F6F8;
    padding:0;margin:0;
}

div.sidebar, div.content {
	float:left;
}
div.content {
	min-height:700px;
}
div.sidebar { 
	width:200px;
}
div.content {
	width:730px;
	padding-left:9px;
	margin-left:10px;
	border:1px solid #ccc;
	border-width:0 0 0 1px;
}
div#top,
div#mid,
div#tail {
    width:960px;
    background:#fff;
    color:#202020;
    margin:0 auto;
    padding:0;
}
div#top {
	margin-top:0;
	width:970px;
	background:#3970C0 url(/css/images/bg_gradient.jpg) top left repeat-y;
}
div#mid, div#tail {
	width:950px;
	padding:0 10px;
}

/* Heading */
h1 {
	font-size:1.5em;
	font-weight:bold;
	line-height:1.25;
	color:#fff;
	padding-top:20px;
	margin:0 0 20px 0;
}

h1 span.phone {
	float:right;
	text-align:right;
	margin-right:20px;
    margin-top:6px;
}

/* Footer */
ul.colophon {
    list-style-type:none;
    border:1px solid #ccc;
    border-width:1px 0;
    padding:5px 0 5px 35px;
    margin:0 0 9px 0;
    clear:both;
}

ul.colophon li {
    display: inline;
    margin:0 40px 0 0; padding:0;
}
#tail p, #tail li {
	font-size:0.9em;
}
.multi-list ul {
	float:left;
	margin-right:30px;
}

.big-button {
  cursor:pointer;
}
.big-button:hover {
    background-color:#F3FAFE;
}
/* -------------------------------------------------------------- 

  Special home page layout
  
-------------------------------------------------------------- */

.home-col-1, .home-col-2 {
	float:left;
}
.home-col-1 a, .home-col-2 a, 
.about-compact-courses a,
.about .content  a {
	color:#B93B22;
}
.home-col-1 {
	width:280px;
}
.home-col-2 {
	width:420px;
	padding-left:9px;
	margin:0 0 9px 10px;
	/*border:1px solid #ccc;
	border-width:0 0 0 1px;*/
}
.home-col-1 p, .home-col-1 h2, .home-col-1 h3, .home-col-1 h4,
.home-col-2 p, .home-col-2 h2, .home-col-2 h3, .home-col-2 h4,
.shops p, .shops h3, .shops h4,
.about-compact-courses p, .about-compact-courses h2, .about-compact-courses h3, .about-compact-courses h4,
.about .content p, .about .content  h2, .about .content  h3, .about .content  h4
{
	color:#003A79;
}
.shops {
	border-top:1px solid #ccc;
	padding-top:9px;
}
.home-col-1 p {
	margin:0;
	line-height:1.75;
}
.home-col-1 p img {
	display:block;
}
.home-col-1 div.feature {
	/*border:1px solid #003A79;
	padding:9px;*/
    padding:0.75em 0;
	margin:0;
}
.home-col-1 div.feature p img {
	float:right;
}
.home-col-1 div.iosh {
	border-color:#6FC6D8;
}
.home-col-1 div.iosh h3 {
	color:#6FC6D8;
}
.home-col-2 h2 {
	font-size:1.7em;
	margin-bottom:0.4em;
}
/*.home-col-2 p.example {
	padding:3px 5px;
    margin:0;
    background-color: #FDFDDD;
}
.home-col-2 p.example a {
	border-bottom:1px solid #999;
	color:#003A79;
}
.home-col-2 p.example a:hover {
	text-decoration:none;
	color:#003A79;
	background-color:#ccc;
}*/
.home-col-2 p {
	margin-bottom:0.75em;
	line-height:1.5;
}
.home-col-2 p.bottom {
	margin-bottom:0;
}
/*.home-col-2 h3 {
	border-top:1px solid #ccc;
	margin:0.5em 0 1em 0;
	padding-top:1em;
}*/

.about-compact-courses .col-1 , .about-compact-courses .col-2 {
    float:left;
}
.about-compact-courses .col-1 {
    width:200px;
    padding-right:10px;
    border-right:1px solid #ccc;
    margin-right:9px;
}

.about-compact-courses .col-2 {
    width:500px;
}
.about-compact-courses table {
    border-collapse:collapse;
}
.about-compact-courses table td, .about-compact-courses table th {
    border:1px solid #ccc;
    border-width: 0 1px 1px 1px;
}
.about-compact-courses table thead th {
    border-width: 1px 1px 0 1px;
}
.about-compact-courses table tbody th {
    font-weight:normal;
}
.about-compact-courses table tfoot td {
    background-color: #C3D9FF;
    text-align:center;
}
.about-compact-courses .course-buttons li {
    float:left;
    width:160px;
    background-color:blue;
    list-style-type:none;
    padding:0;
    margin:10px 10px 0 0;
    text-align:center;
}
.about-compact-courses .course-buttons li a {
    color:#fff;
    font-size:90%;
    font-weight:bold;
    background:transparent;
    background-repeat: no-repeat;
    display:block;
    padding:9px 0px;
}

.about-compact-courses .course-buttons li.health-safety-awareness {
    background: url(/images/buttons/h_s_awareness.png);
}
.about-compact-courses .course-buttons li.manual-handling {
    background: url(/images/buttons/man_handling.png);
}
.about-compact-courses .course-buttons li.fire-safety-awareness {
    background: url(/images/buttons/fire_safety_awareness.png);
}
.about-compact-courses .course-buttons li.fire-wardens {
    background: url(/images/buttons/fire_wardens.png);
}
.about-compact-courses .course-buttons li.disability-awareness {
    background: url(/images/buttons/disability.png);
}
.about-compact-courses .course-buttons li.first-aid {
    background: url(/images/buttons/first_aid.png);
}
.about-compact-courses .course-buttons li.emergency-response {
    background: url(/images/buttons/emergency.png); 
}
.about-compact-courses .course-buttons li.construction-safety {
    background: url(/images/buttons/construction.png);
}
/* -------------------------------------------------------------- 

  General typography
  
-------------------------------------------------------------- */
li li, li p, li label {
    font-size:100%;
}

h2, h3 {
	color:#003A79;
}
h2 {
    font-weight:bold;
}

h3 {
    font-size:1.2em; line-height:1.25; margin-bottom:0.75em;
    font-weight:bold;
    clear:both;
    text-transform:uppercase;
}
/* Not in infobar on guides */
div.infobar h3 {
    font-size:1.3em;
}

div.infobar p,
div.infobar li {
    font-size:1em;
}

hr {
   background:transparent url(images/grey_pixel.png) top left repeat;
   border:0;
   height:1px;
}

a,
.error a,
.notice a,
.success a {
    color:#34588D;
    text-decoration:none;
}

a:hover {
    color:#338000;
    text-decoration:underline;
}

a.button:hover {
    text-decoration:none;
}

a.button, button {
    font-family:"DejaVu Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

blockquote {
	color:#333;
}
blockquote .source {
  font-style:normal;
  color:#003A79;
  margin-top:-1em;
}

/* -------------------------------------------------------------- 

  Top nav
  
-------------------------------------------------------------- */
ul.top-nav {
	padding:0; margin:0 0 0 2px;
	max-width:968px; max-height:43px;
	overflow:hidden;
}
ul.top-nav li {
	float:left;
	list-style-type:none;
	font-size:1.1em;
	margin-right:0;
	max-height:25px;
	overflow:hidden;
	position:relative;
}
ul.top-nav li a {
	display:block;
	color:#fff;
	outline:none;
	padding-right:25px;
	background: transparent url(/css/images/tab_right_4.png) top right no-repeat;
}
ul.top-nav li a span {
	display:block;
	margin:0; padding:3px 6px 6px 25px;
	background: transparent url(/css/images/tab_left_4.png) top left no-repeat;
}
ul.top-nav li a:hover, 
ul.top-nav li a:active, 
ul.top-nav li a:focus,
ul.top-nav li.selected a {
	color:#3970C0;
	text-decoration:none;
	background-position:right -25px;
	z-index:99;
}
ul.top-nav li a:hover span, 
ul.top-nav li a:active span, 
ul.top-nav li a:focus span,
ul.top-nav li.selected a span {
	background-position:left -25px;
}
/* -------------------------------------------------------------- 

  Tools
  
-------------------------------------------------------------- */
.tools {
	border-bottom:1px solid #ccc;
	padding-bottom:8px;
	margin-bottom:9px;
	padding-top:9px;
}
.tools p, .tools form {
	float:left;
	padding:0; margin:0;
	line-height:1;
	text-align:center;
} 
.tools p.checkup {
	width:510px;
	border-right:1px solid #ccc;
}
.tools form {
	padding-left:10px;
}
.tools p, .tools label {
	font-weight:bold;
	color:#B93B22;
	font-size:1.2em;
}
.tools form button {
    float:none;
    display:inline;
}

.tools form div,
.tools img,
.tools input,
.tools label,
.search input {
	display:inline;
	width:auto;
	margin:0;padding:0;
	float:none;
	vertical-align:middle;
}
.tools input,
.search input {
	padding:3px 2px;
}
.tools button,
.search button {
	float:right;
	padding:2px;
	margin:0;
}
input.hidden {
	border:0; padding:0; margin:0;
}

form.newsletter input.name.empty {
    background:#fff url(images/empty_name.png) 5px 5px no-repeat;
}
form.newsletter input.email.empty {
    background:#fff url(images/empty_email.png) 5px 5px no-repeat;
}
form.search input.empty {
    background:#fff url(images/empty_search.png) 5px 5px no-repeat;
}
/* -------------------------------------------------------------- 

  Tables
  
-------------------------------------------------------------- */

table tbody th,
table tbody td {
    border-bottom:1px solid #ddd;
}

table tfoot th {
    background-color:transparent;
}
table.calendar {
	width:100%;
}
table.calendar td {
	padding:9px 3px;
}

/* -------------------------------------------------------------- 

  T&C
  
-------------------------------------------------------------- */
ol.terms {
    padding-left:10px;
}
ol.terms li ul,
ol.terms li ol {
    margin:1.5em;
}

/* -------------------------------------------------------------- 

  Sidebar
  
-------------------------------------------------------------- */

div.sidebar h3 {
  padding:9px 5px;
  background-color:#F3FAFE;
  color:#333;
  margin-bottom:0;
  font-size:1em;
}
div.sidebar h3 a:link,
div.sidebar h3 a:visited {
  background-color:#F3FAFE;
  color:#333;
}
div.sidebar h3 a:hover {
  text-decoration:none;
  color:#666;
}
div.sidebar ul, 
div.sidebar li {
    margin:0;padding:0;
    list-style-type:none;
}
div.sidebar ul {
  padding:0 0 9px 0;
  margin-bottom:18px; /* Make sure next thing is at least 1.5 lines below */
  background-color:#F3FAFE;
}
div.sidebar ul.last {
  margin-bottom:0;
}
div.sidebar ul ul {
  margin:0;
  background:transparent;
}

div.sidebar li {
  font-size:1.1em;
  padding:0; margin:0;
}

div.sidebar li a {
  display:block;
  padding:2px 0 2px 5px;
}
div.sidebar li.selected a {
	background-color:#5D82AA;
	color:#fff;
}
div.sidebar li a:hover {
	background-color:#B3C4D7;
	color:#34588D;
	text-decoration:none;
}

/* -------------------------------------------------------------- 

  Form
  
-------------------------------------------------------------- */
form label, form p.label, form p.qs, form li {
    font-size:1em;
}
form div.req label,
form div.req div.note {
    color:#202020;
}
form div.req label span {
    color:#ff0000;
}
form div.req label span * {
    display:inline;
    float:none;
    margin:0;padding:0;
}
form.login input {
    width:220px;
}
form.login label {
    width:70px;
}


/* -------------------------------------------------------------- 

  Contact page
  
-------------------------------------------------------------- */
p.maps {
	font-size:0.9em;
	margin-bottom:0;
}
p.maps a {
	color:#B93B22;
}
p.maps img {
	float:left;
	margin:0 20px 3px 0;
}
p.maps img.last {
	margin-right:0;
}

/* -------------------------------------------------------------- 

  Services individual page
  
-------------------------------------------------------------- */

p.quote-btn a {
	display:block;
	margin:auto;
	width:327px; height:86px;
	overflow:hidden;
	text-align:center;
	background:#fff url(/images/quote_btn_bg.png) top left no-repeat;
	font-size:1.5em;
	line-height:1.2;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	padding-top:20px;
}
p.quote-btn a:hover {
	background-position:0 -140px;
}
/* -------------------------------------------------------------- 

  Training course individual page
  
-------------------------------------------------------------- */

div.course-info {
	border:1px solid #999;
	margin-bottom:18px;
}
div.course-info h3 {
	background-color:#589BF9;
	color:#000;
	text-transform:none;
	padding:6px 9px;
	margin:0;
}
div.your-place h3 {
	background-color:#F15A23;
}
div.course-info table {
	width:100%;
	margin:0;
}
div.course-info th,
div.course-info td {
	vertical-align:top;
	border:0;
}
div.course-info th {
	border-right:1px solid #999;
}
a.calendar-link {
	color:#B93B22;
	font-weight:bold;
	font-size:1.1em;
}

p.course-request { 
    border:1px solid #5B090A;
    color:#5B090A;
    background:#f3ee84 url(images/course_info_bg.png) bottom left repeat-x;
    padding:9px; 
}

p.course-request a {
    color:#5B090A;
    text-decoration:none;
}
/* -------------------------------------------------------------- 

  Product sidebar
  
-------------------------------------------------------------- */
.product-sidebar {
	position:relative;
}
.product-sidebar p img {
	margin:0;
}
.product-sidebar img.cc-logo {
	position:absolute;
	top:-10px;left:-20px;
}
.product-sidebar .info {
	border:0;
}
.product-sidebar .info h3,
.product-sidebar .info a {
	text-transform:none;
	color:#B93B22;
}
.product-sidebar .info p,
.product-sidebar .info li {
	color:#333;
}
.product-sidebar .info.disability {
	background-image:url(/images/disability_symbols.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:90px;
}
.product-sidebar .soft,
.product-sidebar .soft p,
.product-sidebar .soft li,
.product-sidebar .soft h3,
.product-sidebar .soft ul,
.product-sidebar .soft ol {
	background:transparent !important;
}
.product-sidebar .soft {
	border:1px solid #ccc;
}	
div.training-why blockquote,
div.training-why p,
div.training-law p,
div.course-blurb p,
div.course-info p,
div.course-info dl {
    margin:.5em .8em;
}

div.training-law h3,
div.training-why h3 {
    font-weight:normal;
}

div.training-law {
    margin-bottom:24px;
}

div.training-why ul {
    margin:9px 9px 9px 25px;
}

div.training-why blockquote {
    color:#333;
}


/* -------------------------------------------------------------- 

  Product list (old product pages)
  
-------------------------------------------------------------- */

ul.products {
    list-style-type: none;
    margin:0 0 2.5em 0; padding:0;
}

ul.products {
    margin:1em 30px 2em 30px;
}
ul.products li {
    display:block;
    float:left;
    width:122px;
    text-align:center;
    margin-right:7px;
    font-size:1.1em;
}
ul.products li a {
    display:block;
    background-color:#ddd;
    border:1px solid #ccc;
    padding:5px 0;
}
ul.products li img {
    margin-bottom:5px;
}
ul.products li.last {
    margin-right:0;
}
ul#fire-videos,
ul#other-videos,
ul#manuals,
ul#booklets {
   margin:1em 0 2em 0;
}
ul#booklets li {
   width:108px; 
}
ul#manuals li {
   width:170px; 
}

ul#fire-videos li {
   width:130px; 
}
ul#other-videos li {
   width:170px; 
}

/* -------------------------------------------------------------- 

  Product page (old product pages)
  
-------------------------------------------------------------- */

div.folio-blurb {
    width:300px;
    margin-right:10px;
    float:left;
}
div.folio-img {
    float:left;
    width:350px;
}
p.mm {
    background-color:#fff;
    color:#fff;
    text-align:center;
}

p.mm img {
    display:block;
    margin:0;
}

p.mm span {
    display:block;
    padding:5px;
}

p.also {
    padding:0;margin:10px 0 0 0;
    font-size:1.1em;
}

p.also img {
    float:left;
    margin:0 10px 0 0;
}

p.also a {
    background-color:#22B24B;
    border:4px solid #00A890;
    color:#fff;
}

p.also a:link,
p.also a:visited,
p.also a:active {
    color:#fff;
    display:block;
    text-decoration:none;
}

/* Colour blocks for each product */
body.dsep p.also a,
body.dseb1 p.also a {
    border:4px solid #00A890;
    background-color:#00A890;
}
body.dsep p.also a:hover,
body.dseb1 p.also a:hover {
    border:4px solid #AAE2DA;
}
body.dsep p.mm,
body.dseb1 p.mm {
    background-color:#00A890;
}


body.dwp p.also a,
body.dwtb1 p.also a {
    border:4px solid #221E73;
    background-color:#221E73;
}
body.dwp p.also a:hover,
body.dwtb1 p.also a:hover {
    border:4px solid #6C69A2;
}
body.dwp p.mm,
body.dwtb1 p.mm {
    background-color:#221E73;
}


body.fsp p.also a,
body.fsb1 p.also a {
    border:4px solid #A81A1A;
    background-color:#A81A1A;
}
body.fsp p.also a:hover,
body.fsb1 p.also a:hover {
    border:4px solid #C56666;
}
body.fsp p.mm,
body.fsb1 p.mm {
    background-color:#A81A1A;
}

body.mhp p.also a,
body.mhb1 p.also a {
    border:4px solid #C45C29;
    background-color:#C45C29;
}
body.mhp p.also a:hover,
body.mhb1 p.also a:hover {
    border:4px solid #D89270;
}

body.mhp p.mm,
body.mhb1 p.mm {
    background-color:#C45C29;
}

body.osep p.also a,
body.ose1 p.also a {
    border:4px solid #E89418;
    background-color:#E89418;
}
body.osep p.also a:hover,
body.ose1 p.also a:hover {
    border:4px solid #F0B865;
}

body.osep p.mm,
body.ose1 p.mm {
    background-color:#E89418;
}


body.hwse1 p.mm,
body.hsm p.mm {
    background-color:#505050;
}

body.fslb p.mm {
    background-color:#990000;
}