/* CSS DISPLAY SCREEN THE GROUP */

/* ---------- 1. 0 Misc ---------- */

*   {
	padding:0;
	margin:0;
	border:0;
	}
	
body {
	color:#7a7a7a;
	font: 0.7em "Arial", Tahoma, Helvetica, Sans-Serif;
	background:#EFEADE url(images/body.gif);
	padding-bottom:60px;
	}
	
.end {
	clear:both;
	list-style:none;
	height:0;
	font-size:0;
	line-height:1%;
	}

.alternative {
	display:none;
	}

a.top {
	color:#CCD841;
	width:auto;
	display:block;
	padding:20px 0 0 0;
	background: url(images/anchor_top.gif) 1px 5px  no-repeat;
	text-decoration:none;
	margin:15px 0 0 0;
	}

#container1 {
	background:url(images/grey_bg_left_repeat.gif) 0 0  no-repeat;
	}

#container2 {
	background:url(images/green_bg_right_repeat.gif) 100% 0 no-repeat;
	text-align:center;
	}

#grey #container2 {
	background:url(images/grey_bg_right_repeat.gif) 100% 0 no-repeat;
	text-align:center;
	}

#brown #container2 {
	background:url(images/brown_bg_right_repeat.gif) 100% 0 no-repeat;
	text-align:center;
	}

#purple #container2 {
	background:url(images/purple_bg_right_repeat.gif) 100% 0 no-repeat;
	text-align:center;
	}

#blue #container2 {
	background:url(images/blue_bg_right_repeat.gif) 100% 0 no-repeat;
	text-align:center;
	}

#army #container2 {
	background:url(images/army_bg_right_repeat.gif) 100% 0 no-repeat;
	text-align:center;
	}


#container3 {
	width:768px;
	margin:0 auto;
	position:relative;
	background:url(images/content_repeat_y.gif) 0 0 repeat-y;
	z-index:5;
	text-align:center;
	}

#container4 {
	width:768px;
	background:url(images/grey_bg_left.gif) 0 0 no-repeat;
	}

#container5 {
	width:768px;
	background:url(images/green_bg_right.gif) 100% 0 no-repeat;
	}

#grey #container5 {
	width:768px;
	background:url(images/grey_bg_right.gif) 100% 0 no-repeat;
	}

#brown #container5 {
	width:768px;
	background:url(images/brown_bg_right.gif) 100% 0 no-repeat;
	}

#purple #container5 {
	width:768px;
	background:url(images/purple_bg_right.gif) 100% 0 no-repeat;
	}

#blue #container5 {
	width:768px;
	background:url(images/blue_bg_right.gif) 100% 0 no-repeat;
	}

#army #container5 {
	width:768px;
	background:url(images/army_bg_right.gif) 100% 0 no-repeat;
	}

#container6 {
	padding:0 6px;
	width:756px;
	text-align:left;
	}

#container7 {
	background:url(images/menu_bottom.gif) 0 100% no-repeat;
	}
	
/* ---------- 2.0 COL LEFT AND RIGHT ---------- */
#colLeft {
	width:243px;
	float:left;
	}

#colRight {
	width:513px;
	float:right;
	}



/* ---------- 3.0 LOGO ---------- */
#home #header {
	background:url(images/intro_header.jpg) 0 0 no-repeat;
	width:513px;
	height:159px;
	position:absolute;
	z-index:1;
	}

#home #header object {
	position:absolute;
	z-index:2;
	}


h1, h2 {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display:block;
	}

h2 {
	position:absolute;
	}


	/* ---------- 3.1 accessibility ---------- */
	
	#accessibility dl {
		position:absolute;
		top:0;
		right:2px;
		z-index:500;
		background:url(images/resize_text.gif) 0 0 no-repeat;
		width:120px;
		height:17px;
		display:block;
		padding:3px 3px 0 6px;
		text-decoration:none;
		color:#fff;
		text-align:center;
		font-weight:bold;
		}

	#accessibility dt, #accessibility dd {
		float:left;
		}

	#accessibility dt {
		margin:0 9px 0 0;
		}

	#accessibility a {
		display:block;
		padding:1px 4px;
		height:10px;
		width:5px;
		background:#fff;
		color:#E2007A;
		text-decoration:none;
		font-size:0.8em;
		font-weight:bold;
		margin:0 0 0 1px;
		}

	#accessibility a.decrease {
		display:block;
		margin:0 0 0 1px;
		}

	#accessibility a:hover {
		background:#E2007A;
		color:#fff;
		}

	#accessibility strong {
		margin:0 3px 0 5px;
		}

	/* ---------- 3.2 STYLE SWITCHER ---------- */
	
	#styleSwitcher dl {
		position:absolute;
		top:0;
		right:128px;
		z-index:100;
		background:url(images/style_switcher.gif) 0 0 no-repeat;
		width:137px;
		height:17px;
		padding:3px 3px 0 7px;
		text-decoration:none;
		color:#fff;
		text-align:center;
		font-weight:bold;
		}

	#styleSwitcher dt, #styleSwitcher dd {
		float:left;
		}

	#styleSwitcher dt {
		margin:0 2px 0 0;
		}

	#styleSwitcher a {
		display:block;
		padding:1px 4px;
		height:10px;
		width:5px;
		background:#EFEADE;
		color:#6F5822;
		text-decoration:none;
		font-size:0.8em;
		font-weight:bold;
		margin:0 0 0 3px;
		}

	#styleSwitcher .style2 a {
		background:#000;
		color:#fff;
		}

	#styleSwitcher .style3 a {
		background:#fff;
		color:#E2007A;
		}


	#styleSwitcher a:hover {
		background:#E2007A;
		color:#fff;
		}
		
	/* ---------- 3.3 SKIP TO CONTENT & HOME & CONTACT---------- */	
	.skypContent {
		position:absolute;
		top:0;
		right:279px;
		z-index:100;
		background:url(images/go_to_content_green.gif) 0 0 no-repeat;
		width:84px;
		height:17px;
		padding:3px 3px 0 3px;
		text-decoration:none;
		color:#fff;
		text-align:center;
		font-weight:bold;
		}
	
	.skypContent:hover {
		text-decoration:underline;
		}

	.homeTab, .contactTab, .langTab {
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		display:block;
		height:40px;
		width:38px;
		position:absolute;
		right:-32px;
		z-index:100;
		cursor:pointer;
		}

	.contactTab {
		background:url(images/contact_tab.png) no-repeat;
		top:75px;
		}

	.homeTab {
		background:url(images/home_tab.png) no-repeat;
		top:35px;
		}

	.langTab {
		background:url(images/lang_ws_tab.png) no-repeat;
		top:115px;
		}

	#ws {
		background:url(images/lang_en_tab.png) no-repeat;
		top:115px;
		}

	.contactTab:hover, .homeTab:hover, .langTab:hover,  #ws:hover {
		background-position: -38px 0;
		}



