/*
* Author: 		Trevor Morris, Creation Design & Marketing
* Contact:		trevor@creation.uk.com, leigh@creation.uk.com
* Created:		28/11/2006
* Updated:		27/04/2007
*
* CONTENTS
* -------------------
* == INCLUDE
* == defaults
* == navigation
* == forms

* =gen 		GENERAL
* =link 	LINKS
* =lay 		LAYOUTS
* =head 	HEADINGS
* =specs 	SPECIFICS
* =page 	PAGE SPECIFICS
*

/* == INCLUDE
--------------------------------------------------------------------------------------------------	*/
@import url(defaults.css);
@import url(navigation.css);
@import url(news.css);
@import url(forms.css);

/* =gen - GENERAL
-------------------------------------------------------------------------------------------------- */
#container,
#branding,
#content,
#footer {
	position: relative;
}
#container {
	width: 90%; min-width: 745px; max-width: 996px; width: 996px;
	margin: 20px auto 10px; padding: 7px;
	font-size: 1.1em; /* 11px */
	background-color: #fff;
}
#branding {
	height: 143px;
	background: #2058a3 url(images/header/repeat.jpg) repeat-x 0 0;
}
	#branding h1 {
		height: 100%;
		margin-right: -4px;
		background: url(images/header/background.jpg) no-repeat 100% 0;
	}
	#branding h1 a {
		position: relative; z-index: 500;
		width: 170px; height: 120px;
		margin-left: 45px;
		background-image: url(images/instant-training-logo.jpg);
	}
	#branding #branding-strapline {
		position: absolute; top: 25px; left: 245px; z-index: 50000;
		height: 59px; width: 310px;
		margin: 0;
		background-image: url(images/instant-training-limited-text.png);
	}
	#branding #branding-strapline object,
	#branding #branding-strapline embed {
		display: block;
	}
	

#cart-link {
	position: absolute; top: 40px; right: 25px; z-index: 5001;
}
#quick-links {
	position: absolute; top: 20px; right: 25px; z-index: 5001;
}
#quick-links a,
#cart-link a {
	color: #fff;
}
#quick-links-navigation {
	position: absolute; top: 1.5em; right: 0;
	display: none;
	width: 390px;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #000;
}
a#close-interested {
	height: 22px; width: 66px;
	margin: 0 0 0 auto;
	background-image: url(images/close.gif);
}

#quick-links-navigation a {
	color: #000;
}
#quick-links-navigation h2 {
	margin-bottom: 0;
}
#quick-courses-available {
	padding-bottom: 10px; margin-bottom: 10px;
	border-bottom: 1px solid #000;
}
#quick-courses-available .course-category {
	float: left;
	width: 32%; margin-right: 2px;
}

#content-primary .course-category {
	float: left; width: 45%;
	margin: 0 10px 0 0;
}
#content-primary #course-category-plant {
	clear: left; float: none;
	width: auto;
}


#content {
	position: relative;
	margin-top: 7px;
}
	#content-primary {
		min-height: 500px;
		margin: 6px 246px 15px 249px; padding: 0.25em 15px 10px;
		font-size: 1.2em;
		background: url(images/background/generic.jpg) no-repeat 0 0;
	}
	#content-secondary {
		float: left;
		width: 245px;
		margin-top: -4px;
	}
		#content-primary p.introduction strong {
			font-size: 1.2em;
		}
		#content-primary p.introduction strong em {
			color: #a51319; font-style: normal;
		}

	#content-tertiary {
		float: right;
		width: 246px;
		background: url(images/news-footer-bottom.gif) no-repeat 0 100%;
	}
	#content-supplementary {
		position: relative;
		clear: left;
		margin: -20px 0 10px; padding: 30px 15px 0;
		color: #fff;
		background: #a51319 url(images/news-footer.gif) no-repeat 0 0;
	}
	
#footer {
	clear: both;
	margin-top: 10px; padding: 5px 0 20px;
	border-top: 1px solid #666;
}
#footer,
#footer a {
	color: #666;
}
ul.footer-navigation {
	float: left;
	margin: 0;
}	
ul.footer-navigation li {
	display: inline;
}
ul.footer-navigation li a {
	margin-right: 5px; padding-right: 7px;
	border-right: 1px solid #666;
	text-decoration: none;
}
ul.footer-navigation li.lli a {
	border: 0;
}
#footer ul.footer-navigation li.active a {
	color: #ccc;
}
ul.footer-navigation li a:hover {
	text-decoration: underline;
}
#footer p.vcard {
	float: right;
	margin: 0;
}

