﻿/*

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;
}

#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;
}

#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:485px;
}

#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
{
}

#competitionText
{
    margin-bottom:12px;
}

#signupPanel h2
{
    color:#fff;
}

#competitionPanel
{
    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
{
    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, .relevance
{
    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;
}

#noProductsNav
{
	background-image:url(images/banner_none.png);
}

#homeNav
{
    background-image:url(images/banner-home.png);
}

#newsNav
{
    background-image:url(images/news.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);
}

#teenNav
{
    background-image:url(images/banner-teen.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;
}

/* Search results */

#searchStatus
{
	margin-bottom:2em;
}

.searchResult
{
	margin-bottom:2em;
}

.searchResult h3
{
	display:inline;
}

/*

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;
}

#topText
{
font-size:1.3em;
color:#2c75bb;
line-height:1.3em;
font-weight:bold;
letter-spacing:-0.275px;
}

#secondText
{
font-size:1.2em;
line-height:1.3em;
}