h1 {
	background:url(images/logo_the_group.gif) 0 0 no-repeat;
	width:243px;
	height:160px;
	}

h1 a {
	width:243px;
	height:160px;
	display:block;
	text-decoration:none;
	}
	

/* ---------- 4.0 MENU ---------- */

#menu h3 {
	color:#fff;
	background:url(images/menu_title_grey.gif);
	font-size:2.4em;
	padding:20px 0 0 34px;
	line-height:0.6em;
	}

#menu .menu {
	padding:5px 20px 30px 24px;
	display:block;
	list-style:none;
	}
	
#menu .menu li {
	display:block;
	background: url(images/link_menu_split.gif) 0 100% repeat-x;
	}

#menu .details li {
	color:#7a7a7a;
	text-decoration:none;
	font-weight:normal;
	font-size:1.1em;
	padding:16px 10px 16px 36px;
	display:block;
	width:197px;
	background:#f0f0f0;
	border-bottom:1px solid #E3E3E3;
	margin-bottom:1px;
	}

#menu .details .more {
	padding:0;
	display:block;
	width:auto;
	background:#f0f0f0;
	border-bottom:1px solid #E3E3E3;
	margin-bottom:1px;
	}

#menu .details li li {
	padding:0;
	width:auto;
	border:0;
	margin:8px 0 0 0;
	list-style:disc;
	font-size:1.0em;
	}

#menu .menu li a {
	color:#7a7a7a;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	padding:19px 0 3px 45px;
	display:block;
	width:142px;
	background: url(images/bull_menu_off.gif) 8px 20px no-repeat;
	}

#menu .details li a {
	color:#E2007A;
	text-decoration:none;
	}


#menu .details .more a {
	color:#fff;
	text-decoration:none;
	padding:3px 10px 8px 36px;
	display:block;
	width:197px;
	font-size:1.1em;
	background:#CCD944;
	}

#menu .details .more a span {
	font-size:1.6em;
	position:relative;
	top:1px;
	}

#menu .menu li a.selected, #menu .menu li a:hover {
	background: url(images/bull_menu_on.gif) 8px 20px no-repeat;
	color:#e2007a;
	}

#menu .details .more a:hover {
	background:#E2007A;
	}

/* ---------- 5.0 CONTENT ---------- */
#content1 {
		position:relative;
		left:0;
		top:0;
		z-index:10;
	}

#content1 h3 {
	color:#fff;
	background: url(images/green_repeat_title.gif);
	font-size:2.1em;
	padding:10px 25px 8px 25px;
	font-family:"Times New Roman", Times, serif;
	}

#content2 {
	padding:10px 25px 8px 25px;
	line-height:1.8em;
	font-size:1.1em;
	}

.blockWrapper {
	border-bottom:1px dashed #ccc;
	margin:0 0 3em 0;
	}

.blockLeft {
	float:left;
	}
	
.blockRight {
	float:right;
	}

#content2 h4 {
	font-size:1.8em;
	margin:2em 0 0.8em 0;
	color:#c8c8c8;
	line-height:1.2em;
	font-family:"Times New Roman", Times, serif;
	}

#content2 h4 span {
	color:#C5D421;
	}

#content2 h5 {
	font-size:1.1em;
	}

#content2 img {
	float:left;
	margin:0 15px 4px 0;
	background:#fff;
	border:5px solid #f4f4f4;
	padding:1px;
	}

#content2 img.right {
	float:right;
	margin:0 0 4px 15px;
	background:#fff;
	border:5px solid #f4f4f4;
	padding:1px;
	}

#content2 p {
	text-align:justify;
	margin-bottom:1.5em;
	}

#content2 .termsConditions {
	font-size:0.8m;
	line-height:normal;
	}

#content2 ul, #content2 ol{
	margin:0 0 35px 15px;
	display:block;
	}

#content2 ul ul {
	margin:10px 0 35px 15px;
	display:block;
	}

