@charset "UTF-8";
/* COLOURS:
Blue #003e8a
Light Blue #eff5fc
Hover Red #f13d0d
Orange #f1870d
Light Orange #feebd6
*/

/*-TYPE SETTINGS-----------------------------------------------------------------------*/
body {
font-family:Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,strong {
font-weight:bold;
}
h1,h2,h3,h4 {
color:#003e8a;
}
h1 {
font-size:155%;
}
h2 {
font-size:120%;
}
h3 {
font-size:100%;
}
h4 {
font-size:90%;
}
dt {
font-size:90%;
font-weight:bold;
}
p, li, dd {
font-size:80%;
line-height:1.4;
}
#content h1 {
margin:0 0 0.5em 0;
border-bottom:2px solid #f1870d;
}
#content h2 {
margin:0.9em 0 0.2em 0;
}
#content h3 {
margin:0.5em 0 0.1em 0;
}
#content p {
margin:0 0 0.7em 0;
}
#content ul {
margin:0;
}
#content li {
margin:0.3em 0 0 15px;
list-style:url(/images/layout/orange-bullet.png);
}
#content a {
text-decoration:underline;
}
#content a:link {
color: #003e8a;
}
#content a:visited {
color:#660099;
}
#content a:hover, #content a:active, #content a:focus {
color: #f13d0d;
}
#content .rightimage {
float:right;
}
#content div.information {
background-color:#eff5fc;
padding:0;
margin:20px 0;
border:1px solid #ddd;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
#content div.information h2 {
background-color:#003e8a;
color:#fff;
padding:2px 15px;
margin:0 0 0.2em 0;
-moz-border-radius:10px 10px 0 0;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
border-radius:10px;
}
#content div.information p {
padding: 0.5em 15px 0.5em 15px;;
}
#content hr {
margin-top:3em;
}

/*-HEADER SETTINGS-----------------------------------------------------------------------*/
#header {
width:770px;
height:102px;
margin-bottom:20px;
background-image: url(/images/header/header-bg.png);
background-repeat:repeat-x;
background-position:left bottom;
}

#accessibility {
width:550px;
float:right;
padding-bottom:1px;
position:relative;
}
#accessibility ul {
text-align:right;
margin-right:3px;
}
#accessibility li {
display:inline;
margin-left:1.5em;
font-size:80%;
}
#accessibility #skiplink a {
position:absolute;
left:-9999px;
}
#accessibility li a:link, #accessibility li a:visited  {
color:#000;
}
#accessibility li a:hover, #accessibility li a:active, #accessibility li a:focus  {
color:#f13d0d;
}
#accessibility #normal {
font-size:100%;
font-weight:bold;
}
#accessibility #large {
font-size:127%;
font-weight:bold;
}
#accessibility #largest {
font-size:150%;
font-weight:bold;
}
#contrast li a {
border:1px solid #000;
padding:2px;
font-weight:bold;
font-size:120%;
}
#contrast li a:hover, #accessibility ul #contrast a:active, #accessibility ul #contrast a:focus {
border:1px solid #dd0000;
}
#brand {
width:200px;
position:relative;
height:91px;
}
#brand img {
position:absolute;
left:2px;
top:2px;
}
#brand h2, #brand p {
position:absolute;
text-indent:-9999px;
}


/*-NAVIGATION SETTINGS-----------------------------------------------------------------------*/

#menu {
width:180px;
margin-top:5px;
float:left;
}
#menu h2 {
position:absolute;
text-indent:-9999px;
}
#menu li {
margin:0 0 1px 0;
}
#menu li a {
position:relative;
background-color:#f1870d;
font-size:92%;
width:165px;
display:block;
color:#fff;
font-weight:bold;
text-decoration:none;
padding:2px 5px 2px 10px;
-moz-border-radius: 0 10px 10px 0;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-radius: 0 10px 10px 0;
}
#menu li a:hover, #menu li a:active, #menu li a:focus {
background-color:#f13d0d;
}
body.hom #menu ul li.hom a,
body.pai #menu ul li.pai a,
body.pan #menu ul li.pan a,
body.fin #menu ul li.fin a,
body.app #menu ul li.app a,
body.con #menu ul li.con a,
body.fam #menu ul li.fam a {
background-color:#003e8a;
}
.hom #menu {
background:url(/images/side/logo.png) no-repeat left bottom;
padding-bottom:250px;
}
.pai #menu {
background:url(/images/side/paintgun.jpg) no-repeat left bottom;
padding-bottom:330px;
}
.pan #menu {
background:url(/images/side/welding.jpg) no-repeat left bottom;
padding-bottom:390px;
}
.fam #content {
background:url(/images/layout/shark.jpg) no-repeat right bottom;
padding-bottom:10px;
}
.trainingday {
width:300px;
}
.smallprint.trainingday {
width:200px;
}

/*-LAYOUT SETTINGS-----------------------------------------------------------------------*/

html {
background-image: url(/images/layout/page-bg.png);
background-repeat:repeat-y;
background-color:#eee;
}

#content {
width:535px;
margin-left:205px;
padding-right:30px;
padding-bottom:45px;
}

/*-HOMEPAGE SETTINGS-----------------------------------------------------------------------*/

