﻿/* main design */

/* CSS RESET v1.0 | 20080212 */

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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
/* remember to define focus styles! */
:focus {
    outline: 1px;
}
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* END CSS RESET */

p
{
	margin: 1.2em 0em 1.2em 0em;
	
	
}

body 
{
	background-color:#F3F3F3;
	font-family:Arial;
	
}

.greenButton
{
	background-image:url(images/greenButtonBg.gif);
	padding:8px 17px;
	font-size:1.3em;
	font-weight:bold;
	color:White;
	text-shadow:#7eaf00 1px 1px 2px;
	text-decoration:none;
	margin-top:5px;
	border:1px solid #b0e65d;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	display:inline-block;
}

.orangeButton
{
	background-image:url(images/orangeButtonBg.gif);
	padding:2px 6px;
	font-size:1.1em;
	font-weight:bold;
	color:White;
	text-shadow:#e28915 1px 1px 2px;
	text-decoration:none;
	margin-top:5px;
	border:1px solid #cf7402;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display:inline-block;
}

.greenButtonBt
{
	background-image:url(images/greenButtonBg.gif);
	padding:4px 6px;
	font-size:1em;
	font-weight:bold;
	color:White;
	text-shadow:#7eaf00 1px 1px 2px;
	text-decoration:none;
	margin-top:5px;
	border:1px solid #b0e65d;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	display:inline-block;
}

.basketBubbleHolder
{
	z-index:2;
	width:900px;
	position:absolute;
	margin:0 auto;
	padding-top:0px;
}

.basketBubbleHolder img
{
	margin-left:768px;
	margin-bottom:0px;
	width:160px;
	height:88px;
}

.breaker
{
	clear:both;
}

.hidden
{
	display:none;
}

.questionDiv
{
	background-image:url(images/panelbg.jpg);
	background-repeat:repeat-x;
	background-color:#eeeeee;
	border: 1px solid #c7c7c7;
	margin-top:15px;
	color:#666666;
	letter-spacing: -1px;
	font-family:Arial;
	padding:15px;
	letter-spacing: 0px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;	
}

.questionDivValidationError
{
	border: 1px solid red;
}

.content
{
	padding: 0px 20px 0px 20px;
	margin: 15px auto 0px auto;
	
	background-color:#FFFFFF;
	border: 1px solid #e2e2e2;
	width: 940px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}

.mainContent
{
	clear:both;
	margin-top:15px;
	padding-bottom:15px;
}

.breadCrumbHolder
{
	margin:15px;
	padding: 10px 0px 10px 0px;
	border-bottom:1px solid #e2e2e2;
	font-size:0.8em;
	color:#666666;	
}

.breadCrumbHolder a
{
	font-size:1em;
	font-weight:normal;
}

.header
{
	padding: 20px 0px 20px 0px;
	
}

.footer
{
	padding:25px 20px 30px 20px;
	margin: 0px auto;
	background-color:#2e2f33;
	color:#a7a8ac;
	width: 940px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	clear:both;
}

.footer h2
{
	color:#a7a8ac;
	font-size:0.8em;
}

.footer a
{
	color:#a7a8ac;
	font-size:0.8em;
	display:block;
	text-decoration:none;
	margin:4px 0px 0px 0px;
}

.footerColumnWide
{
	width:280px;
	float:right;
}

.footerColumnNarrow
{
	width:180px;
	float:right;
}

.standardText
{
	color:#666666;
}

#copyright
{
	padding: 5px 10px 30px 20px;
	margin: 0px auto;
	color:#a7a8ac;
	width: 940px;
	clear:both;
	font-size:0.7em;
}

.menuBar
{
	margin:0px 0px 0px 4px;
	clear:both;
}

.HSTMenu
{
	list-style:none;
	display:block;
	margin:0;
	padding:0;
}

.HSTMenuItem
{
	display: inline;
	margin:0;
}

.HSTMenuItem a:hover
{
	background-position: 0px -42px;
}