#content2 li {
	margin-bottom:12px;
	}

#content2 li span {
	color:#7A7A7A;
	}

#content2 .pdfFile {
	background: url(images/pdf-ico.gif) 100% 0 no-repeat;
	padding:0 23px 3px 0;
	margin-right:9px;
	}

#content2 a {
	color:#E2007A;
	font-weight:bold;
	text-decoration:none;
	color:#CCD841;
	}

#content2 a img {
	border: 0;
	margin: 5px 0;
	}
	

#content2 ul ul a {
	color:#6F6F6F;
	font-size:0.9em;
	}
	
#content2 a.top {
	color:#CCD841;
	width:auto;
	display:block;
	padding:20px 0 0 0;
	background: url(images/anchor_top.gif) 1px 5px  no-repeat;
	text-decoration:none;
	margin:15px 0 0 0;
	}


#content2 a.back {
	display:block;
	width:160px;
	font-size:1.2em;
	padding:3px 15px 11px 0;
	background: url(images/back.gif) 100% 9px  no-repeat;
	margin:15px 0 0 0;
	}

#content2 a.viewMore {
	padding-left:22px;
	background: url(images/view_more.gif) 0 1px no-repeat;
	font-size:1.2em;
	position:relative;
	display:block;
	top:-5px;
	}


#content2 a:hover {
	color:#E2007A;
	}
	
#content4  {
	color:#fff;
	background: url(images/green_repeat_title.gif);
	font-size:2.1em;
	padding:;
	font-family:"Times New Roman", Times, serif;
	text-align:left
	}	
#content5 {
	padding:10px 25px 8px 25px;
	line-height:1.8em;
	font-size:1.1em;
	text-align:left
	}


	
	/* ---------- 5.1 TABLE ---------- */
	
#newsletter #content1 table {
	margin-bottom:2em;
	font-size:1.0em;
	}
	
#newsletter #content1 tr {
	padding:10px 0 15px 0;
	}
#newsletter #content1 td {
	vertical-align:top;
	}

#newsletter .title1 {
	width:20%;
	padding-right:2px;
	}

#newsletter .title3 {
	width:21%;
	padding-right:2px;
	}

#newsletter .title2, #newsletter .title4 {
		}

#newsletter .title2 {
	border-right:1px dashed #ccc;
	}

