/* == Normalise CSS ================================ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, p, blockquote, th, td { margin: 0; padding:0; } /* Normalises margin, padding */
h1, h2, h3, h4, h5, h6 { font-size: 100%; } /* Normalises font-size for headers */
ol, ul { list-style: none; } /* Removes list-style from lists */
address, caption, cite, code, legend, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } /* Normalises font-style and font-weight to normal */
table { border-collapse: collapse; border-spacing:0; } /* Collapse table borders */
fieldset, img { border:0; } /* Removes border from fieldset and img */
caption, th { text-align: left; } /* Left-aligns text in caption and th */
q:before, q:after { content: ''; } /* Removes quotation marks from q */

/* == Framework ================================ */
#contentContainer { background:#fff url(../images/bg-stripe-gradient.jpg) repeat-x top; text-align:center; width:100%; }
#content { background:transparent url(../images/bg-content-shadow.jpg) no-repeat center top; text-align:left; width:967px; margin:0 auto; position:relative; }


/* == Branding ================================ */
#branding { background:transparent url(../images/bg-branding.jpg) no-repeat top; height:126px; border:0; margin:0 0 39px 0; padding:0; position:relative; }
#logoDisqover { margin:25px 0 0 20px;  }
#brandingQuote { position:absolute; top:44px; left:440px; }
#brandingQuote p.name { margin:6px 30px 0 210px; }
#brandingQuote p.title { margin:0 30px 0 210px; width:288px; }

/* == Content ================================ */
/* Home promo area */
#promoContainer { background:transparent url(../images/bg-home-promo.png) no-repeat left top; width:961px; height:380px; margin:0 0 0 3px; position:relative; }
.promoItem { position:absolute; }
#promoItem1 { width:162px; height:221px; top:79px; left:44px; }
#promoItem2 { width:162px; height:221px; top:79px; left:282px; }
#promoItem3 { width:162px; height:101px; top:56px; left:519px; }
#promoItem4 { width:162px; height:101px; top:216px; left:519px; }
#promoItem5 { width:162px; height:246px; top:57px; left:758px; position:relative; margin:0; padding:0; }
#promoItem5 a { position:absolute; top:140px; left:-2px; display:none; }
#promoItem5 a.first { display:block; }
#promoItem5 p.largeText,
#promoItem5 p.promoHighlight { padding:0; margin:0; position:absolute; }
#promoItem5 p.promoHighlight { top:81px; }
#promoItem5 p.tag { margin:0; position:absolute; top:113px; padding:0; }
#promoItem5 p.finePrint { position:absolute; top:220px; left:0; margin:0; }
#promoContainer p { margin-top:12px; }
#promoContainer div.minor p { margin-top:8px; }

/* Home content area */
#bodyContent { position:relative; padding:30px 0 70px 0; }
body.home #primaryContent { width:662px; }
#primaryContent { width:400px; position:relative; left:280px; min-height: 440px; }
#secondaryContent { position:absolute; left:20px; top:50px; width:260px; }
body.home #secondaryContent { top:30px; }
#primaryContent p { width:400px; margin-bottom:1.2em; position:relative; }
#latestNews { width:178px; height:361px; position:absolute; padding:0 20px; top:80px; right:0; background:transparent url(../images/bg-primary-sidebar.png) no-repeat center top; }
#bodyContent #latestNews h3 { height:26px; width:174px; padding-top:14px; }
#primaryContent #latestNews h4 { width:178px; }
#latestNews p { width:178px; }
#latestNews p.date { height:36px; margin:0 0 12px 0; }

/* General content */
h1 { margin-bottom:0.7em; }
h2, h3, h4 { margin-bottom:0.4em; }

div#bodyContent h2 { border-bottom:1px dotted #d1d1d1; width:400px; padding-bottom:0.4em; margin-top:2em; }
div#bodyContent #primaryContent h1 + h2 { margin-top:1.2em; padding-top:0; }
#primaryContent h1.singleTopic { margin-bottom:0.3em; }

ul { list-style-type:disc; margin:0; margin:1em 0 1.8em 0; }
ul li { margin:0.5em 0 0.5em 18px; width:400px; align:top; }
ul.display { list-style-type:none; }
ul.display li { padding-left:22px; background:transparent url(../images/deco-bullet-arrow.png) no-repeat left center; margin:0.8em 0; }
ol { list-style-type:decimal; margin:1.3em 0; }
ol li { margin:0.7em 0 0.7em 25px;  }

