html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"""";}.clear{display:inline-block;} .clear:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}*html .clear{height:1%;}.clear{display:block;}.hide{display:none;}
/*
####################
GAS LOGIC CSS
James Hayter - CreativeEdge
####################
*/
/************* < main > *************/
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(/images/bg_grad.jpg) repeat-x top left #C9D0E3; margin-top:60px; }
.clear { clear:both; }
ol li { padding:5px 0; }
strong { font-weight:bold; }
#call { font-size:1.9em; color:#304187; font-weight:normal; padding-top:0; margin-top:0; margin-bottom:0; text-align:right; }
#lines { font-size:1em; color:#304187; font-weight:normal; padding-top:0; margin-top:0; margin-bottom:0; text-align:right; }
#email,
#email a { font-size:1.25em; font-weight:normal; margin-top:0; color:#9BA0B3; text-align:right; text-decoration:none; }
#topCorner { background:url(/images/top_curve.jpg) no-repeat top left; height:27px; width:950px; margin:0 auto; }
#bottomCorner { background:url(/images/bottom_curve.gif) no-repeat bottom left; width:950px; margin:0 auto 60px auto; padding:0; height:26px; }
#wrapper { width:941px; margin:0 auto; padding:0; border-left:1px solid #000; border-right:1px solid #000; padding:0 0 0 7px; background:#fff; }
a { color: #000; text-decoration:underline; cursor:pointer; }
a:hover { color: #000; text-decoration:none; }
/************* < header > *************/
#top_menu { text-transform:uppercase; padding:0 0 7px 0; margin: 0 37px 0 0; background-color: #fff; border-spacing:1px; }
#top_menu td { text-align:center; padding:9px 25px; background:#25408F; }
#top_menu a { color: #fff; display:block; text-decoration:none; font-size:1.1em; font-weight:bold; }
/*
#top_menu { text-transform:uppercase; list-style-type:none; padding:0 0 7px 0; margin: 0; }
#top_menu li { float:left; }
#top_menu li a { background:#25408F; text-align:center; display:block; margin-right:1px; padding:9px 33px; color:#fff; text-decoration:none; font-weight:bold;
font-size:1.1em; }
#top_menu li a.last { padding-right:37px; }
*/
.enquiry_form input { margin:5px 0; width:220px; }
.enquiry_form input.submit_top { cursor:pointer; font-weight:bold; }
.enquiry_form button { margin:5px 0; background:url(/images/submit_bg.jpg) no-repeat top left; padding:7px 21px 7px 13px; border:none; font-weight:bold; }
.enquiry_form select { margin:5px 0; }
.enquiry_form option { width:200px; }
/******* course buttons *******/
.course_btn { width:172px; height:103px; float:left; margin:7px 8px 0 0; padding:8px 0 0 8px; display:block; text-decoration:none; }
.course_btn h3, .course_btn span { font-size:1.6em; margin-top:0; }
.course_btn p, .course_btn .small { display:block; margin-top:38px; font-size:0.8em; color:#000; }
.course_btn_small { width:122px; height:73px; float:left; margin:7px 10px 0 0; padding:8px 0 0 8px; display:block; text-decoration:none; }
.btn_entrants { width: 127px; }
.course_btn_small h3, .course_btn_small span { font-size:1.1em; margin-top:0; font-weight:bold; }
.course_btn_small p, .course_btn_small .small { display:block; margin-top:14px; font-size:0.8em; color:#000; }
.gas_btn { background:url(/images/gas_btn.jpg) no-repeat top left; }
.gas_btn h3, .gas_btn span { color:#294084; }
.electric_btn { background:url(/images/electric_btn.jpg) no-repeat top left; }
.electric_btn h3, .electric_btn span { color:#D9141E; }
.water_btn { background:url(/images/water_btn.jpg) no-repeat top left; }
.water_btn h3, .water_btn span { color:#03A0C3; }
.renewables_btn { background:url(/images/renewables_btn.jpg) no-repeat top left; }
.renewables_btn h3, .renewables_btn span { color:#05984A; }
.entrants_btn { margin-right:0; background:url(/images/entrants_btn.jpg) no-repeat top left; }
.entrants_btn h3, .entrants_btn span { color:#E79F30; }
/******* new large course buttons *********/
.course_button {
float:left;
display:block;
margin-top:5px;
padding:8px 0px 0px 8px;
width:101px;
height:80px;
margin-right:8px;
text-decoration:none;
color: #fff;
}
.course_button:hover {
color: #fff;
text-decoration:none;
}
.course_button:hover .button_small_text {
text-decoration:underline;
}
.course_button_last {
margin-right:0;
}
.course_button_blue {
background: url('/images/course-buttons/button.blue.jpg');
}
.course_button_red {
background: url('/images/course-buttons/button.red.jpg');
}
.course_button_cyan {
background: url('/images/course-buttons/button.cyan.jpg');
}
.course_button_green {
background: url('/images/course-buttons/button.green.jpg');
}
.course_button_brown {
background: url('/images/course-buttons/button.brown.jpg');
}
.course_button_purple {
background: url('/images/course-buttons/button.purple.jpg');
}
.course_button_orange {
background: url('/images/course-buttons/button.orange.jpg');
margin-right:0;
}
.course_button_grey {
background: url('/images/course-buttons/button.grey.jpg');
}
.course_button .span-container {
display:block;
}
.course_button .span-container .button_title {
font-size:1.4em;
display:block;
line-height:1em;
margin-right:44px;
margin-bottom:8px;
}
.course_button .span-container .button_small_text {
font-size:0.75em;
display:block;
}
/* --- */
.gas_btn_small { background:url(/images/gas_btn_small.jpg); }
.gas_btn_small h3, .gas_btn_small span { color:#294084; }
.electric_btn_small { background:url(/images/electric_btn_small.jpg); }
.electric_btn_small h3, .electric_btn_small span { color:#D9141E; }
.water_btn_small { background:url(/images/water_btn_small.jpg); }
.water_btn_small h3, .water_btn_small span { color:#03A0C3; }
.renewables_btn_small { background:url(/images/renewables_btn_small.jpg); }
.renewables_btn_small h3, .renewables_btn_small span { color:#05984A; }
.entrants_btn_small { margin-right:0; background:url(/images/entrants_btn_small.jpg); }
.entrants_btn_small h3, .entrants_btn_small span { color:#E79F30; }
/* --- */
/*.topMenuTable { width:683px; margin:7px auto 0 auto; margin-top:7px; }*/
.topMenuTable { width:683px; margin:7px 0 0 0; }
.topMenuTable td { text-align:center; padding:5px 0; border-right:1px solid #fff; }
.topMenuTable td a { color:#fff; text-decoration:none; font-size:1em; font-weight:bold; text-transform:uppercase; }
#headerDivider {}
#headerDivider h3 { font-size:1.5em; color:#25408F; margin-top:0; margin-bottom:0; padding:0; }
#headerDivider p { margin-top:3px; margin-bottom:7px; }
#headerDivider .enquiry_form {}
/************* < left / right > *************/
#left { float:left; width:172px; margin:0 15px 0 3px; padding-right:7px; }
#left h3 { font-weight:normal; font-size:1.6em; line-height:1.6em; margin:0 0 10px 0; }
#left h3 img { margin-bottom:-7px; }
#left h4 { color:#25408F; font-size:1.1em; margin:10px 0 5px 0; font-weight:bold; }
#left a { color:#25408F; text-decoration:none; }
#left a:hover { text-decoration:underline; }
#left .leftMenuBox { background:#A8B3D3; padding:12px 15px 15px 15px; width:140px; margin-bottom:15px; }
#left .leftMenuBox h3 { color:#2A3D8A; margin-bottom:0; line-height:1.2em; font-size:1.4em; font-weight:bold; }
#left .leftMenuBox h3.catName { font-size:1.2em; color:#000; padding:12px 0 0 0; margin-bottom:3px; }
#left .leftMenuBox h4 { font-size:0.8em; font-weight:bold; color:#000; }
#left .leftMenuBox h4 a { color:#000; text-decoration:none; font-weight:normal; font-size:1.1em; }
#left .leftMenuBox h4 a:hover { text-decoration:underline; }
#left .pdf_left_menu { margin-top:10px; }
#left .pdf_left_menu img { float:left; }
#left .pdf_left_menu p { margin-left:50px; }
#left .pdf_left_menu a { color:#000; text-decoration:underline; }
#left .pdf_left_menu a:hover { text-decoration:none; }
#right { float:right; width:225px; margin:0 7px 0 15px; padding-left:10px; }
#right h3 { font-weight:normal; font-size:1.6em; color:#2A3D8A; line-height:1.6em; margin:0; }
#right h3.title { margin-bottom:-7px; }
#right h3.title img { margin-bottom:-5px; }
#right h4 a { text-decoration:none; }
#right h4 a:hover { text-decoration:underline; }
#right h4 { color:#25408F; font-size:1.2em; margin:10px 0; font-weight:bold; }
#right a.right_btn { width:216px; height:104px; float:right; padding:8px 0 0 8px; display:block; text-decoration:none; }
#right a.right_btn h3,
#right a.right_btn span { display:block; margin:0 0 15px 0; font-size:1.6em; line-height:1.1em; padding:0; }
#right a.right_btn p,
#right a.right_btn .small { margin-top:0; margin-bottom:0; font-size:0.8em; color:#000; }
#right a.green { background:url(/images/mod_btn.jpg) no-repeat top left; }
#right a.green h3,
#right a.green span { color:#0B6C36; }
#right a.orange { background:url(/images/orange_large_box.jpg) no-repeat top left; margin-bottom:15px; }
#right a.orange h3,
#right a.orange span { color:#E2A123; margin-bottom:40px; }
#right a.cyan { background:url(/images/enew_btn.jpg) no-repeat top left; margin-top:15px; }
#right a.cyan h3,
#right a.cyan span { color:#32AAD7; margin-bottom:40px; }
#right .enquire_box { background:url(/images/blue_large_box.jpg) no-repeat top left; height:165px; margin-bottom:15px; padding:67px 13px 0 12px; }
#right .enquire_box h2 { color:#fff; font-size:2em; }
#right .finance_top { margin-top:15px; background:url(/images/top_curve_small.jpg) no-repeat top left; width:220px; padding-top:19px; }
#right .finance_main { border-left:1px solid #29438D; border-right:1px solid #29438D; width:198px; padding:0 10px; margin-top:0; }
#right .finance_main h3 { padding-top:0; margin-top:-5px; font-weight:bold; }
#right .finance_main p { margin:5px 0; }
#right .finance_bottom { background:url(/images/bottom_curve_small.jpg) no-repeat bottom left; padding-bottom:19px; margin-top:-5px; }
#right .redLink a { color:#D8172A; text-decoration:none; }
#right .blueLink a { color:#25408F; text-decoration:none; }
#right .lightBlueLink a { color:#38B8DB; text-decoration:none; }
#right .redLink a:hover ,
#right .blueLink a:hover,
#right .lightBlueLink a:hover { text-decoration:underline; }
/************* < content > *************/
.content_wrapper { background:url(/images/content_bg.gif) repeat-y top left; margin-top:10px; padding:0; }
.content_inner_1 { float:left; width:240px; padding-right:10px; }
.content_inner_2 { float:right; width:230px; padding:0; }
.content_inner_1 a,
.content_inner_2 a { color:#25408F; }
#content { margin-top:7px; margin-left:196px; margin-right:260px; }
#content .title { color:#25408F; font-size:1.6em; font-weight:normal; line-height:1.4em; margin-bottom:10px; }
#content .subtitle { font-size:1.3em; }
#content p { line-height:1.8em; margin-bottom:7px; text-align: justify;}
#content h2 { color:#25408F; font-size:1.4em; margin-bottom:5px; font-weight:bold; }
#content h3 { color:#25408F; font-size:1.3em; margin-bottom:5px; font-weight:bold; }
#content h4 { font-weight:bold; margin-top:15px; }
#content h4.first { margin-top:0; }
#content h6 { color:#25408F; font-size:0.9em; margin-bottom:5px; }
#content hr { border:none; border-bottom:1px solid #979BC8; margin-bottom:20px; }
#content a { color:#25408F; }
#content a:hover { text-decoration:none; }
#content .breadcrumb { margin-bottom:7px; }
#content .breadcrumb a { color:#000; text-decoration:underline; }
#content .breadcrumb a:hover { text-decoration:none; }
#content input { width:367px; margin:2px 0; border:1px solid #253F8C; }
#content input submit_btn { width:90px; border:1px solid #000; }
#content .contact_stripe { background:#253F8C; color:#fff; padding-left:5px; }
#content .contact_stripe p { margin:0; padding:3px 0; }
#content .leftSide { width:106px; }
#content .rightSide { width:367px; }
#content .course_areas p { margin:2px 0; padding:0; }
#content .course_areas input { width:20px; margin:0; border:none; }
#content .submit_btn { cursor:pointer; }
#content .sitemap_list { list-style:none; }
#content .sitemap_list a { text-decoration:none; color:#000; padding-bottom:7px; display:block; }
#content .sitemap_list a:hover { text-decoration:underline; }
#content .redLink a { color:#D8172A; text-decoration:none; }
#content .blueLink a { color:#25408F; text-decoration:none; }
#content .lightBlueLink a { color:#38B8DB; text-decoration:none; }
#content .redLink a:hover ,
#content .blueLink a:hover,
#content .lightBlueLink a:hover { text-decoration:underline; }
#content .big { font-size:1.3em; }
#content .comp_links a { font-size:1.2em; color:#000; text-decoration:none; font-weight:bold; }
#content .comp_links a:hover { text-decoration:underline; }
a.printPage { float:right; text-decoration:none; font-size:1.2em; color:#000; }
a.printPage img { margin-bottom:-7px; }
.gas_colour { background:#25408F; }
.gas_lightColour,
#left .gas_lightColour { background:#A8B3D3; }
#left .gas_lightColour h3,
#left .gas_text,
#right .gas_text,
#content .gas_text,
#content .comp_links .gas_text { color:#25408F; }
.electric_colour { background:#D9141E; }
.electric_lightColour,
#left .electric_lightColour { background:#F7A4A8; }
#left .electric_lightColour h3,
#right .electric_text,
#content .electric_text,
#content .comp_links .electric_text { color:#D9141E; }
.water_colour { background:#03A0C3; }
.water_lightColour,
#left .water_lightColour { background:#98ECFE; }
#left .water_lightColour h3,
#right .water_text,
#content .water_text,
#content .comp_links .water_text { color:#03A0C3; }
.renewables_colour { background:#05984A; }
.renewables_lightColour,
#left .renewables_lightColour { background:#CDFEE4; }
#left .renewables_lightColour h3,
#right .renewables_text,
#content .renewables_text,
#content .comp_links .renewables_text { color:#05984A; }
.entrants_colour { background:#E79F30; }
.entrants_lightColour,
#left .entrants_lightColour { background:#F5E1BC; }
#left .entrants_lightColour h3,
#right .entrants_text,
#content .entrants_text,
#content .comp_links .entrants_text { color:#E79F30; }
.oil_colour { background:#8A5E3B; }
.oil_lightColour,
#left .oil_lightColour { background:#CFA481; }
#left .oil_lightColour h3,
#right .oil_text,
#content .oil_text,
#content .comp_links .oil_text { color:#8A5E3B; }
.safety_colour { background:#69409C; }
.safety_lightColour,
#left .safety_lightColour { background:#B486EF; }
#left .safety_lightColour h3,
#right .safety_text,
#content .safety_text,
#content .comp_links .safety_text { color:#69409C; }
.refrigeration_colour { background:#939598; }
.refrigeration_lightColour,
#left .refrigeration_lightColour { background:#d3d3d3; }
#left .refrigeration_lightColour h3,
#right .refrigeration_text,
#content .refrigeration_text,
#content .comp_links .refrigeration_text { color:#939598; }
#content .colourBlock_small { color:#fff; padding:2px 0 2px 5px; font-weight:bold; margin-top:20px; }
/************* < footer > *************/
#footer { margin:0; padding:0; }
#footer .footerlinks { background:#B2B2B2; margin:15px 7px 15px 0; padding:10px; color:#25408F; }
#footer .footerlinks a { text-decoration:none; font-size:1.2em; color:#25408F; }
#footer .footerlinks a:hover { text-decoration:underline; }
#footer .w3c { float:right; margin-top:-22px; }
#footer .footer_address { float:right; width:150px; font-size:0.6em; color:#8B8B8B; text-align:right; margin-right:15px; }
#footer .footer_address a { color: #8B8B8B; font-weight:normal; text-decoration:none; }
#footer .footer_course_logos { margin-left:15px; }
#footer .footer_course_logos h4 { float:left; margin:25px 15px 0 15px; font-weight:bold; }
#footer .footer_course_logos img { margin-right:15px; }
#footer .footer_course_logos .high { margin-bottom:-5px; }
#footer .footer_course_logos a,
#footer .footer_course_logos a:hover { text-decoration:none; }
#footer .footer_sponsor_logos img { margin-right:10px; margin-top:15px; }
table.descriptiontable {
width:99%;
margin:0 auto;
}
table.descriptiontable td {
background: #dfe3ee;
padding:5px;
}
.offersbox,
.finance_main {
display:none;
}
#content ul {
list-style:disc;
margin: 0 0 10px 2em;
}