#newsletter .title3 {
	padding-left:10px;
	}
	
	
	/* ---------- 5.2 SIX STAGE PROCESS---------- */
	
	.sixStage .blockRight {
		width:300px;
		}
	
	.sixStage .blockLeft {
		width:120px;
		}

	#content2 ul#stage {
		margin:6px 0 0 0;
		}

	#content2 #stage li {
		background: url(images/stage_repeat.gif) 0 0 repeat-y;
		font-size:1.1em;
		display:block;
		text-decoration:none;
		width:137px;
		margin:0 0 2.8em 0;
		}

	#content2 #stage span {
		background:url(images/stage_top.gif) 0 0 no-repeat;
		display:block;
		color:#fff;
		}

	#content2 #stage strong {
		background:url(images/stage_bottom.gif) 0 100% no-repeat;
		padding:12px 10px 30px 10px;
		text-align:center;
		display:block;
		}





	/* ---------- 5.2 SUBMENU ---------- */
	
	#submenu {
		padding:0 25px 10px 25px;
		font-size:1.1em;
		}

	#submenu h4 {
		float:left;
		background:#666 url(images/submenu_arrow.gif) 90% 8px no-repeat;
		color:#fff;
		font-size:1.0em;
		margin:0 3px 3px 0;
		}

	#submenu h4 span {
		background:url(images/submenu_left.gif) 0 100% no-repeat;
		display:block;
		}

	#submenu h4 strong {
		background:url(images/submenu_right.gif) 100% 100% no-repeat;
		padding:5px 18px 5px 10px;
		display:block;
		}


	#submenu li {
		list-style:none;
		display:inline;
		float:left;
		margin:0 3px 3px 0;
		position:relative;
		z-index:5;
		}

	#submenu li a {
		float:left;
		background: url(images/submenu_repeat_off.gif) 0 0 repeat;
		color:#fff;
		font-size:1.0em;
		text-decoration:none;
		}

	#submenu ul.submenu {
		display:none;
		position:absolute;
		padding:2px;
		padding-bottom:1px;
		width:204px;
		background-color:#fff;
		top:25px;
		left:0;
		z-index:10;
		}

	#submenu ul#courses {
		top:0;
		left:41px;
		padding-top:0;
		}

	#submenu ul.submenu li {
		display:block !important;
		margin:0 0 2px 0;
		}

	#submenu ul.submenu li a {
		display:block;
		padding:5px 10px;
		width:184px;
		font-weight:bold;
		}

	#submenu li a span {
		background:url(images/submenu_left_off.gif) 0 100% no-repeat;
		display:block;
		}

	#submenu li a strong {
		background:url(images/submenu_right_off.gif) 100% 100% no-repeat;
		padding:5px 10px 5px 10px;
		display:block;
		}

	#submenu li a:hover, #submenu li a.selected {
		background: url(images/submenu_repeat_on.gif) 0 0 repeat;
		}

	#submenu li a:hover span, #submenu li a.selected span {
		background:url(images/submenu_left_on.gif) 0 100% no-repeat;
		}

	#submenu li a:hover strong, #submenu li a.selected strong {
		background:url(images/submenu_right_on.gif) 100% 100% no-repeat;
		}




	/* ---------- 5.3 CALENDAR ---------- */
	#calendar {
		background:#F5F5F5;
		}

	#calendar ul {
		display:block;
		margin:2px 0;
		padding:0;
		}
	
	#calendar ul li{
		display:inline;
		float:left;
		margin:0;
		background:none;
		}
	
	#calendar a.calendarNext, #calendar a.calendarPrev, #calendar a.viewAll {
		background:#EB0581;
		color:#fff;
		padding:6px 6px;
		height:19px;
		text-decoration:none;
		width:25px;
		float:left;
		display:block;
		}

	#calendar a.calendarNext {
		text-align:right;
		}

	#calendar a.viewAll {
		text-align:center;
		width:230px;
		background:#CFCFCF;
		font-size:1.2em;
		font-weight:bold;
		}

	#calendar a.calendarNext:hover, #calendar a.calendarPrev:hover, #calendar a.viewAll:hover {
		background:#EF2C99;
		color:#fff;
		}

	#calendar a.viewAll:hover {
		background:#EB0581;
		color:#fff;
		}
		
	#calendar span.month {
		background:#EB0581;
		color:#fff;
		padding:6px 6px;
		text-decoration:none;
		width:157px;
		height:19px;
		text-align:center;
		font-size:1.1em;
		float:left;
		display:block;
		font-weight:bold;
		}

	#calendar table {
		background:#eee;
		display:block;
		position:relative;
		z-index:10;
		}

	#calendar col.lastCol {
		width:20%;
		}

		
	#calendar td {
		}
		
	#calendar td span {
		background:#E6E6E6;
		border:2px solid #E6E6E6;
		padding:5px 9px 5px 8px;
		display:block;
		}


	#calendar td span a {
		display:none;
		position:absolute;
		padding:6px 10px;
		background:#EB0581;
		color:#fff;
		text-decoration:none;
		width:220px;
		z-index:200;
		top:-30px;
		left:0;
		}

	#calendar td span.event {
		background:#CCD841;
		color:#fff;
		border:2px solid #CCD841;
		cursor:pointer;
		}

	#calendar td span.today {
		border:2px solid #EB0581;
		}
	
	
	

	/* ---------- 5.4 CONTACT FORM---------- */
	
	#contactus form {
		width:465px;
		}
	
	#contactus p {
		margin-top:10px;
		position:relative;
		display:block;
		width:100%;
		top:0;
		left:0;
		z-index:10;
		}

	#contactus dd.radio {
		margin-bottom:12px;
		position:relative;
		}
	
	#contactus label {
		color:#5D5C58;
		padding-right:210px;
		font-size:1.0em;
		display:block;
		}
	
	#contactus input, #form select {
		border:1px solid #CFCFCF;
		width:200px;
		position:absolute;
		/*display:block;*/
		background:#fff;
		right:0;
		top:0;
		height:1.4em;
		font-size:1.0em;
		z-index:200;
		}
	
	#contactus select {
		width:202px;
		background:#C2D11E;
		color:#fff;
		font-weight:bold;
		height:1.8em;
		font-size:1.1em;
		}
		
	#contactus .checkBox label {
		padding:0 0 0 20px;
		}

	#contactus .checkBox input {
		border:0;
		height:16px;
		width:16px;
		left:0;
		top:0;
		z-index:200;
		}
	
	#contactus .radio input {
		border:0;
		margin-right:236px;
		height:16px;
		width:16px;
		}
		
	#contactus .radio2 input {
		border:0;
		margin-right:5px;
		height:16px;
		width:16px;
		}
	
	#contactus #last input {
		border:0;
		margin-right:234px;
		height:16px;
		width:16px;
		}
	
	#contactus select option {
		color:#fff;
		background:#C2D11E;
		padding:3px 9px;
		border-bottom:1px solid #fff;
		font-size:1.0em;
		font-weight:bold;
		height:20px;
		}
	
	#contactus textarea {
		border:1px solid #CFCFCF;
		width:462px;
		height:160px;
		margin-top:8px;
		font-size:1.2em;
		}
	
	#contactus .button input {
		background:#C2D11E;
		color:#fff;
		font-weight:bold;
		font-size:1.1em;
		cursor:pointer;
		width:160px;
		height:1.6em;
		position:static;
		padding:0 0 3px 0;
		margin:0 0 10px 0px;
		}
	
	
	#contactus a.button { 
		display:block; 
		text-align:center;
		text-decoration:none;
		height:1.6em;
		padding:5px 0 0 0;
		}

	/* ---------- 5.5 PRODUCTS ---------- */
	
	#content2 .product .description {
		padding-left:9px;
		margin-bottom:0;
		}
	
	#content2 .product h4 {
		margin:2em 0 0.3em 0;
		color:#BFBFBF;
		}

	#content2 .product p {
		margin:0 0 0.5em 0;
		line-height:1.3em;
		}
			
	#content2 .product .competency ul li {
		display:inline;
		margin-right:5px;
		border-right:1px solid #BFB18F;
		padding:2px 5px 2px 0;
		color:#807763;
		font-size:1em;
		}
		
	#content2 .wrapperOfferRepeat {
		background: url(images/special_offer_repeat.png);
		width:453px;
		font-size:0.9em;
		margin:0 0 15px 9px;
		}

	#content2 .wrapperOfferTop {
		background:url(images/special_offer_top.png) 0 0 no-repeat;
		width:453px;
		}

	#content2 .wrapperOfferBottom {
		background:url(images/special_offer_bottom.png) 0 100% no-repeat;
		width:413px;
		padding:30px 20px 20px 20px;
		}

	#content2 .wrapperOfferBottom h5 {
		font-size:1.1em;
		color:#ff8400;
		}
	
	#content2 .wrapperDetailsRepeat {
		background: url(images/product_wrapper_repeat.png);
		width:463px;
		font-size:0.9em;
		}

	#content2 .wrapperDetailsTop {
		background:url(images/product_wrapper_repeat.png) 0 0 no-repeat;
		width:463px;
		}

	#content2 .wrapperDetailsBottom {
		background:url(images/product_wrapper_bottom.png) 0 100% no-repeat;
		width:455px;
		padding:4px;
		}
		
	#content2 .wrapperDetailsBottom table {
		width:455px;
		}

	#content2 .wrapperDetailsBottom table th {
		background:#cdc3aa;
		width:110px;
		padding:0 10px;
		color:#fff;
		}

	#content2 .wrapperDetailsBottom table th strong {
		font-size:1.5em;
		color:#fff;
		margin-right:7px;
		}

	#content2 .wrapperDetailsBottom table td {
		background:#fffefb;
		padding:0 10px;
		color:#807763;
		}

	#content2 .wrapperDetailsBottom img {
		padding:0;
		margin:0;
		border:0;
		}
		
	#content2 .wrapperDetailsBottom input {
		border:1px solid #CFC4A8;
		background:#E6E1D4;
		font-size:0.9em;
		color:#807763;
		padding:1px 5px;
		width:50px;
		}

	#content2 .product td.competency {
		padding:8px 10px;
		}

	#content2 .wrapperDetailsBottom table td.pic {
		width:128px;
		padding:0;
		}
		
	#content2 .wrapperDetailsBottom table td.format {
		width:300px;
		}

	#content2 .wrapperDetailsBottom table td.pic span {
		width:128px;
		height:85px;
		display:block;
		overflow:hidden;
		}

	#content2 .wrapperDetailsBottom table td a{
		color:#807763;
		text-decoration:underline;
		font-weight:normal;
		}

	#content2 .wrapperDetailsBottom table td a:hover{
		text-decoration:none;
		}

	#content2 .wrapperDetailsBottom table {
		width:455px;
		}
		
	#content2 .product ul{
		display:block;
		margin:0;
		}
		
	#content2 .product .description ul {
		margin-left:18px;
		}

	#content2 .product .format li {
		display:block;
		height:18px;
		float:left;
		margin:0;
		margin-right:2px;
		cursor:help;
		}
		
	#content2 .wrapperDetailsBottom li {
		list-style:none;
		}

	#content2 .product .action li {
		display:block;
		height:26px;
		float:left;
		margin-right:2px;
		}

	#content2 .product li.viewDetails {
		width:134px;
		background:url(images/product_view_details.png) 0 0 no-repeat;
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		}

	#content2 .product li.price {
		float:left;
		background:url(images/product_price_bg_repeat.png) repeat-x;
		color:#fff;
		font-weight:bold;
		text-align:center;
		height:26px;
		}

	#content2 .product li.price span {
		background:url(images/product_price_bg_right.png) 100% 0 no-repeat;
		float:left;
		height:26px;
		}

	#content2 .product li.price strong {
		background:url(images/product_price_bg_left.png) 0 0 no-repeat;
		float:left;
		height:26px;
		padding:0 15px;
		color:#fff;
		}

	#content2 .product li.viewDetails a {
		width:134px;
		height:26px;
		display:block;
		}			

	/* ---------- 5.5.2 PRODUCTS PAGE NUMBERING ---------- */
	

	
	#pageNumbering {
		margin: 20px 10px;
		padding: 5px 0;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		text-align: center;
		font-size: 0.9em;
	}
	
	#pageNumbering a {
		color: #CCD841;
		font-family: Arial;
	}
	
	#pageNumbering ul {
		margin: 0;
	}
	
	#pageNumbering ul li {
		display: inline;
		margin: 0 7px;
	}
			