ul li {
	list-style: none;
}
/*
#content-primary ul li {
	padding-left: 20px;
	line-height: 1.875;
	background: url(images/bullet.jpg) no-repeat 0 4px;
}
*/
#content-primary ul,
#content-primary ol {
	margin-left: 17px;
}
#content-primary ul li {
	list-style-type: disc;
}
#content-primary ol li {
	margin-bottom: 5px;
}

.timestamp abbr,
abbr.updated,
abbr.created,
abbr.published,
abbr.dtstart,
abbr.dtend,
#contact-information dl abbr,
abbr {
	border: 0;
}
address span,
address strong {
	display: block;
	font-style: normal;
}
em.entry-title,
em.org, em.fn,
.vcard em.value,
.tel em.value {
	font-style: normal;
}


div.column {
	float: left;
	width: 47.5%;
	margin-right: 4%;
}
div.last {
	margin-right: 0;
}
div.odd {}



/* =link - LINKS
-------------------------------------------------------------------------------------------------- */
a:link, a:visited, a:hover, a:active {
	color: #284294;
}
a:hover {
	text-decoration: none; color: #369;
}
ul.footer-navigation li.active a {
	cursor: text;
	text-decoration: none;
}

/*
a[rel~="external"],
a[href^='mailto:'],
a[href$='.pdf'] {
	padding-right: 11px;
	background: transparent no-repeat 100% 50%;
}
a[rel~="external"] {
	background-image: url(images/icons/link-external.gif);
}
a[href^='mailto:'] {
	background-image: url(images/icons/link-mail.gif);
	background-position: 100% 70%;
}
a[href$='.pdf'] {
	background-image: url(images/icons/link-pdf.gif);
}
*/
p.subscribe a {
	display: block;
	padding-left: 18px;
	line-height: 18px;
	background: transparent url(images/icons/feed-rss.gif) no-repeat 0 50%;
}


/* =lay - LAYOUTS
-------------------------------------------------------------------------------------------------- */
/* rounded corners */
#certification-information,
#contact-information,
body.admin #markdown,
body.admin #content-secondary {
	padding: 0 10px 10px;
}
#content-secondary h3,
#news-latest-sidebar h3,
body.admin #markdown h3,
body.admin #content-secondary h3 {
	height: 34px;
	padding: 0 0 0 15px; margin: 0 10px 8px -10px;
	line-height: 36px; color: #fff;
}
#contact-information, #contact-information h3,
#news-latest-sidebar h3,
#certification-information, #certification-information h3,
body.admin #markdown, body.admin #markdown h3,
body.admin #content-secondary, body.admin #content-secondary h3 {
	background: url(images/header-blue.gif) no-repeat 100% 0;
}
#certification-information,
#certification-information h3 {
	background-image: url(images/header-purple.gif);
}
#contact-information h3,
#news-latest-sidebar h3,
#certification-information h3,
body.admin #markdown h3,
body.admin #content-secondary h3 {
	background-position: 0 0;
}
#certification-information h3 {
	line-height: 2.75em;
}



/* =head - HEADINGS
-------------------------------------------------------------------------------------------------- */
h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h2, h3, caption {
	font-size: 1.5em; line-height: 1.5; margin-bottom: -0.75em;
}
h3 em {
	display: block;
	font-style: normal; 
}
h4 {
	margin-bottom: -0.5em;
	font-size: 1.15em;
}
h5 {
	margin-top: 1em;
	font-size: 1em;
}
#content-supplementary h3 {
	margin-bottom: -10px;
}
h3#page-heading,
#content-primary div.venues h4 {
	color: #a51319;
}
h3#page-heading {
	color: #a51319; font-size: 2.2em; line-height: 1.25;
	margin: 15px 0 0.125em;
}


/* =specs SPECIFICS
-------------------------------------------------------------------------------------------------- */
#contact-information,
body.admin #markdown,
body.admin #content-secondary {
	background-color: #eaf5fd;
}
#contact-information p.contact-info {
	margin: 0 0 8px;
	font-size: 1.8em; line-height: 1.25;
}
#contact-information address.adr {
	width: 200px;
}
#contact-information address.adr strong,
#contact-information address.adr span {
	display: inline;
	font-weight: bold;
}
#contact-information address.adr strong.org,
#contact-information address.adr span.country-name {
	display: block;
}
#contact-information dl,
#contact-information dl a,
#contact-information a.map {
	margin-bottom: 0;
	color: #339;
}
#content dl.communicate dt {
	float: left;
	margin-right: 3px;
}
#content dl.communicate dd .value,
#contact-information .contact,
#content-information a.map {
	font-weight: bold;
}
#contact-information .contact {
	margin-top: 8px;
}
#content-information .map {
	clear: left;
}
p.note {
	clear: left;
	color: #339; font-size: 0.85em;
}


