glow/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

html
	{
	height: 100%;
	}

body { 
  color: #222; 

font: 75% "Times New Roman", Times, serif;
  line-height: 1.5; 
    margin:0 0;
  background: #fff url(../img/bodyBackground.png) repeat-x ;
  height: 100%;	
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }





/* Columns
-------------------------------------------------------------- */


#header
	{
	margin: 0 auto;
	width: 980px;
	height: 186px;
	background: transparent url(../img/header.png) no-repeat;
	}
	
#header h2 { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-style:italic; float:right; margin:60px 60px 0 0;}
	
#content
	{
	margin: 0 auto;
	width: 980px;
	min-height: 500px;
	background: transparent url(../img/content.png) no-repeat;
	}
	
#contentSuppliers
	{
	margin: 0 auto;
	width: 980px;
	height: 500px;
	background: transparent url(../img/suppliersBackground.jpg) no-repeat;
	}
	
#logo
	{
	width: 430px;
	height: 100px;
	background: transparent url(../img/logo.png) no-repeat;
	float: left;
	margin: 30px 0 0 20px;
	}
	
#banner
	{
	width: 960px;
	height: 60px;
	background: url(http://www.bipsolutions.com/sponsors/proof/pexn12_pri_standard_468x60.gif) no-repeat;
	float: left;
	margin: 0px 0 0 472px;
	}
	
#logo a
	{
	display: block;
	width: 430px;
	height: 100px;
	overflow: hidden;
	text-indent: -30000px;
	cursor: pointer;
	}
	
	
#logo-elearning {
	width: 173px;
	height: 100px;
	background: transparent url(../img/elearningacademy_logo.png) no-repeat;
	float: left;
	margin: 30px 0 0 20px;
	}
	
#logo-elearning a {
	display: block;
	width: 173px;
	height: 100px;
	overflow: hidden;
	text-indent: -30000px;
	cursor: pointer;
	}
	
#save-banner { background-image:url(../img/save20off_banner.png); width:399px; height:75px; float:right; margin:50px 40px 0 0; }
	
.leftContent
	{
	float: left;
	width: 580px;
	background: #fff;
	min-height: 400px;
	margin: 35px 0 0 40px; 
	}
	
.leftContent form { float:left;}
	
.leftContent ul { margin-bottom:20px;}
.leftContent li { font-size:14px;}

#leftContent h2 { }
#leftContent h3 { font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:0; padding:0; }
#leftContent a {}

#leftContent
	{
	float: left;
	width: 580px;
	background: #fff;
	min-height: 400px;
	margin: 35px 0 0 40px; 
	}
	
	
#leftContent ul { margin-bottom:20px;}
#leftContent li { font-size:14px;}