/* ---------- 6.0 SERVICE BOXES ---------- */
#services1 {
	clear:both;
	background:#fff;
	width:756px;
	}

#services1 .threeServices {
	background:url(images/services_box_repeat.gif) 0 100% repeat-x;
	border-bottom:3px solid #fff;
	}

#home #services1 .threeServices {
	height:180px;
	}
	
#services1 .serviceBox {
	float:left;
	width:243px;
	position:relative;
	left:0;
	top:0;
	z-index:20;
	height:180px;
	}


#services1 #systemsBox, #services1 #supportBox, #services1 #newsletterBox {
	width:256px;
	}

#services1 #resourcesBox, #services1 #trainingBox,  #services1 #clientsBox {
	width:257px;
	}

#services1 .serviceBox h3 {
	height:39px;
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display:block;
	}

#services1 #promoBox h3 {
	background:url(images/offer_block_title.gif);
	border-bottom:1px solid #0F0F0F;
	}

#services1 #quickLinksBox h3 {
	background:url(images/quick_links_block_title.gif);
	border-bottom:2px solid #90004e;
	}

#services1 #newsBox h3 {
	background:url(images/news_block_title.gif);
	border-bottom:2px solid #9F911D;
	}

#services1 #newsletterBox h3 {
	background:url(images/newsletter_block_title.gif);
	border-bottom:2px solid #d2360c;
	}