div.secondaryItem { width:115px; height:83px; padding:14px 20px 14px 88px; margin-bottom:1em; }
#secondaryItem1 { background:transparent url(../images/bg-body-promo-1.png) no-repeat left top; }
#secondaryItem2 { background:transparent url(../images/bg-body-promo-2.png) no-repeat left top; }
#secondaryItem3 { background:transparent url(../images/bg-body-promo-3.png) no-repeat left top; }
#secondaryItem4 { background:transparent url(../images/bg-body-promo-4.png) no-repeat left top; }
#secondaryItem5 { background:transparent url(../images/bg-body-promo-5.png) no-repeat left top; }
#secondaryItemTrainer1 { background:transparent url(../images/bg-body-promo-toby.jpg) no-repeat left top; }
#secondaryItemTrainer2 { background:transparent url(../images/bg-body-promo-robert.jpg) no-repeat left top; }
#secondaryItemTrainer3 { background:transparent url(../images/bg-body-promo-simon.jpg) no-repeat left top; }
#secondaryItemTrainer1 p,
#secondaryItemTrainer2 p,
#secondaryItemTrainer3 p { margin-top:12px; }
#secondaryContent img.bioPic { margin:0 10px 0 110px; width:126px; height:162px; }

#sidebarClientsIntro,
#sidebarTestimonialIntro,
#sidebarTestimonial { width:222px; min-height:256px; border-top:1px dotted #d1d1d1; border-bottom:1px dotted #d1d1d1; position:absolute; top:5px; padding:40px 8px 30px 10px; }
#sidebarTestimonial { left:706px; background:transparent url(../images/bg-sidebar-testimonial.jpg) no-repeat left top; }
#sidebarClientsIntro { left:-17px; background:transparent url(../images/bg-sidebar-testimonial-flip.jpg) no-repeat left top;  }
#sidebarTestimonialIntro { left:-717px; background:transparent url(../images/bg-sidebar-testimonial-flip.jpg) no-repeat left top;  }
#sidebarClientsIntro p,
#sidebarTestimonial p { margin-bottom:1em; }
#sidebarTestimonial p.name { margin-top:10px; margin-bottom:0; }
#sidebarTestimonial p.title { margin-top:2px; }

body.clients #primaryContent { width:662px; }
body.clients ul { list-style-type:none; }
body.clients ul.clientImages li { float:left; margin:0 10px 18px 0; width:152px; }

body.home #primaryContent h1 { width:662px; }
#primaryContent h1,
#primaryContent h2,
#primaryContent h3,
#primaryContent h4 { width:400px; }
#primaryContent h2.datesToggle { margin:0.5em 0; }
div.dates h3 { width:384px; padding:3px 8px; }

/* certified by disqover lists */
#primaryContent #foundationCertList-nav { width:400px; height:80px; margin-bottom:2em; display:none; }
.listNav { margin:0 0 10px; }
.ln-letters { overflow:hidden; }
.ln-letters a { font-size:0.9em; display:block; margin-bottom:5px; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; }
.ln-letters a.n,
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#a21318; color:#fff; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#5c71bf; top:0; }


/* articles */
#articleNav { position:relative; width:400px; height:50px; margin-top:40px; }
#articleNav a.prevButton { display:block; position:absolute; background:transparent url(../images/btn-prev.png) no-repeat left top; left:0; width:64px; height:39px; padding:10px 0 0 65px; }
#articleNav a.nextButton { display:block; position:absolute; background:transparent url(../images/btn-next.png) no-repeat left top; right:0; width:99px; height:39px; padding:10px 0 0 35px;  }


/* == Navigation ================================ */
/* Primary nav */
#navbar { position:absolute; margin:0 0 0 3px; background:transparent url(../images/bg-nav-item.png) repeat-x top; width:961px; height:39px; top:126px; left:0; z-index:10; }
#navbar li { float:left; border-right:1px solid #6e1316; list-style-type:none; position:relative; width:auto; margin:0; }
#navbar li.highlight { float:right; border-left:1px solid #6e1316; }
#navbar li.highlight a { background:transparent url(../images/bg-nav-item-hlight.png) repeat-x top; }
#navbar li a { display:block; height:30px; float:left; padding:9px 30px 0 30px;; background:transparent url(../images/bg-nav-item.png) repeat-x top; }
#navbar li a:hover { background-position:bottom; }
#navbar li ul { display:none; position:absolute; z-index:10; top:39px; left:-1px; background:none; border-top:1px solid #cbcbcb; margin:0; }
#navbar li:hover ul { display:block; }
#navbar li ul li { padding:0; margin:0; border:0; background:none; float:none; }
#navbar li ul li a { display:block; float:none; padding:7px 20px 0 20px; height:28px; border:1px solid #cbcbcb; border-top:none; background:transparent url(../images/bg-sub-nav-item.png) repeat-x top; }
#navbar ul.subnav175 { width:175px; }
#navbar ul.subnav175 li a { width:133px; }
#navbar ul.subnav350 { width:350px; }
#navbar ul.subnav350 li a { width:308px; }
#navbar ul.subnav202 { width:202px; }
#navbar ul.subnav202 li a { width:160px; }

