﻿/*

Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0

*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}

/*

Overall site style starts here

*/

:focus 
{
    outline:0;
}

body
{
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:0.72em;
    color:#555b60;
}

a, a:visited
{
    color:#2c75bb;
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}

h2
{
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:1.075em;
    font-weight:bold;
    color:#2c75bb;
    padding-bottom:12px;
}

h3
{
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:1.05em;
    font-weight:bold;
    color:#2c75bb;
    padding-bottom:6px;
}

p
{
    margin-bottom:12px;
    line-height:1.7em;
}

li
{
    font-size:1.12em;
    line-height:1.55em;
}

#pageWrapper
{
    width:768px;
    border-top:1px solid #d6d6d6;
    border-left:1px solid #d6d6d6;
    border-right:1px solid #d6d6d6;
    margin:auto;
    margin-top:24px;
    background-color:#fff;
    position:relative;
}

#topSection
{
    height:80px;
}

#navSection
{
    border-bottom:1px solid #0e61a3;
    background-color: #106cb6;
}

#navSectionLeft ul, #navSection ul li
{
    float:left;
}

#navSectionLeft ul li a, #navSectionLeft ul li a:visited
{
    color:#fff;
    font-size:0.9em;
    display:block;
    padding:9px 12px 8px 12px;
}

#navBasket
{
    padding-right:12px;
    padding-top:11px;
    text-align:right;
    color:#fff;
}

#navBasket a
{
    color:#fff;
}

#imageSection
{
    height:59px;
    background-color: #106cb6;
    background-image:url(images/topBackground.png);
}

#searchSection
{
    height:30px;
    border-bottom:1px solid #b8cbd8;
    border-top:1px solid #b8cbd8;
    background-color: #cde2f0;
}

#container ul li
{ 
    margin-left:15px;
    padding-left:8px;
    list-style-type:disc;
}

#container ul
{  
    margin-bottom:12px;
}

#coursesNav
{
    height:123px;
    border-bottom:1px solid #d6d6d6;
}

#coursesNav p
{
    padding:12px;
}

#coursesNavText
{
    width:450px;
}

#coursesNavElements ul, #coursesNavElements ul li
{
    float:left;
}

#coursesNavElements ul li
{
    line-height:1.2em;
}

#coursesNavElements ul li a, #coursesNavElements ul li a:visited
{
    
    font-size:0.9em;
    display:block;
    padding:5px 12px 5px 12px;
    border-top:1px solid #d6d6d6;
    border-right:1px solid #d6d6d6;
}

#coursesContainer
{
    margin:12px;
}

#footer
{
    padding-left:12px;
    height:30px;
    background-color:#cde2f0;
    color:#2c75bb;
    margin-top:7em;
}

#footerRight
{
    padding-right:12px;
    padding-top:8px;
    font-size:0.94em;
    height:22px;
    width:248px;
    background-color:#1a72b9;
    text-align:right;
    color:#fff;
}

#footerLeft
{
    padding-top:8px;
    font-size:0.92em;
    height:22px;
    background-color:#cde2f0;
    color:#2c75bb;
}

#footerLeft a:hover
{
    text-decoration:underline;
}

.searchBox
{
    margin-left:5px;
    margin-top:5px;
    padding-top:1px;
    height:17px;
    border:1px solid #bbb;
    width:380px;
    margin-right:2px;
    color:#848484;
}

.searchButton
{
    color:#fff;
    font-size:0.95em;
    background-color:#106cb6;
    border:1px solid #bbb;
    height:20px;
    width:105px;
    padding-bottom:3px;
    cursor:pointer;
}

.courseContent
{
    height:118px;
    width:234px;
    font-size:0.9em;
}

.courseContent h2
{
    color:#2c75bb;
    font-size:1.2em;
    padding-bottom:4px;
}

.courseContentDetail
{
    margin-top:10px;
    color:#bf2222;
    font-size:1.1em;
    font-weight:bold;
}

.course
{
    width:363px;
    height:140px;
    margin-bottom:20px;
}

.spacer
{
    padding-top:4px;
}

.blue, .blue a, .blue a:visited
{
    color:#a1d1ef;
}

.selected
{
    color:#fff;
    background-color:#4c91c8;
}

.highlight
{
    color:#2c75bb;
}

.bold
{
    font-weight:bold;
}

.border
{
    border:1px solid #d6d6d6;
}

.acronym
{
    border-bottom:1px dotted #2c75bb;
    color:#2c75bb;
}

.spaceLeft
{
    padding-left:12px;
}

.fLeft
{
    float:left;
}

.fRight
{
    float:right;
}

.clear
{
	overflow:auto;
}

* html .clear { height:1%; }

/* 

Stuff for the courses frontpage

*/