#services1 #clientsBox h3 {
	background:url(images/clients_block_title.gif);
	border-bottom:2px solid #176E7F;
	}


#designWs #services1 #promoBox h3 {
	background:url(images/welsh/offer_block_title.gif);
	border-bottom:1px solid #0F0F0F;
	}

#designWs #services1 #quickLinksBox h3 {
	background:url(images/welsh/quick_links_block_title.gif);
	border-bottom:2px solid #90004e;
	}

#designWs #services1 #newsBox h3 {
	background:url(images/welsh/news_block_title.gif);
	border-bottom:2px solid #9F911D;
	}

#designWs #services1 #newsletterBox h3 {
	background:url(images/welsh/newsletter_block_title.gif);
	border-bottom:2px solid #d2360c;
	}

#designWs #services1 #clientsBox h3 {
	background:url(images/welsh/clients_block_title.gif);
	border-bottom:2px solid #176E7F;
	}

#services1 .serviceBox h3 a {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.0em;
	text-indent:0;
	display:block;
	position:absolute;
	width:104px;
	height:18px;
	padding:5px 0 0 8px;
	z-index:21;
	right:8px;
	top:9px;
	color:#fff;
	text-decoration:none;
	}

#services1 #promoBox h3 a {
	background:url(images/read_more_black.gif) 0 0 no-repeat;
	width:124px;
	}

#services1 #newsBox h3 a {
	background:url(images/read_more_gold.gif) 0 0 no-repeat;
	width:124px;
	}

#services1 #clientsBox h3 a {
	background:url(images/read_more_blue.gif) 0 0 no-repeat;
	width:124px;
	}


#services1 .serviceBox h3 a:hover {
	background-position:0 -23px !important; 
	}

#services1 #promoBox img {
	display:block;
	}

#services1 .serviceBox .content {
	font-size: 1.0em;
	padding:5px 10px 10px 15px;
	display:block;
	}

#services1 #clientsLogo a {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display:block;
	width:257px;
	height:140px;
	}

#services1 .serviceBox p {
	margin-bottom:10px;
	}

#services1 .serviceBox ul {
	margin:0 0 10px 20px;
	display:block;
	}

#services1 .serviceBox li {
	color:#C3D21F;
	margin-bottom:8px;
	}

#services1 #quickLinksBox li {
	color:#C3D21F;
	margin:11px 0;
	font-size:1.1em;
	}

#services1 .serviceBox li span {
	color:#7A7A7A;
	}

#services1 .serviceBox h4 {
	text-decoration:none;
	font-size:1.05em;
	color:#AC9E2B;
	margin-bottom:0.2em;
	}

#services1 .serviceBox a {
	font-weight:normal;
	text-decoration:none;
	color:#DE0379;
	}

#services1 .content a.viewMore {
	color:#7A7A7A;
	font-weight:normal;
	display:block;
	border-top:1px dashed #CFCFCF;
	padding-top:6px;
	margin-top:6px;
	position:relative;
	z-index:100;
	}

#services1 .content a.viewMore strong {
	color:#DE0379;
	font-size:1.5em;
	position:relative;
	top:1px;
	}

#services1 .serviceBox .content a:hover {
	color:#C3D21F;
	}


	/* ---------- 6.1 NEWSLETTER ---------- */

	
	#mailinglist {
		padding:8px 13px 2px 13px;
		display:block;
		position:relative;
		}
		
	#mailinglist dt {
		font-size:0.7em;
		font-weight:bold;
		float:left;
		position:absolute;
		}
		
	#mailinglist dd {
		margin-bottom:9px;
		position:relative;
		top:0;
		left:0;
		z-index:40;
		width:228px;
		}
	
	#mailinglist label {
		font-weight:normal !important;
		}
	
	#mailinglist .checkBox label {
		display:inline;
		}
	
	#mailinglist input {
		border:1px solid #CFCFCF;
		width:110px;
		background:#fff;
		height:1.3em;
		font-size:0.7em;
		position:absolute;
		right:0;
		z-index:50;
		}

	#mailinglist .checkBox input {
		border:0;
		width:14px;
		background:none;
		height:auto;
		font-size:0.7em;
		font-weight:bold;
		position:static;
		}
	
	#mailinglist .button {
		border:#B3BF23 solid 2px;
		background:#C7D42F;
		color:#fff;
		font-weight:bold;
		font-size:0.7em;
		cursor:pointer;
		width:110px;
		height:1.5em;
		position:static;
		padding:0 0 3px 0;
		margin:0;
		}


/* ---------- 7.0 ACCREDIATIONS ---------- */
#accreditation1 {
	padding:0 6px;
	}

#accreditation2 {
	border-top:2px solid #5F5F5F;
	background:#6F6F6F;
	padding:12px 15px;
	}
	
#accreditation1 li {
	display:inline;
	list-style:none;
	float:left;
	padding:5px;
	background:#fff;
	margin:0 52px 0 0;
	}

#accreditation1 li img{
	display:block;
	}



/* ---------- 8.0 FOOTER ---------- */
#footer1 {
	background:#9F9F9F url(images/footer_repeat.gif) 0 0 repeat-y;
	color:#fff;
	font-size:1.1em;
	clear:left;
	}

#footer2 {
	background: url(images/footer_top.gif) 0 0 no-repeat;
	}