#certification-information h4 {
	position: relative;
	height: 40px;
}
#certification-information h4 a {
	position: absolute; bottom: 0;
}
#certification-pasma h4 a {
	height: 18px; width: 76px;
	background-image: url(images/logos/pasma.gif);
}
#certification-ipaf h4 a {
	height: 40px; width: 72px;
	background-image: url(images/logos/ipaf.gif);
}
.book-now a {
	height: 19px; width: 71px;
	background-image: url(images/book-now.jpg);
}
#certification-information #bl a {
	height: 60px; width: 54px;
	background-image: url(images/british-ladder.gif);
}



#venue-container {
	position: relative;
}
#venue-container div.venues h4 {
	font-size: 1.25em;
	margin-bottom: 0;
}
#venue-container div.venues {
	width: 45%;
	margin: 10px 10px 10px 0;
}
body.has-googlemaps #venue-container div.venues {
	float: none;
	width: 170px;
}
body.has-googlemaps #venue-map {
	position: absolute; top: 0; right: 0;
	width: 300px;
}
body.has-googlemaps #venue-map #map {
	height: 450px;
}
body.has-googlemaps div.venues h4 {
	display: inline;
	padding-right: 20px;
	background: url(images/bullet.jpg) no-repeat 100% 50%;
	cursor: pointer;
}


#content-primary div.odd {
	/* clear: left; */
}


#news-latest-sidebar {
	background: url(images/news-repeat.gif) repeat-y 0 0;
}	


div.equipment-image {
	float: right;
	margin: 0 0 10px 10px; 
}


/* =page PAGE SPECIFICS
-------------------------------------------------------------------------------------------------- */
/* home page */
body.home {}

body.about #content-primary {
	background: url(images/background/courses.jpg) no-repeat 0 0;
	padding-right: 150px; 
}
body.about-us #content-primary,
body.welcome #content-primary {
	background: url(images/background/about.jpg) no-repeat 0 0;
	padding-right: 160px; 
}

div.link-details dl {
	margin-bottom: 2em;
}
div.link-details dl dt {
	margin-top: 0.725em;
}
div.link-details h3 {
	margin-bottom: -0.625em;
}

/*#venue-container */
#get-directions-fieldset {
	width: 200px;
}
#get-directions-fieldset label {
	display: block;
	width: 200px;
}


table td.icon a {
	height: 16px; width: 16px;
	margin: 0 auto;
}
table td.add a {
	background-image: url(images/cart/add.png);
}
table td.delete a {
	background-image: url(images/cart/delete.png);
}

table.vcalendar {
	width: 100%;
	font-size: 0.85em;
}
table.vcalendar th,
table.vcalendar td {
	padding: 10px 5px;
	text-align: center;
}
table.vcalendar th#courses-course-name,
table.vcalendar td.title {
	text-align: left;
}
table.vcalendar th {
	/* font-size: 1.25em; */ font-weight: normal;
}
table.vcalendar thead tr {
	color: #fff;
	background-color: #244c9b;
}
table.vcalendar tr {
	background-color: #dff0fb;
}
table.vcalendar tr.odd {
	background-color: #eef7fd;
}
table.vcalendar tbody tr:hover,
table.vcalendar tbody tr.hover {
	background-color: #fff;
}
table.vcalendar tfoot tr {}
table.vcalendar tfoot tr td {
	padding-top: 5px;
	text-align: left; color: #244c9b;
}
table.vcalendar td.location,
table.vcalendar td.location div {
	position: relative;
}
table.vcalendar td.location address {
	position: absolute; top: 0; left: 0; z-index: 20;
	display: none;
	padding: 10px;
	background-color: #fff; border: 1px solid #000;
}
table.vcalendar td.location address.show {
	display: block;
}


/* cart information */
#cart-feedback {
	margin: 0;
}
#cart-feedback p {
	background: no-repeat 9px 50%; 
}
#cart-feedback .icon p {
	padding-left: 34px;
}
#cart-feedback .success p {
	color: #696;
	background: url(images/cart/add.png) no-repeat 9px 50%;
}
#cart-feedback .error p {
	color: #c00;
	background-image: url(images/cart/error.png);
}
#cart-feedback .invalid p,
#cart-feedback .non-existant p,
#cart-feedback .limit-reached p,
#cart-feedback .maximum p,
#cart-feedback .warning p {
	color: #f93;
	background-image: url(images/cart/warning.png);
}

#update-cart table td input {	
	width: 2em;
	padding: 2px 4px;
	border: 1px solid #244c9b;
}
#shopping-cart td.cost,
#shopping-cart td#cart-update {
	text-align: right;
}