#container
{
    margin:12px;
}

#leftPanel
{
    width:460px;
}

#rightPanel
{
    width:247px;
   
    padding-left:12px;
}

#signupPanel
{
    height:142px;
    border:1px solid  #106cb6;
    margin-bottom:12px;
    padding:12px;
    background-image:url(images/signback.png);
    background-repeat:no-repeat;
}

#signupText
{
    width:150px;
}

#competitionText
{
    margin-bottom:12px;
}

#signupPanel h2
{
    color:#fff;
}

#competitionPanel
{
    height:142px;
    border:1px solid  #106cb6;
    padding:12px;
}

#featureContainer
{
    margin-bottom:24px;
}

#featureContent
{
    width:340px;
}

#frontPrice
{
    color:#bf2222;
    font-size:1em;
    font-weight:bold;
    margin-top:12px;
    margin-right:12px;
}

#frontAdd
{
    margin-top:10px;
}

.emailBox
{
    width:160px;
    height:17px;
    border:1px solid #2c75bb;
    font-size:0.89em;
    color:#848484;
    padding-top:2px;
    margin-right:3px;
}

.signupButton
{
    color:#fff;
    font-size:0.95em;
    background-color:#106cb6;
    border:1px solid #28547f;
    height:20px;
    width:52px;
    padding-bottom:4px;
    cursor:pointer;
}

.offerImage
{
    margin-right:10px;
}

/* 

Stuff for Home Page / About Page / News Page

*/

#homeSpecialsPanel
{
    height:166px;
    border:1px solid  #d6d6d6;
    margin-bottom:12px;
    background-repeat:no-repeat;
}

#newsPanel
{
    height:142px;
    border:1px solid  #d6d6d6;
    padding:6px;
    background-image:url("images/newsside2.png");
}

#downloadPanel
{
    height:166px;
    border:1px solid  #d6d6d6;
    margin-bottom:12px;
    background-repeat:no-repeat;
    padding:6px;
}

#downloadLeft
{
    width:140px;
}

#rightPanelNews
{
    width:247px;
    height:400px;
    background-color: #cde2f0;
    margin-left:12px;
}

.imgBorder
{ 
    border:1px solid #d6d6d6;
    margin-top:3px;
    margin-right:6px;
}

.newsItem
{  
    margin-bottom:6px;
    border-bottom:1px dashed #d6d6d6;
}

.date
{
    margin-top:4px;
    margin-bottom:4px;
    font-size:0.875em;
    font-weight:bold;
    color:#8ebadd;
}

.staffContainer
{
    height:135px; 
    margin-bottom:12px;
}

.staffText
{
    width:340px;
}

/* 

Sitemap Stuff 

*/

.sitemapHeader
{
    margin-bottom:12px;
    padding-bottom:6px;
    border-bottom: 1px dashed #2c75bb;
}

.sitemapText
{
    line-height:1.5em;
    margin-bottom:12px;
}

.sitemapText a
{
    color:#555b60;
}

/* 

Product Stuff

*/

#productNavElements
{
    padding-top:97px;
}

#productNavElements ul, #productNavElements ul li
{
    float:left;
}

#productNavElements ul li
{
    line-height:1.15em;
}

#productNavElements ul li a, #productNavElements ul li a:visited
{ 
    font-size:0.9em;
    display:block;
    padding:5px 12px 5px 12px;
    border-top:1px solid #d6d6d6;
    border-right:1px solid #d6d6d6;
}

.allNav
{
    height:123px;
    border-bottom:1px solid #d6d6d6;
    background-repeat:no-repeat;
}

#homeNav
{
    background-image:url(images/banner-home.png);
}

#gradesNav
{
    background-image:url(images/banner-grades2.png);
}

#iLPNav
{
    background-image:url(images/banner-ilp.png);
}

#offersNav
{
    background-image:url(images/banner-offers.png);
}

#dyslexiaNav
{
    background-image:url(images/banner-dyslexia.png);
}

#bizeNav
{
    background-image:url(images/banner-biz.png);
}

#conkersNav
{
    background-image:url(images/banner-conkers.png);
}

#etoolNav
{
    background-image:url(images/banner-equality.png);
}

#explorersNav
{
    background-image:url(images/banner_course_explore.png);
}

#coachingcNav
{
    background-image:url(images/banner_course_coachChange.png);
}

#coachingrNav
{
    background-image:url(images/banner_course_coachResults.png);
}

#peopleNav
{
    background-image:url(images/banner_course_teenageYears.png);
}

#gngNav
{
    background-image:url(images/banner_course_goodGuilty.png);
}

#serenityNav
{
    background-image:url(images/banner_course_serenity.png);
}

#annaNav
{
    background-image:url(images/banner_course_anna.png);
}