#footer3 {
	background: url(images/footer_bottom.gif) 0 100% no-repeat;
	padding:20px 15px 25px 15px;
	text-align:center;
	}


#footer1 li {
	display:inline;
	list-style:none;
	float:left;
	}

#footer1 li.copyright {
	margin-left:20px;
	float:right;
	}

#footer1 li.powered {
	margin-left:20px;
	float:right;
	}

#footer1 p {
	display:inline;
	margin:0;
	padding:0;
	}

#footer1 a {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	margin:0 5px;
	}

#footer1 a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:2px dotted #fff;
	}

/* ---------- 9.0 NOTIFICATION ---------- */
#notification {
	background:#EFEADE;
	width:200px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -50px;
	color:#000;
	z-index:1000;
	display:none;
	padding:10px 10px;
	text-align:left;
	border:2px solid #fff;
	}

#notification h3 {
	font-size:1.7em;
	}

#notification p {
	background:#fff;
	display:block;
	padding:9px 10px;
	margin-bottom:10px;
	}

#notification a {
	border:#B3BF23 solid 2px;
	background:#C7D42F;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	width:150px;
	height:1.8em;
	position:static;
	padding:2px 10px;
	margin:0 0 10px 0px;
	text-decoration:none;
	}


/* ---------- 10.0 SHOP ---------- */


	/* ---------- 10.1 SEARCH ---------- */

	#search {
		position: absolute;
		width:360px;
		color:#fff;
		z-index:5000;
		right:40px;
		top:44px;
		display:none;
	}

	#content2 #search {
		position:static;
		width:463px;
		color:#7a7a7a;
		right:0;
		top:0;
		display:block;
	}

	#confirmSearchButton {
		cursor:pointer;
		width: 60px !IMPORTANT;
		height: 22px !IMPORTANT;
		background: url(images/search/confirm_button.png) 0 0 no-repeat;
	}
	
	#searchButton {
		cursor:pointer;
	}
	
	#searchTop {
		background: #c5d329 url(images/search/top.png) 0 0 repeat-x;
		padding: 20px 0 5px 20px;
	}
	
	#search form {
		position:relative;
		z-index:5000;
	}

	#search fieldset {
		margin-bottom:15px;
		position:relative;
		z-index:5000;
	}
	
	#content2 #search ul {
		margin:0;
		padding:0;
		display:block;
	}

	#content2 #search li {
		float:left;
		display:block;
		width:154px;
	}

	#search label {
		width:80px;
		float:left;
		font-weight:bold;
	}

	#search strong {
		font-weight:bold;
		display:block;
		margin-bottom:5px;
	}

	#search input {
		width:230px;
		padding:2px 5px;
	}

	#content2 #search input, #content2 #search select, #search textarea {
		border:1px solid #ccc;
	}

	#search select {
		width:240px;
	}

	#search .checkbox label {
		width:125px;
		font-weight:normal;
		margin-right:3px;
	}

	#search .checkbox input, #content2 #search .checkbox input {
		width:auto;
		height:auto;
		float:left;
		margin-right:3px;
		padding:0;
		border:0;
	}
	

	/* ---------- 10.2 VIEW BASKET ---------- */
	
	#viewBasket table, #price table {
		margin: 20px 0 20px 0;
		padding: 0;
		width: 470px;
	}

	#viewBasket table {
		background:url(images/top_basket.png) 0 0 no-repeat;
	}

	#price table {
		width: 250px;
	}
	
	#viewBasket tr.nobg th {
		background: none;
		border: none;
	}
	
	#viewBasket tr th {
		background-color: #c5d329;
		font:1.0em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		text-align:left;
		padding: 8px 6px 8px 12px;
		font-weight:bold;
		border-right: 1px solid #EFEFEF;
		border-bottom: 1px solid #EFEFEF;
		border: collapse;
	}

	#viewBasket th.nobg {
		border: 0;
		background: none;
	}

	#viewBasket td {
		border-right: 1px solid #EFEFEF;
		border-bottom: 1px solid #EFEFEF;
		background: #fff;
		
		color: #444;
		padding: 8px 6px 8px 12px;
	}

	#viewBasket tr.alt td {
		background: #f7f7f7;
	}

	#viewBasket tr td.invisible {
	 	border: 0;
		background-color: #fff;
		padding: 14px 0 4px 0;
		width:56px;
	}

	#viewBasket input {
		border: 1px solid #ccc;
		width: 3em;
		text-align: center;
	}
	

	#viewBasket .updateBasketBt {
		background:url(images/update_basket.png) no-repeat;
		width:108px;
		height:24px;
		display:block;
		border:0;
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		cursor:pointer;
		float: left;
	}
	
	#viewBasket .emptyBasketBt {
		background:url(images/empty_basket.png) no-repeat;
		width:108px;
		height:24px;
		display:block;
		border:0;
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		cursor:pointer;
		margin-left: 20px;	
	}
	
	.orderBt {
		background:url(images/order.png) no-repeat;
		width:108px;
		height:24px;
		display:block;
		border:0;
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		cursor:pointer;		
	}

	#viewBasket .CartRemove {
		background:url(images/remove_bt.png) no-repeat;
		width:45px;
		height:18px;
		display:block;
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		cursor:pointer;
	}
	
	#price th, #price td {
		padding: 3px 12px;
		border-top:1px solid #fff;
	}

	#price .subtotal th {
		background: #EFEFEF;
	}

	#price .vatrelief th {
		background: #EFEFEF;
		color: #FF6E1F;
	}
	
	#price .vatrelief td {
		background: #f7f7f7;
		color: #FF6E1F;
	}

	#price .subtotal td {
		background: #f7f7f7;
	}

	#price .delivery th {
		background: #EFEFEF;
	}

	#price .delivery td {
		background: #f7f7f7;
	}

	#price .total th, #price .total td {
		background: #EC6100;
		color:#fff;
		border-top:5px solid #fff;
	}

	#price .total td {
		background: #EF711D;
	}
	
	.vat input.checkbox {
		margin-left: 20px;
		width: 1.2em !important;
		height: 1.2em;
		border: 1px solid #ccc;
	}

	#viewBasket .vat table {
		width: 475px;
	}

	#viewBasket .vat textarea {
		border: 1px solid #ccc;
		margin-bottom: 10px;
		width: 475px;
	}
	
	#viewBaslet .input {
		text-size: 1em !IMPORTANT;
		position: relative !important;
	}
	
	
	
	/* ------ BASKET SUMMARY --------- */

	#basket {
		padding: 0;
		margin: 30px 20px 20px 20px;
	}
	
	
	#basket ul.menu {
		margin: 0 0 20px 0;
		padding: 0;
		display:block;
		list-style:none;
		text-align: left;
	}
	
	#basket .menu li {
		display:block;
		margin: 0 0 5px 0;
		padding: 0;
		background: none;
	}
	
		
	#basket .menu li a {
		margin: 0;
		padding: 0;
		display: inline;
		background: none;
		font-size: 1em;
	}
	
	
	#basket .menu li a:hover {
		background: none;
	}
	
	#basket .menu li img {
		cursor:help;
	}
	#basket .quantity {
		float: right;
		margin-top:7px;
	}
	
	.viewBasketBt {
		background:url(images/view_basket.png) no-repeat;
		width:130px;
		height:23px;
		display:block;
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		cursor:pointer;
	}
	
	.items, .quantity {
		color: #444;
	}
	
	#basket p {
		margin-bottom: 15px;
	}
	
	/* -------- ACCOUNT ------- */
	
		/* -------- ACCOUNT FORMS ----- */
		
		#accountForm .updateAccountBt {
			background:url(images/update_details.png) no-repeat;
			width:119px;
			height:24px;
			display:block;
			border:0;
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			cursor:pointer;
			position: relative;
			left: 0;
		}
		
		#accountForm .logInBt {
			background:url(images/log_in.png) no-repeat;
			width:67px;
			height:24px;
			display:block;
			border:0;
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			cursor:pointer;
			position: relative;
			left: 0;
		}	
	
		#accountForm .createAccountBt {
			background:url(images/create_account.png) no-repeat;
			width:125px;
			height:24px;
			display:block;
			border:0;
			font-weight: normal;
			font-size: 1.0em;
			line-height: 1.0em;
			text-indent: -2000em;
			cursor:pointer;
			position: relative;
			left: 0;
		}
	
		#accountForm form {
			width:465px;
			}
		
		#accountForm p {
			margin-top:10px;
			position:relative;
			display:block;
			width:100%;
			top:0;
			left:0;
			z-index:10;
			}
	
		#accountForm dd.radio {
			margin-bottom:12px;
			position:relative;
			}
		
		#accountForm label {
			color:#5D5C58;
			padding-right:210px;
			font-size:1.0em;
			display:block;
			}
		
		#accountForm input, #form select {
			border:1px solid #CFCFCF;
			width:200px;
			position:absolute;
			/*display:block;*/
			background:#fff;
			right:0;
			top:0;
			height:1.3em;
			font-size:1.0em;
			z-index:200;
			}
		
		#accountForm select {
			width:202px;
			background:#C2D11E;
			color:#fff;
			font-weight:bold;
			height:1.2em;
			font-size:1.1em;
			}
			
		#accountForm .checkBox label {
			padding:0 0 0 20px;
			}
	
		#accountForm .checkBox input {
			border:0;
			height:16px;
			width:16px;
			left:0;
			top:0;
			z-index:200;
			}
		
		#accountForm .radio input {
			border:0;
			margin-right:236px;
			height:16px;
			width:16px;
			}
			
		#accountForm .radio2 input {
			border:0;
			margin-right:5px;
			height:16px;
			width:16px;
			}
		
		#accountForm #last input {
			border:0;
			margin-right:234px;
			height:16px;
			width:16px;
			}
		
		#accountForm select option {
			color:#fff;
			background:#C2D11E;
			padding:3px 9px;
			border-bottom:1px solid #fff;
			font-size:1.0em;
			font-weight:bold;
			height:20px;
			}
		
		#accountForm textarea {
			border:1px solid #CFCFCF;
			width:462px;
			height:160px;
			margin-top:8px;
			font-size:1.2em;
			}
		
		
		#accountForm a.button { 
			display:block; 
			text-align:center;
			text-decoration:none;
			height:1.6em;
			padding:5px 0 0 0;
			}	
		
		
		/* ------ CUSTOMER MENU ------ */	
		#customerMenu {
			padding: 0;
			margin: 20px 20px 20px 20px;	
		}
		
		#customerMenu h4 {
			font-size: 1.4em;	
		}

		#customerMenu p {
			margin: 2px 0 8px 0;	
		}
				
		#customerMenu a img {
			margin-top: 4px;
		}