ul.orange li { color: #FF6600; }
ul.orange li span { color:#000000;}

	
.rightContent
	{
	float: left;
	
	width: 285px;
	background: #fff;
	min-height: 400px;
	margin: 30px 0 0 45px; font-family:Arial, Helvetica, sans-serif;
	}
.rightContent h2.featuredcourses { background-image:url(../img/featured_courses_heading.jpg); width:262px; height:44px; padding:10px 0 0 0; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#0b5787; font-size:26px; font-weight:bolder; letter-spacing:1px;}

.rightContent2
	{
	float: left;
	
	width: 285px;
	background: #fff;
	min-height: 400px;
	margin: 30px 0 0 45px; font-family:Arial, Helvetica, sans-serif;
	}
	
	
a.suppliersButton
	{
	display: block;
	height: 164px;
	width: 287px;
	overflow: hidden;
	background: transparent url(../img/suppliersButton.png) top no-repeat;
	cursor: pointer;
	}
	
a.suppliersButton:hover
	{
	display: block;
	height: 164px;
	width: 287px;
	overflow: hidden;
	background: transparent url(../img/suppliersButton.png) bottom no-repeat;
	}
	
a.buyersButton
	{
	display: block;
	height: 164px;
	width: 287px;
	overflow: hidden;
	background: transparent url(../img/buyersButton.png) top no-repeat;
	cursor: pointer;
	}
	
a.buyersButton:hover
	{
	display: block;
	height: 164px;
	width: 287px;
	overflow: hidden;
	background: transparent url(../img/buyersButton.png) bottom no-repeat;
	}
	
#footer
	{
	margin: 0 auto;
	width: 100%;
	height: 162px;
	background: transparent url(../img/footer2.png) bottom repeat-x;
	padding: 20px 0 0 0;
	}
	
.innerFooter
	{
	margin: 0 auto;
	width: 960px; clear:both;
	
	}
	
.innerFooter img
	{
	margin: 30px 0 0 30px;
	float: left;
	}
	
/* buyer supplier tabs*/
	
#tabs
	{
	width:300px;
	height: 33px;
	float: right; font-family:Arial, Helvetica, sans-serif;
	}
	
#tabs ul {float: right; width: 265px; clear: both; margin: 108px 40px 0 0;}
	
#tabs ul li
	{
	float: left;
	display: block;
	height: 33px;
	line-height: 33px;
	width: 122px;
	margin: 0 10px 0 0;
	text-align: center;
	}
	
#tabs ul li a
	{
	color: #eee;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(../img/tabGrey.png) bottom no-repeat;
	display: block;
	height: 33px;
	line-height: 33px;
	width: 122px;
	}
	
#tabs ul li a:hover
	{
	background: transparent url(../img/tabOrangeHover.png) bottom no-repeat;
	color: #fff;
	}
	
#tabs ul .current 
	{
	background: transparent url(../img/tabOrange.png) bottom no-repeat;
	color: #fff;
	}
	
/* right Nav*/

.rightContent ul
	{
	margin: 0;
	}

.rightContent ul li
	{
	display: block;
	height: 63px;
	width: 274px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	}
	
.rightContent ul li a
	{
	font-weight: normal;
	display: block;
	height: 63px;
	line-height: 63px;
	text-align: center;
	width: 274px;
	color: #666666;
	text-decoration: none;
	font-size: 1.3em;
	letter-spacing: 0.05em;
	overflow: hidden;
	background: transparent url(../img/smallButtonWhite.png) top no-repeat;
	}
	
.rightContent ul li a:hover
	{
	background: transparent url(../img/smallButtonWhite.png) bottom no-repeat;
	color: #000;
	}
	
.rightContent ul li a.current
	{
	background: transparent url(../img/smallButtonWhite.png) bottom no-repeat;
	color: #000;
	}
	

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }
.inline {display: inline;}



/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #000; font-family: "Times New Roman", Times, serif;}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em;}
h2 { font-size: 2.2em;  margin: 0 0 0.3em 0; color: #003366; margin-bottom: 0.5em; line-height: 1.2em}
h3 { font-size: 1.6em; line-height: 1.2em; margin: 0 0 0.5em 0; color: #000;  margin-bottom: 1.0em;}
h4 { font-size: 1.2em; line-height: 1.25; height: 1.25em; font-weight: bold; color: #333333;}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1.5em; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


h2.more {width: 300px; background: transparent url(../../Select_Adam/img/more_button.gif) top right no-repeat; cursor: pointer; }

/* Text elements I take it when you say doing good, you mean doing what is benificial for society at that time? Because you dont believe that there is such a thing as good. So if it benifits society at the time and it is socially acceptable, its good. Like Slavery was good at one time. 
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em 0; font-family: Arial, sans-serif; font-size:14px; }
p img       { float: right; margin: 1.5em 1.5em 1.5em 0.5em; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #0099FF; text-decoration: underline; cursor: pointer; font-weight: bold;}

blockquote  { margin: 1em 1.5em 0.5em 1.5em; color: #666; font-style: italic; font-size:16px;}
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }


.floatLeft
	{
	float: left;
	margin-top: 0;
	}
	
.marginBottom60px 
	{margin: 0 20px 60px 0;}
	
.marginBottom190px 
	{margin: 0 20px 190px 0;}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 0 1.5em; font-family:Arial, Helvetica, sans-serif; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

ul.arrow li {
	

	list-style: none;
	background: transparent url(../../Select_Adam/img/small_arrow.gif) 2px 5px no-repeat;
	padding: 0 0 0 1.3em;
	margin: 0 0 0.5em 0;
	
	
	}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:98%; border-collapse: collapse; border: 1px solid #fff;}
th          { font-weight: bold; background: #eee; color: #000; }
th,td       { padding: 4px 10px 4px 5px; border: 1px solid #fff;}
tr.even td  { background: #eee; }
tr td  { background: #ffffff; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }


.hide {display: none}

/* New Styles - ADAM
-------------------------------------------------------------- */

.lavaLamp {
    position: relative;
    height: 20px; width: 900px;
    background: transparent;
    padding: 13px 13px 13px 13px; margin: 0 0 0 90px;
    overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
		margin-right: 10px;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background: url("../img/lavaGrad.png") no-repeat right -30px;
            width: 9px; height: 30px;
            z-index: 8;
            position: absolute;
        }
            .lavaLamp li.back .left {
                background: url("../img/lavaGrad.png") no-repeat top left;
                height: 30px;
                margin-right: 9px;
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: 14px arial;
            color: #ccc; outline: none;
            text-align: center;
            height:30px; top: 7px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            margin: auto 10px;
        }
		
		.lavaLamp li a:hover
			{
			color: #FF9900;
			}
			
		.lavaLamp li.current a
			{
			color: #fff;
			}
			

			
		
		.copperContainer
			{
			margin: 0 0 20px 0;
			background: url("../img/copperContainer.png") no-repeat top left;
			width: 576px;
			
			}
			
		.copperContainer h3
			{
			margin: 10px 0 0 20px;
			padding: 10px 0 0 0;
			color: #fff;
			font-weight: bold;
			font-size: 1.7em;
			}
			
		.copperContainer p
			{
			padding: 20px 20px 0 20px;
			}
			
			
		.cobaltContainer
			{
			margin: 0 0 20px 0;
			background: url("../img/cobaltContainer.png") no-repeat top left;
			width: 576px;
		
			}
			
		.cobaltContainer h3
			{
			margin: 10px 0 0 20px;
			padding: 10px 0 0 0;
			color: #fff;
			font-weight: bold;
			font-size: 1.7em;
			}
			
		.cobaltContainer p
			{
			padding: 20px 20px 0 20px;
			}
			
			.zincContainer
			{
			margin: 0 0 20px 0;
			background: url("../img/zincContainer.png") no-repeat top left;
			width: 576px;
			
			}
			
		.zincContainer h3
			{
			margin: 10px 0 0 20px;
			padding: 10px 0 0 0;
			color: #fff;
			font-weight: bold;
			font-size: 1.7em;
			}
			
		.zincContainer p
			{
			padding: 20px 20px 0 20px;
			}
			
		.zincContainer ul, .cobaltContainer ul, .copperContainer ul, .gatewayContainer ul, advanceContainer ul, excelContainer ul
			{
			padding: 0 0 0 20px;
			}
			
		.createContainer
			{
			margin: 0 0 20px 0;
			background: url("../img/createContainer.png") no-repeat top left;
			width: 576px;
			
			}
			
		.createContainer h3
			{
			margin: 10px 0 0 20px;
			padding: 10px 0 0 0;
			color: #fff;
			font-weight: bold;
			font-size: 1.7em;
			}
			
		.createContainer p
			{
			padding: 20px 20px 0 20px;
			}
			
/* accordion*******************/
			
.accord
	{
	margin: 0 30px 0px 15px;
	padding: 10px;
	}
	
.accordion2 .accord p { padding:5px 0px; margin:0;}
	
.accord img
	{
	float: left;
	margin: 0 20px 0 0;
	}
	
.accordion2 {
	width: 100%; }

h3.accordionh3 {
	background: #EFF7FF url(../img/arrow-square.png) 558px -52px no-repeat;
	color: #666;
	font-weight: bold;
	padding: 3px 15px; margin: 0 30px 3px 15px;
	border: solid 1px #ADD3EF; cursor: pointer; 
	margin: 20px 0 0 0;
	}
	

	
h3.accordionh3:hover {
	background-color: #fff ;
}
h3.active {
	background: #EFF7FF url(../img/arrow-square.png) 558px 3px no-repeat;
}

h3.active2 {
	background: #EFF7FF url(/pass/imgs/arrow-square.png) 558px 3px no-repeat;
}

.accordion2 p {
		margin: 0; padding: 10px 15px 10px 0;
	
}

.active {
	background-position: right 12px;}
	
.accord ul.left
	{
	float: left;
	widht: 210px;
	margin-left: 5px;
	padding-right: 10px;
	}
	
.accordul.right
	{
	float: left;
	widht: 210px;
	}

h3.accordionMore
	{
	background: #fff url(../img/more.png) no-repeat;
	color: #666;
	font-weight: normal;
	display: block;
	height: 54px;
	width: 154px;
	line-height: 54px;
	padding: 0;
	margin: 0;
	text-indent: 20px;
	cursor: pointer;
	}
	
	
h3.accordionWebinar
	{
	background: #fff url(../img/webinaraccord.jpg) no-repeat;
	color: #666;
	font-weight: normal;
	display: block;
	height: 33px;
	width: 565px;
	line-height: 54px;
	padding: 0;
	margin: 0;
	text-indent: 20px;
	cursor: pointer;
	}
	
.buttons input {
margin-right:5px;
}

.button, a.button {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/button.gif) repeat scroll 0 0;
border:2px solid #4497C8;
color:#FFFFFF;
cursor:pointer;
display:inline-block;
line-height:22px;
margin:0 10px 10px 0;
padding:0 8px 2px;
text-decoration:none;
width:auto;
}
	
	
	
/* glow buttons *****************************/

.glow {display:block; width:266px; height:124px; background:url(../img/suppliersButton.png) no-repeat 0 -124px; margin:2px 0px 10px 2px; padding:0;}
.glow a {display:block; width:266px; height:124px; background:url(../img/suppliersButton.png) no-repeat 0 0; text-indent:-9999px; padding: 0;}

.glow2 {display:block; width:266px; height:124px; background:url(../img/buyersButton.png) no-repeat 0 -124px; margin:2px 0px 10px 2px; padding:0;}
.glow2 a {display:block; width:266px; height:124px; background:url(../img/buyersButton.png) no-repeat 0 0; text-indent:-9999px; padding:0;}

.glow3 {display:block; width:266px; height:124px; background:url(../img/webinarButton.png) no-repeat 0 -124px; margin:2px 0px 10px 2px; padding:0;}
.glow3 a {display:block; width:266px; height:124px; background:url(../img/webinarButton.png) no-repeat 0 0; text-indent:-9999px;  padding:0;}

.glow4 {display:block; width:266px;  height:124px; background:url(../img/elearningacademy_btn.png) no-repeat 0 -124px; margin:2px 0px 10px 2px; padding:0;}
.glow4 a {display:block; width:266px; height:124px; background:url(../img/elearningacademy_btn.png) no-repeat 0 0; text-indent:-9999px; padding:0;}

.glow5 {display:block; width:266px; height:124px; background:url(../img/passevents_2012.png) no-repeat 0 -124px; margin:2px 0px 10px 2px; padding:0;}
.glow5 a {display:block; width:266px; height:124px; background:url(../img/passevents_2012.png) no-repeat 0 0; text-indent:-9999px; padding:0;}

.glowelearning {display:block; width: 263px; height: 123px; background: url(../img/elearningacademy_btn.png) no-repeat 0 -123px; text-indent:-9999px; padding: 0;}
.glowelearning a {display:block; width: 263px; height: 123px; background: url(../img/elearningacademy_btn.png) no-repeat 0 0; text-indent:-9999px; padding: 0;}

.glow a:hover, .glow2 a:hover, .glow3 a:hover, .glow4 a:hover, .glow5 a:hover  {background-position:0 124px;}

.glowSmarter {display:block; width:263px; height:84px; background:url(../img/smarterProcurementButton.png) no-repeat 0 -84px; margin:2px 0px 10px 2px; padding:0;}
.glowSmarter a {display:block; width:263px; height:84px; background:url(../img/smarterProcurementButton.png) no-repeat 0 0; text-indent:-9999px; padding:0;}

.glowelearning2 {display:block; width:263px; height:84px; background:url(../img/elearning_btn.png) no-repeat 0 -84px; margin:2px 0px 10px 2px; padding:0;}
.glowelearning2 a {display:block; width:263px; height:84px; background:url(../img/elearning_btn.png) no-repeat 0 0; text-indent:-9999px; padding:0;}

.glowgo2 {display:block; width:263px; height:84px; background:url(../img/go_btns.png) no-repeat 0 -84px; margin:2px 0px 10px 2px; padding:0;}
.glowgo2 a {display:block; width:263px; height:84px; background:url(../img/go_btns.png) no-repeat 0 0; text-indent:-9999px; padding:0;}

.glowevents {display:block; width:263px; height:84px; background:url(../img/events_btn.png) no-repeat 0 -84px; margin:2px 0px 10px 2px; padding:0;}
.glowevents a {display:block; width:263px; height:84px; background:url(../img/events_btn.png) no-repeat 0 0; text-indent:-9999px; padding:0;}

.glowwebinars {display:block; width:263px; height:84px; background:url(../img/webinars_btn.png) no-repeat 0 -84px; margin:2px 0px 10px 2px; padding:0;}
.glowwebinars a {display:block; width:263px; height:84px; background:url(../img/webinars_btn.png) no-repeat 0 0; text-indent:-9999px; padding:0;}

.glownewsletter {display:block; width:263px; height:84px; background:url(../img/newsletter_btn.png) no-repeat 0 -84px; margin:2px 0px 10px 2px; padding:0;}
.glownewsletter a {display:block; width:263px; height:84px; background:url(../img/newsletter_btn.png) no-repeat 0 0; text-indent:-9999px; padding:0;}

.glownthresholds {display:block; width:263px; height:84px; background:url(../img/thresholds_btn.png) no-repeat 0 -84px; margin:2px 0px 10px 2px; padding:0;}
.glownthresholds a {display:block; width:263px; height:84px; background:url(../img/thresholds_btn.png) no-repeat 0 0; text-indent:-9999px; padding:0;}

.glowelearning2 a:hover, .glowgo2 a:hover, .glowevents a:hover, .glowwebinars a:hover, .glownewsletter a:hover, .glownthresholds a:hover  {background-position:0 84px;}

.gloweBook {display:block; width:266px; height:123px; background:url(../img/pass_ebook_passsite.gif) no-repeat 0 0px; margin:2px 0px 10px 2px; padding:0;}
.gloweBook a {display:block; width:266px; height:123px; background:url(../img/pass_ebook_passsite.gif) no-repeat 0 0; text-indent:-9999px; padding:0;}

.glowGO { display:block; width: 258px; height: 118px; background: url(../img/PASS-GO-button-sidebar.png) no-repeat 0 0px; margin:2px 0px 10px 2px; padding: 0;}
.glowGO a {display:block; width: 258px; height: 118px; background: url(../img/PASS-GO-button-sidebarhvr.png) no-repeat 0 0; text-indent:-9999px; padding: 0;}

.glowConsultancyTraining { display:block; width: 263px; height: 108px; background: url(../img/consultancyTrainingButton.png) no-repeat 0 -108px; margin:2px 0px 10px 2px; padding: 0;}
.glowConsultancyTraining a {display:block; width: 263px; height: 108px; background: url(../img/consultancyTrainingButton.png) no-repeat 0 0; text-indent:-9999px; padding: 0;}




.consortiumImage
	{
	float: left;
	width: 130px;
	}
	
.consortiumText
	{
	float: left;
	width: 450px;
	height: auto;
	}


/* ---------- Scott Styles --------------------*/

.address { font-size:12px; line-height:11px; color:#7da7bb; padding:10px 0px 0px 35px; float:left; text-align:left; }

.imageright { float:right; margin:0px 0px 10px 20px; clear:both;}

.gatewayContainer {margin: 0 0 40px 0; background: url("../img/gatewayContainer.png") no-repeat top left; width: 576px; }
.gatewayContainer h3 {margin: 10px 0 0 20px; padding: 0px 0 0 0;  font-size: 1.7em;}
.gatewayContainer p {padding: 65px 25px 0 22px;}

.advanceContainer {margin: 0 0 40px 0; background: url("../img/advanceContainer.png") no-repeat top left; width: 576px; }
.advanceContainer h3 {margin: 10px 0 0 20px; padding: 0px 0 0 0;  font-size: 1.7em;}
.advanceContainer p {padding: 65px 25px 0 22px;}

.excelContainer {margin: 0 0 40px 0; background: url("../img/excelContainer.png") no-repeat top left; width: 576px; }
.excelContainer h3 {margin: 10px 0 0 20px; padding: 0px 0 0 0;  font-size: 1.7em;}
.excelContainer p {padding: 65px 25px 0 22px;}

.fulldayContainer {margin: 0 0 40px 0; background: url("../img/fulldayContainer.png") no-repeat top left; width: 576px; padding-top:65px; }
.fulldayContainer h3 {margin: 10px 0 0 20px; padding: 0px 0 0 0;  font-size: 1.7em;}
.fulldayContainer p {padding: 0px 25px 0 22px;}
.fulldayContainer ul { margin:0px 0px 0px 40px;}

.halfdayContainer {margin: 0 0 40px 0; background: url("../img/halfdayContainer.png") no-repeat top left; width: 576px; padding-top:65px; }
.halfdayContainer h3 {margin: 10px 0 0 20px; padding: 0px 0 0 0;  font-size: 1.7em;}
.halfdayContainer p {padding: 0px 25px 0 22px;}
.halfdayContainer ul { margin:0px 0px 0px 40px;}

.supplierSkillsContainer {margin: 0 0 40px 0; background: url("../img/supplierskillsContainer.png") no-repeat top left; width: 576px; padding-top:65px; }
.supplierSkillsContainer h3 {margin: 10px 0 0 20px; padding: 0px 0 0 0;  font-size: 1.7em;}
.supplierSkillsContainer p {padding: 0px 25px 0 22px;}
.supplierSkillsContainer ul { margin:0px 0px 0px 40px;}

.masterclassContainer {margin: 0 0 40px 0; background: url("../img/masterclassContainer.png") no-repeat top left; width: 576px; padding-top:65px; }
.masterclassContainer h3 {margin: 10px 0 0 20px; padding: 0px 0 0 0;  font-size: 1.7em;}
.masterclassContainer p {padding: 0px 25px 0 22px;}
.masterclassContainer ul { margin:0px 0px 0px 40px;}

.skillsTrainContainer {margin: 0 0 40px 0; background: url("../img/skillstrainingContainer.png") no-repeat top left; width: 576px; padding-top:65px; }
.skillsTrainContainer h3 {margin: 10px 0 0 20px; padding: 0px 0 0 0;  font-size: 1.7em;}
.skillsTrainContainer p {padding: 0px 25px 0 22px;}
.skillsTrainContainer ul { margin:0px 0px 0px 40px;}

.bespokeContainer {margin: 0 0 40px 0; background: url("../img/bespokeContainer.png") no-repeat top left; width: 576px; padding-top:65px; }
.bespokeContainer h3 {margin: 10px 0 0 20px; padding: 0px 0 0 0;  font-size: 1.7em;}
.bespokeContainer p {padding: 0px 25px 0 22px;}
.bespokeContainer ul { margin:0px 0px 0px 40px;}

.calltoaction { margin:20px 35px 20px 20px; font-size:12px; text-align:right; font-family:"Times New Roman", Times, serif;}
.calltoaction h2 { margin:0; padding:0;}




.legal { clear:both; padding:10px 0px 0px 35px;}
.legal a { font-weight:normal; color:#7da7bb;}
.legal a:hover { color:#000000;}

.news-story { border:1px solid #ccc; padding:15px 15px 40px 15px; margin-bottom:10px}
.news-story img { float:right; margin:0px 0px 10px 20px; }

#content-legal {margin: 0 auto; width: 980px; min-height: 500px; background: transparent url(../img/content-legal.png) no-repeat;}

.competition-banner { float:left; margin:10px 10px 10px 0px;}

.smallprint { font-size:10px;}
.quotebox { border:1px solid #ccc; padding:15px 15px 5px 15px; margin-bottom:10px}

.bannerPackages { float:left;}

.eventBtn { background-image:url(../img/eventBtn_back.jpg); width:203px; height:80px; }

.eventsNav { float:left;}
.eventsNav li a { background-image:url(../img/eventBtn_back.jpg); width:145px; height:53px;  font-size:20px; padding:10px 15px; line-height:24px; display:block; font-weight:normal; text-decoration:none;  color:#7E7E7E}
.eventsNav li a:hover { color:#333333; background-image:url(../img/eventBtn_backHover.jpg);}
.eventsNav li {list-style-type:none; float:left; margin:0 15px 0 0;}
li.nolink {background-image:url(../img/eventBtn_backNolink.jpg); width:145px; height:53px;  font-size:20px; padding:10px 15px; line-height:24px; display:block; font-weight:normal; text-decoration:none;  color:#7E7E7E  }


.caps { display:block; width: 205px; height: 77px; background: url(../img/caps_button.jpg) no-repeat 0 -84px; margin:2px 0px 10px 2px; padding: 0; float:left;}
.caps a {display:block; width: 205px; height: 77px; background: url(../img/caps_button.jpg) no-repeat 0 0; text-indent:-9999px; padding: 0;}
.caps a:hover  {background: url(../img/caps_buttonHvr.jpg) no-repeat 0 0;}

.joinwebinars { display:block; width: 205px; height: 77px; background: url(../img/joinwebinars_btn.jpg) no-repeat 0 -84px; margin:2px 0px 10px 2px; padding: 0; float:left; clear:both;}
.joinwebinars a {display:block; width: 205px; height: 77px; background: url(../img/joinwebinars_btn.jpg) no-repeat 0 0; text-indent:-9999px; padding: 0;}
.joinwebinars a:hover  {background: url(../img/joinwebinars_btnHvr.jpg) no-repeat 0 0;}

.vieweventsdiary { display:block; width: 205px; height: 77px; background: url(../img/eventsdiary_btn.jpg) no-repeat 0 -84px; margin:2px 0px 10px 2px; padding: 0; float:left;}
.vieweventsdiary a {display:block; width: 205px; height: 77px; background: url(../img/eventsdiary_btn.jpg) no-repeat 0 0; text-indent:-9999px; padding: 0;}
.vieweventsdiary a:hover  {background: url(../img/eventsdiary_btnHvr.jpg) no-repeat 0 0;}

.buttonProcurementMan { display:block; width: 209px; height: 75px; background: url(../img/procurementmanual_btn.jpg) no-repeat 0 -84px; margin:2px 0px 10px 2px; padding: 0; float:left;}
.buttonProcurementMan a {display:block; width: 209px; height: 75px; background: url(../img/procurementmanual_btn.jpg) no-repeat 0 0; text-indent:-9999px; padding: 0;}
.buttonProcurementMan a:hover  {background: url(../img/procurementmanual_btnHvr.jpg) no-repeat 0 0;}


.buttonWhite { display:block; width: 209px; height: 80px; background: url(../img/button.jpg) no-repeat 0 -84px; margin:2px 0px 10px 2px; padding: 0; float:left;}
.buttonWhite a {display:block; width: 209px; height: 80px; background: url(../img/button.jpg) no-repeat 0 0; text-indent:-9999px; padding: 0;}
.buttonWhite a:hover  {background: url(../img/buttonHvr.jpg) no-repeat 0 0;}

.socialmedia { float:right; width:88px; height:76px;  margin-top:30px; margin-right:60px;}
.socialmedia h3 { font-size:14px;  color:#666666; margin:0 0 10px 0; padding:0; text-align:right;}
.socialmedia img { float:left; margin:0px 0px 5px 10px;}

.uniqueofferBtn h4 { font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; letter-spacing:0px; margin-bottom:6px }
.uniqueofferBtn {}
.uniqueofferBtn a { font-weight: normal; display: block; float:left; height: 114px; padding:25px 20px 20px 25px;
	
	text-align: left;
	width: 148px;
	color: #666666;
	text-decoration: none;
	font-size: 12px;
	overflow: hidden; 
	background: transparent url(../img/uniqueoffer_button.jpg) top no-repeat; font-family:Arial, Helvetica, sans-serif;}
	
.uniqueofferBtn a:hover {background: transparent url(../img/uniqueoffer_buttonHvr.jpg) bottom no-repeat;
	color: #000; padding:25px 20px 20px 25px; width: 148px; height: 114px;}
	
.uniqueofferBtn a:current {background: transparent url(../img/uniqueoffer_buttonHvr.jpg) bottom no-repeat;
	color: #000;}


.leftContent-legal
	{
	float: left;
	width: 880px;
	background: #fff;
	min-height: 400px;
	margin: 35px 0 0 40px; 
	}
	
	
.leftContent-legal ul { margin-bottom:20px;}
.leftContent-legal li { font-size:14px;}

.passConsultancy a { font-weight: normal; display: block; float:left; margin-right:30px; font-family:Arial, Helvetica, sans-serif;
	height: 63px;
	line-height: 63px;
	text-align: left;
	width: 212px;
	color: #666666;
	text-decoration: none;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	overflow: hidden; padding-left:20px;
	background: transparent url(../img/smallButtonWhite2.png) top no-repeat;}
	
.passConsultancy a:hover {background: transparent url(../img/smallButtonWhite2.png) bottom no-repeat;
	color: #000;}
	
.passConsultancy a:current {background: transparent url(../img/smallButtonWhite2.png) bottom no-repeat;
	color: #000;}
	
.passConsultancy2 a { font-weight: normal; display: block; float:left; margin-right:30px; font-family:Arial, Helvetica, sans-serif;
	height: 63px;
	line-height: 63px;
	text-align: left;
	width: 280px;
	color: #666666;
	text-decoration: none;
	font-size: 1em;
	letter-spacing: 0.00em;
	overflow: hidden; padding-left:20px;
	background: transparent url(../img/smallButtonWhite3.png) top no-repeat;}
	
.passConsultancy2 a:hover {background: transparent url(../img/smallButtonWhite3.png) bottom no-repeat;
	color: #000;}
	
.passConsultancy2 a:current {background: transparent url(../img/smallButtonWhite3.png) bottom no-repeat;
	color: #000;}
	

	
.buyNow a { font-weight: normal; display: block; float:left; margin-right:30px;
	height: 63px;
	line-height: 63px;
	text-align: left;
	width: 153px;
	color: #666666;
	text-decoration: none;
	font-size: 1.4em;
	letter-spacing: 0.05em;
	overflow: hidden; padding-left:20px;
	background: transparent url(../img/smallerButtonWhite2.png) top no-repeat; font-family:Arial, Helvetica, sans-serif;}
	
.buyNow a:hover {background: transparent url(../img/smallerButtonWhite2.png) bottom no-repeat;
	color: #000;}
	
.buyNow a:current {background: transparent url(../img/smallerButtonWhite2.png) bottom no-repeat;
	color: #000;}
	
	
.makeEnquiry a { font-weight: normal;  float:right; margin:0 0 20px 20px;
	height: 63px;
	line-height: 63px;
	width: 160px;
	color: #666666;
	text-decoration: none;
	font-size: 1.4em;
	letter-spacing: 0.05em;
	overflow: hidden; padding-left:13px; clear:both;
	background: transparent url(../img/smallerButtonWhite2.png) top no-repeat; font-family:Arial, Helvetica, sans-serif;}
	
.makeEnquiry a:hover {background: transparent url(../img/smallerButtonWhite2.png) bottom no-repeat;
	color: #000;}
	
.makeEnquiry a:current {background: transparent url(../img/smallerButtonWhite2.png) bottom no-repeat;
	color: #000;}

.morewebinar a { font-weight: normal; display: block; float:left; margin-right:30px;
	height: 63px;
	line-height: 63px;
	text-align: left;
	width: 153px;
	color: #666666;
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 0.05em;
	overflow: hidden; padding-left:20px;
	background: transparent url(../img/smallerButtonWebinar.png) top no-repeat; font-family:Arial, Helvetica, sans-serif;}
	
.morewebinar a:hover {background: transparent url(../img/smallerButtonWebinar.png) bottom no-repeat;
	color: #000;}
	
.morewebinar a:current {background: transparent url(../img/smallerButtonWebinar.png) bottom no-repeat;
	color: #000;}
	
	
.joinwebinar a { font-weight: normal; display: block; float:right; margin-right:-10px;
	height:55px;
	line-height: 55px;
	text-align: left;
	width: 255px;
	color: #666666;
	text-decoration: none;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	overflow: hidden; padding-left:10px; clear:both;
	background: transparent url(../img/webinar_join_Btn.jpg) top no-repeat; font-family:Arial, Helvetica, sans-serif;}
	
.joinwebinar a:hover {background: transparent url(../img/webinar_join_Btn.jpg) bottom no-repeat;
	color: #000;}
	
.joinwebinar a:current {background: transparent url(../img/webinar_join_Btn.jpg) bottom no-repeat;
	color: #000;}
	

.eventsdiary-new {float:right; margin:10px 0px 20px 20px; line-height:normal; width:211px; height:83px; clear:both }
.eventsdiary-new a { background-image:url(../img/eventsdiaryBtn.jpg);  padding:15px 15px 12px 15px; height:56px; color:#5b5b5b; font-size:16px; display:block; text-decoration:none;  }
.eventsdiary-new a:hover {background-image:url(../img/eventsdiaryBtnHvr.jpg); color:#5b5b5b;}
.eventsdiary-new H2 { font-size:22px; margin:0; padding:0; color:#5b5b5b;}

.elearning-new {float:right; margin:10px 0px 20px 20px; line-height:normal; width:211px; height:82px; }
.elearning-new a { background-image:url(../img/elearning_Btn.jpg);  padding:15px 15px 12px 15px; height:56px; color:#5b5b5b; font-size:16px; display:block; text-decoration:none;  }
.elearning-new a:hover {background-image:url(../img/elearning_BtnHvr.jpg); color:#5b5b5b;}
.elearning H2 { font-size:19px; line-height:27px; margin:0; padding:0; color:#5b5b5b;}

.webinar-new {float:right; margin:10px 0px 20px 20px; line-height:normal; width:211px; height:83px; }
.webinar-new a { background-image:url(../img/webinarNewBtn.jpg);  padding:15px 15px 12px 15px; height:56px; color:#5b5b5b; font-size:16px; display:block; text-decoration:none;  }
.webinar-new a:hover {background-image:url(../img/webinarNewBtnHvr.jpg); color:#5b5b5b;}
.webinar-new H2 { font-size:19px; line-height:27px; margin:0; padding:0; color:#5b5b5b;}

	
	
.EnterNow a { font-weight: normal; display: block; float:right; margin-right:10px; clear:both;
	height: 63px;
	line-height: 63px;
	text-align: left;
	width: 153px;
	color: #666666;
	text-decoration: none;
	font-size: 1.4em;
	letter-spacing: 0.05em;
	overflow: hidden; padding-left:20px;
	background: transparent url(../img/smallerButtonWhite2.png) top no-repeat; font-family:Arial, Helvetica, sans-serif;}
	
.EnterNow a:hover {background: transparent url(../img/smallerButtonWhite2.png) bottom no-repeat;
	color: #000;}
	
.EnterNow a:current {background: transparent url(../img/smallerButtonWhite2.png) bottom no-repeat;
	color: #000;}
	
	
	h3.backEvents
	{
	background: #fff url(../img/back.png) no-repeat;
	color: #666;
	font-weight: normal;
	display: block;
	height: 54px;
	width: 121px;
	line-height: 54px;
	padding: 0;
	margin: 0;
	text-indent: 35px;
	cursor: pointer; font-size:24px; float:right;
	}
	
		h3.backEvents-sml
	{
	background: #fff url(../img/back-sml.jpg) no-repeat;
	color: #666;
	font-weight: normal;
	display: block;
	height: 40px;
	width: 90px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	text-indent: 28px;
	cursor: pointer; font-size:17px; float:right;
	}

.more-testimonials { float:right; clear:both;}
	.form_title{
			color : #000000;
			font-size: 13px;
			font-family:  Arial, Helvetica, sans-serif;
			font-weight : bold;
		}
		
		.form_field {
			font-size : 13px;
			font-family : Arial, Helvetica, sans-serif;
			color : #474747;
			font-weight : bold;
			text-align:left;
		}
		
		.form_text{
			font-size : 12px;
			font-family : Arial, Helvetica, sans-serif;
			color : #000000;
		}
		
		.text_box{
			font-size : 12px;
			font-family : Arial, Helvetica, sans-serif;
			color : #000000;
			width:200px;
		}
		
		.text_area{
			font-size : 12px;
			font-family : Arial, Helvetica, sans-serif;
			color : #000000;
			width:200px;
			height:60px;
		}
		
		.text_select{
			font-size : 12px;
			font-family : Arial, Helvetica, sans-serif;
			color : #000000;
		}

		.form_error{
			font-size : 12px;
			font-family : Arial, Helvetica, sans-serif;
			color : #ff0000;
			font-weight : bold;
		}

.terms  { font-size:11px; color:#333333;}


/* toggle webinar begin */
h2.trigger {
	padding: 10px 0 0 20px;
	margin: 0 0 0px 0;
	background: url(../img/webinaraccord.jpg) no-repeat;
	height: 43px;
	line-height: 18px;
	width: 565px;
	font-size: 16px;
	font-weight: normal;
	float: left; font-family:Arial, Helvetica, sans-serif; 
}
h2.trigger a {
	color:#999999;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {
	color:#333333;
}
h2.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(../img/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 12px;
	width: 565px;
	clear: both;
}
.toggle_container .block {
	padding: 20px;
	background: url(toggle_block_btm.gif) no-repeat left bottom;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}

.toggle_container .block ol { font-size:12px;}

.webinarsub { font-size:11px; clear:both;}



/* eLearning Academy Form styles */
input.disabled {border: 1px solid #F2F2F2; background-color: #F2F2F2;}
input.required, textarea.required {border: 1px solid #00A8E6;}
input.validation-failed, textarea.validation-failed {border: 1px solid #FF3300; color : #FF3300;}
input.validation-passed, textarea.validation-passed {border: 1px solid #00CC00; color : #000;}
.validation-advice {margin: 5px 0; padding: 5px; background-color: #FF3300; color : #FFF; font-weight: bold;}
.custom-advice {margin: 5px 0; padding: 5px; background-color: #C8AA00; color : #FFF; font-weight: bold;}
fieldset {padding: 1em; margin-bottom: 0.5em; width:540px; font-family:Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; }
fieldset.personal { float:left;}
fieldset.additional { float:left;}
legend {color:#999999;}
label {font-weight: bold; }
.form-row {clear: both; padding: 0.5em;}
.field-label { float:left; width:220px; text-align:right; padding:5px 20px 0 0;}
.field-label-big { float:left; width:320px;}
.field-widget { float:left; }
.field-widget input { }
input[type="text"], input[type="sender's email"], select {width:180px; padding:5px;  -moz-border-radius: 3px; background-color:#FFFFD2; border:1px solid #CCCCCC}
input[type="text"]:focus, input[type="sender's email"]:focus, select:focus { background-color:#fff;}
.submit-box { float:left; border:1px solid #CCCCCC; padding:10px; clear:both;}
input.submit { color:#666666;   background-color:#CCCCCC;  border:1px solid #666666; padding:5px; cursor:pointer;  } 
input.submit:hover { color:#333333;  background-color:#CCCCCC;  border:1px solid #333333; }
input[type="checkbox"] {  -moz-border-radius: 3px;}
select { width:190px; padding:5px; background-color:#FFFFD2;  -moz-border-radius: 3px;}
option:hover {
background-colour : #000000;
color : #ffffff;
}
/*
input {  -moz-border-radius: 3px; background-color:#FFFFD2; border:1px solid #CCCCCC}
input:focus { background-color:#fff;}
*/

#OtherDiv1, #OtherDiv2, #OtherDiv3 { clear: both;
	padding: 0.5em;}
input[type="text"].required, input[type="sender's email"].required, textarea.required, select.validate-selection {
	border: 1px solid #00A8E6;}
input[type="text"].validation-failed, input[type="sender's email"].validation-failed, textarea.validation-failed, select.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;}
input[type="text"].validation-passed, input[type="sender's email"].validation-passed, textarea.validation-passed, select.validation-passed {
	border: 1px solid #00CC00;
	color : #000;}

#eLearningAcademy { font-family:Arial, Helvetica, sans-serif;}