#wellbeingEmotionalNav
{
    background-image:url(images/banner_course_wellEmo.png);
}

#wellbeingIntellectualNav
{
    background-image:url(images/banner_course_wellInt.png);
}

#wellbeingPhysicalNav
{
    background-image:url(images/banner_course_wellPhy.png);
}

#wellbeingSocialNav
{
    background-image:url(images/banner_course_wellSoc.png);
}

#wellbeingSpiritualNav
{
    background-image:url(images/banner_course_wellSpirit.png);
}

#wellbeingVocationalNav
{
    background-image:url(images/banner_course_wellVoc.png);
}

#wellbeingLITENav
{
    background-image:url(images/banner_course_wellLite.png);
}

#csNav
{
    background-image:url(images/banner_course_custServ.png);
}

#retailNav
{
    background-image:url(images/banners_courses_retail.png);
}

#diversityNav
{
    background-image:url(images/banner_course_diversity.png);
}

#csrNav
{
    background-image:url(images/banner_course_CSR.png);
}

#healthNav
{
    background-image:url(images/banner_course_HS.png);
}

#asbestosNav
{
    background-image:url(images/banner_course_asbestos.png);
}

#dataNav
{
    background-image:url(images/banners_courses_dataPro.png);
}

#stressNav
{
    background-image:url(images/banner_course_stress.png);
}

#dspNav
{
    background-image:url(images/banners_courses_delProj.png);
}

#knowledgeNav
{
    background-image:url(images/banner_course_knowMan.png);
}

#energyNav
{
    background-image:url(images/banners_courses_energy.png);
}

#mddaNav
{
    background-image:url(images/banners_courses_manageDDA.png);
}

#uddaNav
{
    background-image:url(images/banners_courses_understandDDA.png);
}

#fireNav
{
    background-image:url(images/banner-fire.png);
}

#arkNav
{
    background-image:url(images/banner-ark.png);
}

#specialNav
{
    background-image:url(images/banner-special.png);
}

.whoIsPanel
{
    height:150px;
    border:1px solid  #106cb6;
    padding:12px;
    margin-bottom:12px;
}

.purchasePanel
{
    height:150px;
    border:1px solid  #106cb6;
    padding:12px;
}

.productText
{ 
    margin-bottom:12px;
}

.selectedp
{
    color:#fff;
    background-color:#4c91c8;
}

.notselectedp
{
    background-color:#fff;
}

.selectedp a, .selectedp a:visited
{
    color:#fff;
}

/*

Shopping Cart

*/

#cartDetails
{  
    padding-top:12px;
    border-top:1px dotted #aaa;
    border-bottom:1px dotted #aaa;
}

#costDetails
{  
    padding-top:12px;
    padding-bottom:12px;
    border-bottom:1px dotted #aaa;
}

#costPrices
{
    text-align:right;
    color: #106cb6;
    padding-left:24px;
}

#costLabels
{
    text-align:right;
}

#cartButtons
{  
    padding-top:12px;
    padding-bottom:12px;
    border-bottom:1px dotted #aaa;
}

#googleCheckout
{  
    padding-top:12px;
    padding-bottom:12px;
}

#googleText
{
    width:121px;
}

.currencyPanel
{
    height:122px;
    border:1px solid  #d6d6d6;
    padding:12px;
    margin-bottom:12px;
}

.securePanel
{
    height:164px;
    border:1px solid  #d6d6d6;
    padding:12px;
}

.couponSearchBox
{
    margin-top:6px;
    padding-top:1px;
    height:16px;
    border:1px solid #bbb;
    width:117px;
    margin-right:8px;
    color:#666;
    font-size:0.95em;
}

.couponSearchButton
{
    color:#fff;
    font-size:0.95em;
    background-color:#106cb6;
    border:1px solid #bbb;
    padding-top:1px;
    height:20px;
    padding-bottom:4px;
    width:24px;
    cursor:pointer;
}

.cartItem
{
    padding-bottom:12px;
}

.cartItemText
{
    width:250px;
    margin-right:12px;
}

.cartItemRem
{
    width:100px;
}

.cartItemPrice
{
    width:60px;
    margin-left:12px;
    text-align:right;
}

.cartItemQty
{
    text-align:right;
}

.cartQtyBox
{
    padding-top:1px;
    height:16px;
    border:1px solid #bbb;
    width:30px;
    color:#666;
    font-size:0.95em;
    text-align:right;
}

.cartRemoveText a
{  
    color:#bb2c47;
}

/* 

Call Me Back Form

*/

#popupWrapper
{
    width:460px;
    height:600px;
    border:1px solid #d6d6d6;
    margin:auto;
    margin-top:20px;
    background-color:#fff;
}

#popupText
{
    margin:10px;
}