.HSTMenuItem a
{
	margin:0;
	background-image:url(images/menuitembg.jpg);
	background-repeat:repeat-x;
	background-color:#e56701;
	padding:12px 20px 12px 20px;
	color:White;
	font-weight:bold;
	font-size:0.9em;
	text-decoration:none;
	border-top:1px solid #f78f1e;
	border-right:1px solid #c67218;
	border-left:1px solid #f9a54b;
	border-bottom:1px solid #f78f1e;
	text-shadow:#d06402 1px 1px 2px;
}

.HSTMenuLeftEnd a
{
	padding:12px 23px 12px 22px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
}

.HSTMenuRightEnd a
{
	padding:12px 22px 12px 23px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

h1, .bigTextStandOut
{
	color:#fa9022;
	font-size:1.5em;
	font-weight:500;
	letter-spacing: -1px;
	margin:0px 0px 10px 0px;
	
}

a
{
	color:#fa9022;
	/*font-weight:600;
	font-size:0.8em;*/
}

h2
{
	color:#fa9022;
	font-size:0.9em;
	font-weight:600;
	margin:0;
}

.productText
{
	margin:0;
	padding-top:4px;
	font-size:0.9em;
	color:#666666;
	line-height:1.2em;
}


.testimonialHeader{
	font-size:1.3em;
	letter-spacing: -1px;
	font-weight:100;
	text-shadow:#d06402 1px 1px 2px;
	margin:15px 0px 15px 0px;
}

.testimonialText
{
	font-size:0.9em;
	font-weight:bold;
	font-style:italic;
	text-shadow:#d06402 2px 1px 2px;
	margin:30px 0px 30px 0px;
}

.bigText
{
	color:#989999;
	font-size:1.5em;
	font-weight:500;
	letter-spacing: -1px;
}

.contactText
{
	color:#fa9022;
	font-size:1.3em;
	letter-spacing: -1px;
	font-weight:600;
}


.featureText
{
	color:#989999;
	font-size:1.2em;
	letter-spacing: 0px;
	font-weight:100;
	margin:20px 0px 0px 0px;
}

.featureTextOrange
{
	color:#fa9022;
	letter-spacing: -1px;
	font-weight:bold;
}

.panel
{
	background-image:url(images/panelbg.jpg);
	background-repeat:repeat-x;
	background-color:#eeeeee;
	border: 1px solid #e2e2e2;
	color:#666666;
	letter-spacing: -1px;
	font-family:Arial;
	padding:15px;
	letter-spacing: 0px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.darkPanel
{
	background-image:url(images/panelbg.jpg);
	background-repeat:repeat-x;
	background-color:#eeeeee;
	border: 1px solid #c7c7c7;
	color:#666666;
	letter-spacing: -1px;
	font-family:Arial;
	padding:15px;
	letter-spacing: 0px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.formPanel
{
	background-image:url(images/panelbg.jpg);
	background-repeat:repeat-x;
	background-color:#eeeeee;
	border: 1px solid #c7c7c7;
	color:#666666;
	letter-spacing: -1px;
	font-family:Arial;
	padding:15px;
	letter-spacing: 0px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.formPanel input, .formPanel select, .formPanel .text{
	margin-bottom:5px;
	width:225px;
	font-family:Arial;
	font-weight:bold;
}

.checkBox input
{
	margin:0 !important;
	width:25px;
}

.formPanel h2
{
	margin-bottom:10px;
	font-size:1em;
}

.formPanel .text
{
	margin-left:375px;
	padding:6px;
}

.formLabel
{
	width:225px;
	font-size:0.8em;
	font-weight:bold;
	color:#666666;
}

.formRow
{
	margin:2px 0px 2px 0px;
}

.tickList
{
	list-style:none;
	margin-top:15px;
	color:#666666;
	font-size:1em;
	font-weight:normal;
}

.tickList li
{
	background-image:url('images/listTick.gif');
	background-repeat:no-repeat;
	background-position: 0 .4em;
	padding:5px;
	padding-left:25px;
	vertical-align:middle;	
}

a img
{
	border:0;
}

.ThreeColumnFloat
{
	width: 300px; 
	float: right;
}

.TwoColumnFloat
{
	width: 445px; 
	float: right;
}

.ThreeColumn
{
	width: 300px;
}

.AvailableCoursesContainer
{
	border-top:1px solid #efefef;
	margin-top:10px;
}

.addToBasket
{
	width:225px;
	border-left: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom:10px;
	padding-bottom:15px;
	float:right;
	padding-top:10px;
	padding-left:20px;
	clear:right;
	margin-left:15px;
}

.basketDiscountDetails
{
	font-size:0.8em;
	margin:15px 0px 0px 3px;
	width:165px;
}

.whyBuy
{
	margin:0px 0px 20px 0px;
	padding:20px 0px 0px 0px;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	clear:both;
}

.basketDiscountDetails a
{
	font-size:1em;
	font-weight:normal;
	letter-spacing:normal;
	text-decoration:none;
}

.productImageHolder
{
	width:225px;
	border-left: 1px solid #e2e2e2;
	float:right;
	padding-top:10px;
	padding-left:20px;
	clear:right;
}

.productDescription ul
{
	list-style-type:circle;
	margin-left:25px;
	padding:3px;
}

.productDescription ul li
{
	padding:3px;
}

.productDescription .tickList
{
	list-style-type:none;
	margin-left:0px;
	padding:0px;
}

.productDescription .tickList li
{
	padding:5px;
	padding-left:25px;
}

.productDescription .bigTextStandOut
{
	font-size:2em;
	font-weight:bold;
	margin:15px 0px 10px 0px;
}

.productDescription h1
{
	font-size:1.7em;
	margin:0px 0px 5px 0px;
}

.productDescription h2
{
	margin:30px 0px 5px 0px;
	font-size:1.1em;
}

.productDescription
{
	float: right; 
	width: 670px; 
	margin-top: 20px;
	font-size:0.9em;
	color:#666666;
	font-weight:normal;
}

.CourseSectorList
{
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #e2e2e2;
	width:245px;
}

.CourseSectorListItem
{
	
	margin:0;
	width:245px;
	background-image:url('images/sectorListbg.gif');
	background-position:0px -45px;
	display:block;
}

.CourseSectorListItem a
{
	margin-left:20px;
	color:White;
	padding:12px 10px 12px 0px;
	display:block;
	color:#f78f1e;
	font-size:1em;
	font-weight:bold;	
}

.CourseSectorListSelected
{
	width:249px;
	background-position:0px 0px;
}

.CourseSectorListSelected a
{
	color:White;
	text-decoration:none;
	outline:none;
	text-shadow:#d06402 1px 1px 1px;
}

.productImage
{
	margin-right: 70px; 
	width: 155px; 
	height: 104px;
}

.productCPDLogo
{
	float: right; 
	clear: right;
	margin:0px 0px 10px 10px;
}

.productListing
{
	width:630px;
	font-size:0.8em;
	color:#666666;
	margin:15px 40px 0px 15px;
	border-top:1px solid #e2e2e2;
	padding-top:15px;
	clear:right;
}

.productListingOverview
{
	width:630px;
	font-size:0.9em;
	color:#666666;
	clear:right;
}

.productListingOverview .productListing
{
	font-size:1em;
}

.productListing .infoHeading
{
	font-weight:bold;
	font-size:1.1em;
}

.productListing h2, .productListingOverview h2
{
	font-size:1.2em;
	margin-bottom:4px;
}

.productListing .productDetail
{
	width:560px;
	float:right;
	padding-left:5px;
}

.productListing .productLink, .productListing .productPrice
{
	font-size:1.2em;
	padding-top:10px;
	font-weight:bold;
}

.productListing .productLink a
{
	font-size:1em;
}

.productListing .productDetail .productDescription
{
	float:none;
	width:100%;
	font-size:1.1em;
	color:#777777;
}

.productDescription
{

}

.productThumb
{
	width:60px;	
}

.fourColumn
{
 width:214px;
 float:right;
 margin-top:25px;
 padding:0px 10px 0px 0px;
}

.fourColumn .productText
{
	margin-bottom:10px;	
}

.orangePanel{
	background-color:#FE7501;
	border:1px solid #ca5d00;
	margin-top:10px;
	color:White;
	background-image: url('images/orange_bg.gif');
	background-repeat:repeat-x;
	padding:15px 10px 15px 9px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-weight:bold;
	text-shadow:#d06402 1px 1px 2px;
}

.orangePanel .bigTextStandOut
{
	color:White;
	text-shadow:#d06402 1px 1px 2px;
}

.orangePanel .productText 
{
	color:White;
	text-shadow:#d06402 1px 1px 2px;
	margin-bottom:10px;
}

.orangePanel a
{
	color:White;
	text-shadow:#d06402 1px 1px 2px;
	font-size:1.2em;
	font-weight:normal;
}



.leftBorder
{
	border-left:1px solid #e2e2e2;
	padding-left:15px;
}

.jobTitleInactive
{
	display:block;
	background-image:url('images/jobTitleBg.gif');
	background-position:0px 0px;
	font-size:1.4em;
	color:#acaaaf;
	border:1px solid #acaaaf;
	padding:9px;
	margin:10px 0px 0px 0px;
	text-decoration:none;
	text-align:center;
	width:350px;
	text-shadow:#c0c0c2 1px 1px 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
}

.jobTitleInactive:hover, .jobTitleActive
{
	display:block;
	background-image:url('images/jobTitleBg.gif');
	font-size:1.4em;
	border:1px solid #ca5d00;
	padding:9px;
	margin:10px 0px 0px 0px;
	text-decoration:none;
	text-align:center;
	width:350px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-position: 0px -42px;
	color:#FFFFFF;
	text-shadow:#fd8c24 1px 1px 1px;
	
}

.paraWithIcon
{
	margin-top:15px;
}

.paraWithIconText
{
	float: right; 
	width: 535px;
}

.paraWithIconIcon
{
	width: 88px; 
	height: 78px; 
	float: right;
	margin-right:5px;	
}
.screenShotContainer{clear:right;}
.screenShotContainer a img
{
	border:1px solid #999999;
	width:200px;
	margin-right:18px;
		
}

.screenShotContainer p
{
	font-weight:bold;
	clear:right;
	padding-top:10px;	
}

.checkoutTable
{
	margin:0px 0px 15px 0px;
	border:1px solid #c7c7c7;
	width:100%;
	clear:right;
}



.checkoutTable td
{
	background-color:#f8f8f8;
	padding:6px 0px 6px 6px;
	color:Black;
	font-size:0.8em;	
	border-left:1px solid #c7c7c7;	
}

.checkoutTable th
{
	background-color:#e7e7e7;
	padding:10px 0px 10px 6px;
	color:Black;
	font-size:0.8em;
	border-left:1px solid #c7c7c7;
	border-bottom:1px solid #c7c7c7;		
}

.checkoutBasketFooter td
{
	background-color:#e7e7e7;
	padding:6px 12px 6px 12px;
	color:Black;
	font-size:0.8em;
	border:0;
	border-top:1px solid #c7c7c7;
}

.checkoutBasketFooterSubRow td
{
	background-color:#e7e7e7;
	padding:6px 12px 6px 12px;
	color:Black;
	font-size:0.8em;
	border:0;
}

.checkoutTotals td
{
	padding:6px 0px 6px 6px;
	color:Black;
	font-size:0.8em;
}

.checkoutTotals
{
	float:right;
	width:300px;	
}

.removeColumn
{
	text-align:center;
}

.testimonialPanel
{
	background-image:url(images/caseStudyBg.gif);
	background-repeat:repeat-x;
	background-color:#eeeeee;
	border: 1px solid #e2e2e2;
	color:#666666;
	letter-spacing: -1px;
	font-family:Arial;
	padding:15px;
	letter-spacing: 0px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.testimonialPara
{
	font-size:1.1em;
	font-weight:bold;
	color:#fa9022;
	padding:0px 20px 0px 20px;
	
}
.testimonialInfo
{
	font-size:1.1em;
	font-weight:bold;
}

.checkoutProdTitle
{
	font-weight:bold;
	color:#fa9022 !important;
	font-size:0.9em !important;	
}


#paymentOptions li
{
	padding:5px 0px 5px 0px;
	
}

#paymentOptions img, #paymentOptions input 
{
	margin: 0; vertical-align: middle;
}

#paymentOptions img
{
	margin: 0px 7px 0px 7px;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; font-size:medium; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}