#content div.homebox {
width:254px;
height:242px;
float:left;
background-color:red;
color:#f1870d;
overflow:hidden;
position:relative;
margin-top:6px;
margin-bottom:20px;
}
#content div.homebox:hover {
cursor:pointer;
}
#content div.homebox h2 {
color: #f1870d;
font-size:290%;
line-height:1;
position:absolute;
top:10px;
left:0px;
margin:0;
padding:0 0 0 10px;
text-transform:uppercase;
background:url(/images/home/bg.png);
width:100%;
}
#content div.homebox p {
font-weight:bold;
font-size:100%;
line-height:1.1;
position:absolute;
bottom:10px;
left:0;
margin:0;
padding:3px 0 3px 10px;
background:url(/images/home/bg.png);
width:100%;
}
#content div.homebox p.view {
padding-right:10px;
font-size:130%;
bottom:276px;
}
#content div.homebox p.view a {
color:#f1870d;
text-decoration:none;
}
#content div.homebox.paint {
float:left;
background:url(/images/home/paint.jpg) no-repeat left top;
}
#content div.homebox.panel {
float:right;
background:url(/images/home/panel.jpg) no-repeat left top;
}
.hom #content h1 {
margin-bottom:15px;
}
.hom #content {
background:url(/images/home/mechanic.jpg) no-repeat bottom right;
}
.hom #content p {
width:300px;
}

/*-COURSE PAGE SETTINGS-----------------------------------------------------------------------*/

#content .test {
width:255px;
margin-bottom:10px;
}
#content .test h2 {
margin:0;
}
#content .test p {
margin-bottom:0.2em;
}
#content .test p.duration {
font-weight:bold;
color:#003e8a;
}
#content .price {
font-weight:bold;
color:#003e8a;
}
#content .test ul {
display:block;
margin-top:0;
margin-bottom:1em;
}
#content .test li {
margin-left:15px;
font-size:85%;
}
#content .test.left {
float:left;
}
#content .test.right {
float:right;
}
body.pai #content .test.left {
border-right:1px dotted #f1870d;
padding-right:12px;
}
body.pan #content .test.right {
border-left:1px dotted #f1870d;
padding-left:12px;
}
#content .clear {
clear:both;
}
#content .test .equipment {
background-color:#eff5fc;
border:1px solid #ddd;
padding:5px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
#content .test .equipment ul {
margin:0;
}
#content p.smallprint {
font-style:italic;
font-size:85%;
margin-top:2em;
}
#content p.applybutton a {
width:45%;
}
#content p.applybutton a:link, #content p.applybutton a:visited {
color:#fff;
text-decoration:none;
padding:0.2em;
border-right:1px solid #777;
border-bottom:1px solid #777;
-moz-border-radius:15px;
-webkit-border-radius:10px;
border-radius:15px;
display:block;
background-color:#f1870d;
text-align:center;
font-weight:bold;
font-size:110%;
margin: 20px auto;
}
#content p.applybutton a:hover, #content p.applybutton a:active, #content p.applybutton a:focus {
background-color:#f13d0d;
text-decoration:underline;
}
.fam #content p.applybutton a {
width:65%;
}

/*-TABLE SETTINGS-----------------------------------------------------------------------*/

#content table {
width:100%;
border-collapse:collapse;
margin-bottom:1em;
}
#content th, #content td {
padding:0.3em 0.3em;
text-align:center;
}
#content table th {
font-size:85%;
font-weight:bold;
background-color:#f1870d;
color:#fff;
}
#content table td {
font-size:85%;
}
#content table .stripe {
background-color:#feebd6;
}

/*-CONTACT FORM SETTINGS-----------------------------------------------------------------------*/

form {
background-color:#eff5fc;
padding:15px 10px 10px 10px;
border:1px solid #ddd;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.invalid {
color: #f13d0d;
}
.details input {
width:250px;
}
.short input {
width:150px;
}
.info {
margin-left:0.5em;
font-size:90%;
font-style:italic;
}
p.info {
font-size:85%;
}
.submit input {
width:6em;
margin-top:0.5em;
}
label.error {
color:#e30915;
display:inline;
margin-left:0.3em;
padding-left:19px;
background-image:url(/Training4Careee/images/alerticon.png);
background-repeat:no-repeat;
background-position:left;
font-size:90%;
}
.details label.leftlabel {
display:block;
float:left;
width:8em;
}
legend {
line-height:1.6;
font-weight:bold;
font-size:85%;
color:#f1870d;
}
#content form fieldset.enquiry p {
margin-left:8em;
}
#content form fieldset.enquiry p.query {
margin-left:0;
}
#content form fieldset.enquiry p label.leftlabel {
float:left;
}
textarea {
margin-top:-0.5em;
}
fieldset {
border:1px solid #ddd;
padding:0.5em 0.5em 0 0.5em;
margin-bottom:1em;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.choices {
padding-bottom:0.5em;
}
.choices .details label.leftlabellong {
display:block;
width:400px;
}
.choices select {
margin-top:-1.7em;
float:right;
}
.choices p {
border-bottom:1px solid #ddd;
}
.choices .cost {
font-size:85%;
}
/*-FOOTER SETTINGS-----------------------------------------------------------------------*/

#footer {
width:750px;
border-top:1px solid #f1870d;
clear:both;
font-size:80%;
position:relative;
color:#999;
padding:16px 10px;
}
#footer p {
width:550px
}
#footer p a {
color:#999;
}
#footer p a:hover, #footer p a:active, #footer p a:focus {
color:#f13d0d;
}
#footer a.skclogo {
position:absolute;
top:10px;
right:5px;
text-decoration:none;
}
#footer img.skclogo {
background-image:url(/images/layout/skc-logo.png);
}