#popupFormContainer
{
    margin:10px;
    margin-top:0;
    border:1px solid #aaa;
    background-color:#d0e3f1;   
    height:400px;
}

#popupFormInner
{
    margin:10px;
}

.popupTextBox
{
    padding-top:1px;
    margin-top:4px;
    margin-bottom:8px;
    height:17px;
    border:1px solid #bbb;
    width:180px;
    color:#606060;
}

.popupDropdown
{
    padding-top:1px;
    padding-bottom:1px;
    margin-top:4px;
    margin-bottom:8px;
    height:20px;
    border:1px solid #bbb;
    width:180px;
    color:#606060;
}

.popupTextArea
{
    padding-top:1px;
    margin-top:4px;
    margin-bottom:8px;
    height:80px;
    border:1px solid #bbb;
    width:416px;
    color:#606060;
}

.popupButton
{
    color:#fff;
    font-size:0.95em;
    background-color:#106cb6;
    border:1px solid #bbb;
    height:20px;
    width:90px;
    padding-bottom:4px;
    cursor:pointer;
}

.formText
{
    width:410px;
}


table td             {width:auto !important;}


table center table table center table tr td font a,
table center table table center table tr td font a:hover,
table center table table center table tr td font a:active,
table center table table center table tr td font a:focus
{
    width:250px;
    color:#2c75bb;
    text-decoration:none;
    font-size:0.7em;
    cursor:default;
}

table center table table center table tr td a img
{
    display:none;
}

table center table table center table tr td
{
    width:0;
}

table center table table center table table tr td font a
{  
}

center table tbody tr td table tbody tr td table tbody tr td table tbody tr td font b
{
    color:black;
    font-weight:normal;
    text-align:right;
    font-family:Arial;
    font-size:0.9em;    
}

center table tbody tr td table tbody tr td table tbody tr td table tbody tr td font[color="DARKRED"] b
{
    color:#2c75bb;
    text-align:right;
    width:100%;
    display:block;
    font-weight:normal;
    font-family:Arial;
    font-size:0.9em;
}

center table tbody tr td center table tbody tr td table tbody tr td center table tbody tr td center font b
{
    color:black;
    display:block;
    vertical-align:top;
    width:100%;
}

center table tbody tr td center table tbody tr td table tbody tr td center table tbody tr td center
{
    text-align:right;
}
center table tbody tr td center table tbody tr td table tbody tr td center table tbody tr td center font br
{
    display:none;
}

center table tbody tr td center table tbody tr td table tbody tr td center table tbody tr td center font[color="DARKRED"]
{
    color:Black;
}
center table tbody tr td center table tbody tr td table tbody tr td center table tbody tr td center font[color="DARKRED"] br
{
    display:block;
}

center table tbody tr td center table tbody tr td table tbody tr td center table tbody tr td center input
{
    text-align:right;
    font-size:0.9em;
}

center table tbody tr td center table tbody tr td table tbody tr td center table tbody tr td table tbody tr td font a,
center table tbody tr td center table tbody tr td table tbody tr td center table tbody tr td table tbody tr td font a:visited,
center table tbody tr td center table tbody tr td table tbody tr td center table tbody tr td table tbody tr td font a:active,
center table tbody tr td center table tbody tr td table tbody tr td center table tbody tr td table tbody tr td font a:hover
{
    color:red;
    cursor:pointer;
    font-size:1em;
 }

html body div#pageWrapper div#container.clear div#leftPanel.fLeft center table tbody tr td font[size="4"]
{
    color:red;
    display:none;
}

center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a,
center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a:hover,
center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a:visited,
center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a:active,
center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a:focus,
center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a:link
{
    color:Red;
    font-size:3em;
}

center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a font,
center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a:hover  font,
center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a:visited  font,
center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a:active  font,
center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a:focus  font,
center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a:link  font
{
    color:white;
    font-size:12px;
    border:1px soild #666666;
    background-color:#1A72B9;
    line-height:1em;
    padding:0.5em 1em 0.5em 1em;
    width:130px;
    display:block;
    font-weight:normal;
    letter-spacing:-1px;
}

center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a font b,
center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a:hover  font b,
center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a:visited  font b,
center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a:active  font b,
center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a:focus  font b,
center table tbody tr td center table tbody tr td table tbody tr td[bgcolor="#ffffff"] center a:link  font b
{
    font-weight:normal;
}

center table tbody tr td center table hr
{
    border-bottom:1px dotted #d6d6d6;
    background-color:White;
    color:White;
}

table.positiongooglecheckout
{
    margin:0px;
}

table tr td center table tr td table tr td div         
{

}

center center hr
{
    border-bottom:1px dotted #d6d6d6;
    background-color:White;
    color:White;
    width:400px;    
}