/* Secondary nav */

/* == Forms ================================ */
form, div.zemThanks { margin-bottom:3em; background:#efefef; padding:20px 12px 8px 18px; width:370px; }
div.form { width:400px; position:relative; height:35px; }
div.textarea { height:100px; }
div.form input,
div.form textarea { position:absolute; left:100px; width:220px; }
fieldset legend { display:block; margin-bottom:1em; }
div.form .zemSubmit { width:80px; }
ul.zemError { background:#fff; padding:8px 12px; width:325px; }
ul.zemError li { width:320px; }
div.zemThanks { height:70px; }


/* Accredited bar */
#accreditedBar { background:#000 url(../images/bg-accredited-bar.png) repeat-x left top; margin:0px auto; width:961px; text-align:left; height:137px; padding:0; position:relative; bottom:0px; }
body.home #accreditedBar #swirlDeco { position:absolute; top:-122px; left:40px; }
#accreditedBar p { padding-top:10px; margin:0 0 0 50px; position:relative; }
#accreditedBar ul { width:961px; padding:0; positin:relative; margin-top:0; }
#accreditedBar ul li { float:left; width:170px; height:81px; margin:6px 34px 0 34px; position:relative; overflow:hidden; }
#accreditedBar ul li a { margin-top:-81px; width:170px; height:162px; display:block; }
#accreditedBar ul li.logo1 a { background:transparent url(../images/logo-anztb.png) no-repeat left 81px; }
#accreditedBar ul li.logo2 a { background:transparent url(../images/logo-istqb.png) no-repeat left 81px; }
#accreditedBar ul li.logo3 a { background:transparent url(../images/logo-iseb.png) no-repeat left 81px; }
#accreditedBar ul li.logo4 a { background:transparent url(../images/logo-bcs.png) no-repeat left 81px; }
#accreditedBar ul li a:hover { background-position:bottom; }


/* == Site Info ================================ */
#footerContainer { background:#425189 url(../images/bg-footer.png) repeat-x left -138px; text-align:center; position:relative; top:0; width:100%; }
#footerContentContainer #sitemapNav { width:961px; height:297px; margin:0 auto; text-align:left; background:#425189; position:relative; top:0; }

body.home #footerContainer { background-position: top; }
#sitemapNav { width:961px; height:297px; margin:0 auto; text-align:left; background:#425189; position:relative; top:0; }
#sitemapNav #swirlDeco { position:absolute; top:-122px; left:40px; }
body.home #sitemapNav #swirlDeco { display:none; }
#sitemapNav h4 { border-bottom:1px dotted #fff; padding-bottom:4px; width:188px; margin-top:-27px; position:absolute; }
#sitemapNav ul { width:188px; position:absolute; list-style-type:none; }
.column1 { left:30px;  }
.sitemapHome { top:60px; }
.sitemapWhyDisqover { left:30px; top:138px; }
.sitemapOurCourses { left:267px; top:60px }
.sitemapResources { left:503px; top:60px; }
.sitemapContact { left:738px; top:60px; }
#sitemapNav ul li { background:transparent url(../images/sitemap-nav-arrow.png) no-repeat left 3px; padding:0 0 0 15px; margin:0; width:188px; }
#sitemapNav ul li a { display:block; padding:0 0 3px 0; margin:0; }
#sitemapNav ul li a:hover { border-bottom:1px dotted #fff; }

#brandingDetails { width:961px; margin:0 auto; text-align:left; position:relative; bottom:0; height:247px; }
#brandingDetails p.column1 { position:absolute; top:34px; }
#brandingDetails #divider { position:absolute; left:477px; top:23px; }
#brandingDetails .column3 { position:absolute; left:516px; top:59px; }
#brandingDetails h4 { margin-top:-25px; }
#brandingDetails img#disqoverCallout { position:absolute; left:721px; top:99px; }
#brandingDetails img#iconDecoration { position:absolute; left:30px; top:123px; }