/**********************************************************************************************

	CSS on Sails
	Title	: BWF - British Woodworking Federation
	Author	: Twentyfirst - www.twentyfirst.com
	Date	: March 2009

***********************************************************************************************
		
	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Sidebar
			2.4 Footer		

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	

	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, table, caption, tbody, tfoot, thead, tr, th, td { 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; }
	:focus { outline: 0; }
	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	table { border-collapse: collapse; border-spacing: 0; }
	address { font-style: normal; }
	sub, sup {font-size: 50%; vertical-align: baseline;}
	sup{vertical-align: top;}
	
/* 1.2	Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/	
	
	ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3	Clearfix
-----------------------------------------------------------------------------------------------*/
	
	.clearfix { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4	Default Styles
-----------------------------------------------------------------------------------------------*/	

	body { background: #fff; font: 62.5% Helvetica, Arial, sans-serif; text-align: center; color: #6C6C6C; }
	hr { display: none; }
	strong { font-weight: bold; }
	em { font-style: italic; }
	abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
	input, textarea, select { font: 1.2em Helvetica, Arial, sans-serif; }
	legend { display: none; }
	a:link, a:visited { color: #006F53; text-decoration: none; cursor: pointer; outline: none; }
	a:hover, a:active { text-decoration: underline;}



/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	div.container { width: 990px; position: relative; margin: 0 auto; text-align: left; font-size: 1.2em; }
	div#header { position: relative; z-index: 10; padding: 0 0 20px 0; width: 990px; height: 140px; background: url(../images/bg-nav-shadow.gif) no-repeat right 130px; }
	div#content { position: relative; z-index: 5; float: right; margin: 0 40px 0 0; width: 656px; }
	div#sidebar { position: relative; z-index: 5; float: left; margin: 0 0 0 40px; width: 240px; }
	div#footer { position: relative; overflow: hidden; clear: both; padding: 0 40px; width: 910px; }


/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

	div#header h1, div#header h1 span, div#header a.logo, div#header a.logo span { display: block; overflow: hidden; width: 87px; height: 99px; }
	div#header h1, div#header a.logo { position: absolute; left: 74px; top: 19px; }
	div#header h1 span, div#header a.logo span { position: absolute; top: 0; left: 0; z-index: 10; background: url(../images/logo.png) no-repeat; }
	div#header a.logo span { cursor: pointer; }
	
	div.login-box , div.login-box-alt { position: absolute; left: 190px; top: 0; width: 400px; height: 78px; }
	div.login-box ul.login-nav { float: right; margin: 10px -8px 0 0;list-style: none; }
	div.login-box ul.login-nav .button-link { border: none; color: #7B7B7B; font-size: .72em; text-transform: uppercase; background-color: transparent; margin: 0; padding: 0; cursor: pointer; }
	div.login-box ul.login-nav li { float: left; padding: 0 7px 0 5px; height: 11px; line-height: .92em; border-left: 2px solid #C1C1C1; }
	div.login-box ul.login-nav li.first { border-left: none; }
	div.login-box ul.login-nav li a { text-decoration: none; text-transform: uppercase; font-weight: normal; font-size: 1em; color: #7B7B7B; }
	div.login-box ul.login-nav li a:hover { color: #006F53; }

	div.login-box-alt a.login-close{position: absolute; left: 5px; top: 3px; font-size: .916em; color: #006F53; }
	div.login-box-alt a.login-close:hover{text-decoration: underline;}
		
	div.login-box-alt { padding: 8px 8px 0 15px; width: 377px; height: 70px; background: #E8E8E8; }
	div.login-box-alt ul.login-left { float: left; width: 265px;list-style: none; }
	div.login-box-alt ul.login-left li { overflow: hidden; clear: both; padding: 0 0 8px 0; }
	div.login-box-alt ul.login-left li label { float: left; margin: 6px 0 0 0; width: 77px; text-transform: uppercase; font-weight: normal; font-size: .92em; color: #7B7B7B; }
	div.login-box-alt ul.login-left li input { float: left; padding: 6px 14px 0 14px; width: 157px; height: 19px; font-weight: normal; font-size: .83em; color: #AEAEAE; border: none; background: #fff; }
	.js-enable div.login-box-alt ul.login-left li input.email { background: #fff url(../images/txt-email-addr.gif) no-repeat 15px 8px; }
	.js-enable div.login-box-alt ul.login-left li input.password { background: #fff url(../images/txt-password.gif) no-repeat 15px 8px; }
	.js-enable div.login-box-alt ul.login-left li input.focus { background: #fff; }
	div.login-box-alt ul.login-right { float: right; width: 112px;list-style: none; }
	div.login-box-alt ul.login-right li { overflow: hidden; clear: both; padding: 0 0 4px 0; text-align: right; }
	div.login-box-alt ul.login-right li label { font-weight: normal; font-size: .92em; color: #7B7B7B; }
	div.login-box-alt ul.login-right li input { margin: 0 0 0 3px; }
	div.login-box-alt ul.login-right li button { width: 72px; height: 24px; text-align: left; text-indent: -9999em; border: none; background: url(../images/btn-login.gif) no-repeat 0 0; cursor: pointer; }
	div.login-box-alt ul.login-right li a { text-decoration: underline; font-weight: normal; font-size: .83em; color: #006F53; }
	div.login-box-alt ul.login-right li a:hover { text-decoration: none; }
	
        div#contactNumber {position: absolute;  left: 604px; top: 84px; text-align: right; width: 348px;}
	div#contactNumber span {font-weight: bold; color:#B2B2B2;}
        div#contactNumber .about {color: #00785f;}
	div#contactNumber .windows {color: #E5CB9E;}
	div#contactNumber .firedoors {color: #DB1E1C;}
	div#contactNumber .training {color: #9887BB;}
	div#contactNumber .stairs {color: #0088CC;}

	div.search-box { position: absolute; left: 604px; top: 0; padding: 10px 0 0 0; width: 348px; height: 68px; text-align: center; background: url(../images/bg-search-box.gif) no-repeat left top; }
	div.search-box ul.search-nav { display: inline;list-style: none; }
	div.search-box ul.search-nav li { display: inline; padding: 0 6px 0 8px; line-height: 0.92em; border-left: 1px solid #7B7B7B; }
	div.search-box ul.search-nav li.first { border-left: none; }
	div.search-box ul.search-nav li a { line-height: 1em; text-decoration: none; font-weight: normal; font-size: 0.92em; color: #7B7B7B; }
	div.search-box ul.search-nav li a:hover { color: #006F53; }
	div.search-box ul.search { float: left; margin: 12px 0 0 42px; list-style: none; }
	div.search-box ul.search li { float: left; height: 25px; background: #E5E5E5; }
	div.search-box ul.search li.first { background: none; }
	div.search-box ul.search li label { float: left; margin: 5px 8px 0 0; text-transform: uppercase; font-weight: normal; font-size: .92em; color: #7B7B7B; }
	div.search-box ul.search li input { float: left; margin: 3px 3px; padding: 2px 3px 0 3px; width: 144px; height: 17px; font-weight: normal; font-size: .92em; border: none; background: #E5E5E5; }
	div.search-box ul.search li button { float: left; margin: 3px 3px 0 0; width: 51px; height: 19px; text-align: left; text-indent: -9999em; border: none; background: #006F53 url(../images/btn-submit.gif) no-repeat left top; color: #fff; cursor: pointer; }
	
	ul#navigation { position: absolute; left: 188px; top: 95px; padding: 8px 4px 0 8px; width: 753px; height: 37px; background: url(../images/bg-nav-button-shadow.gif) no-repeat left 3px; list-style: none; }
	ul#navigation li { position: relative; float: left; margin: 0 2px 0 0; padding: 0; width: 94px; height: 32px; text-align: center; border-top: 5px solid #B2B2B2; }
	ul#navigation li.mn-about { border-color: #00785F; }
	ul#navigation li.mn-windows { border-color: #E5CB9E; }
	ul#navigation li.mn-firedoors { border-color: #DB1E1C; }
	ul#navigation li.mn-training { border-color: #9887BB; }
	ul#navigation li.mn-stairs { border-color: #0088CC;}
	ul#navigation li.mn-products { width: 152px; }
	ul#navigation li.mn-help { margin: 0; width: 119px; }
	ul#navigation li a { display: block; padding: 9px 0 0 0; height: 23px; text-decoration: none; text-transform: uppercase; font-weight: normal; font-size: .92em; color: #7B7B7B; background: url(../images/bg-nav-button.gif) repeat-x left bottom; }
	ul#navigation li a.active , ul#navigation li a:hover { background: #fff; }
	ul#navigation li.has-submenu a:hover{background: #E8E8E8;}
	
	/* this is for the main navigation item that have sub navigation */
	ul#navigation li ul { list-style: none; display: none; position: absolute; left: -33px; top: 32px; padding: 0 2px 20px 4px; background: #E8E8E8 url(../images/ico-arrow-grey.gif) no-repeat center 1px; }
	ul#navigation li.mn-about ul { list-style: none; display: none; position: absolute; left: -33px; top: 32px; padding: 0 2px 20px 4px; background: #E8E8E8 url(../images/ico-arrow-green.gif) no-repeat center 1px; }
	ul#navigation li.mn-windows ul { list-style: none; display: none; position: absolute; left: -33px; top: 32px; padding: 0 2px 20px 4px; background: #E8E8E8 url(../images/ico-arrow-yellow.gif) no-repeat center 1px; }
	ul#navigation li.mn-firedoors ul { list-style: none; display: none; position: absolute; left: -33px; top: 32px; padding: 0 2px 20px 4px; background: #E8E8E8 url(../images/ico-arrow-red.gif) no-repeat center 1px; }
	ul#navigation li.mn-training ul { list-style: none; display: none; position: absolute; left: -33px; top: 32px; padding: 0 2px 20px 4px; background: #E8E8E8 url(../images/ico-arrow-purple.gif) no-repeat center 1px; }
	ul#navigation li.mn-stairs ul { list-style: none; display: none; position: absolute; left: -33px; top: 32px; padding: 0 2px 20px 4px; background: #E8E8E8 url(../images/ico-arrow-blue.gif) no-repeat center 1px; }
	ul#navigation li ul li { margin: 0; width: 156px; height: auto; line-height: 2.18em; text-transform: uppercase; font-weight: normal; font-size: .92em; background: none; border: none; }	
	ul#navigation li ul li ul li { font-size:1em; }
	ul#navigation li ul li.first { padding: 20px 0 0 0; border-top: none; }
	ul#navigation li ul li.last { border-bottom: none; }
	ul#navigation li ul li a { padding: 0; width: 112px; padding: 0 20px; height: auto; color: #7B7B7B; border: none; background: url(../images/bg-second-level-nav.gif) center bottom no-repeat; }
	ul#navigation li ul li.last a { background: none; }
	ul#navigation li ul li { left: 0; top: 0; }
	
	/* third level navigation */
	ul#navigation li ul ul { margin: -1em 0 0 9.5em; padding:10px 2px 10px 4px !important; background:#B2B2B2 !important; }
	ul#navigation li ul ul li.first { padding: 0 !important; }	
 	ul#navigation li ul ul a { color:#FFF; }

	/* rollovers */	
	ul#navigation li.hover ul { display: block; }
	ul#navigation li.hover li a:hover { background: #B2B2B2; color:#FFF; }
	ul#navigation li.hover li ul li a:hover { background: #E8E8E8; color:#7C7C7C; }		
	ul#navigation li:hover ul ul,
	ul#navigation li.sfhover ul ul { left: -999em; }	
	ul#navigation li:hover ul ul,
	ul#navigation li:hover ul ul ul,
	ul#navigation li.sfhover ul ul,
	ul#navigation li.sfhover ul ul ul { left: -999em; }
	ul#navigation li li:hover ul, 
	ul#navigation li li li:hover ul, 
	ul#navigation li li.sfhover ul, 
	ul#navigation li li li.sfhover ul,
	ul#navigation li ul li:hover ul,
	ul#navigation li ul li.hover ul { top: 10px !important; left: 50px !important; }	

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	

	div#content div.flash-wrapper { margin: 0 0 10px 0; padding: 0 0 15px 0; width: 656px; height: 236px; background: url(../images/bg-flash-wrapper.gif) no-repeat 0 bottom }
	
	div#content ul.list-why { overflow: hidden; clear: both; list-style: none; margin: 0; padding: 0; }
	div#content ul.list-why li { overflow: hidden; float: left; margin: 0 0 14px 0; border: none; list-style: none; }
	div#content ul.list-why li.odd { margin: 0 16px 14px 0; }	
	div#content ul.list-why li h2 { text-align: left !important; }
	div#content ul.list-why li.odd h2 { text-align: right !important; }
	div#content ul.list-why li h2 span { display: block; }
	div#content ul.list-why li div.rounded-box { background: url(../images/bg-rounded-middle.gif) repeat-y 0 0; }
	div#content ul.list-why li div.rounded-top { background: url(../images/bg-rounded-top.gif) no-repeat 0 0; }
	div#content ul.list-why li div.rounded-bottom { padding: 4px; width: 312px; height: 150px; background: url(../images/bg-rounded-bottom.gif) no-repeat 0 bottom; }
	
	div#content ul.list-why li div.header-list-why { margin: 0; width: 312px; height: 88px; }
	div#content ul.list-why li div.header-list-why h2 { margin: 0 !important; border: none; }
	div#content ul.list-why li.why-use div.header-list-why { background: #000 url(../images/bg-list-why-use.png) no-repeat 0 0; }
	div#content ul.list-why li.why-become div.header-list-why { background: #000 url(../images/bg-list-why-become.png) no-repeat 0 0; }
	div#content ul.list-why li.why-alt div.header-list-why { background: url(../images/bg-list-why-alt.png) no-repeat 0 0; }
	div#content ul.list-why li div.header-list-why h2 { padding: 18px 20px; text-align: right; line-height: normal; font-weight: normal; font-size: 1.83em; color: #fff; }
	div#content ul.list-why li div.header-list-why h2 span { display: block; }
	div#content ul.list-why li.why-become div.header-list-why h2 { text-align: left; }
	div#content ul.list-why li.why-choose div.header-list-why h2 { position: relative; padding: 0; width: 312px; height: 88px; color: #7C461B; }
	div#content ul.list-why li.why-choose div.header-list-why h2 span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/bg-list-why-choose.png) no-repeat 0 0; }
	div#content ul.list-why li.why-alt div.header-list-why h2 , div#content ul.list-why li.why-alt div.header-list-why p { margin: 0; padding: 18px 0 12px 105px; width: 207px; text-align: left; text-transform: uppercase; line-height: 1.09em; font-weight: normal; font-size: .92em; color: #006F53; }
	div#content ul.list-why li.why-alt div.header-list-why p { padding: 0 0 0 105px; text-transform: none; }
	div#content ul.list-why li div.content-list-why { padding: 12px 10px; width: 292px; }
	div#content ul.list-why li div.content-list-why p { padding: 0; width: auto; line-height: 1.09em; font-weight: normal; font-size: .92em; color: #7B7B7B; }
	
	div#content ul.list-why li.about div.header-list-why { background: #000 url(../images/bg-list-why-about.png) no-repeat 0 0; }
	div#content ul.list-why li.why-choose-scheme div.header-list-why { background: #000 url(../images/bg-list-why-choose-scheme.png) no-repeat 0 0; }
	div#content ul.list-why li.firedoors div.header-list-why { background: #000 url(../images/bg-list-why-firedoors.png) no-repeat 0 0; }
	div#content ul.list-why li.publications div.header-list-why { background: #000 url(../images/bg-list-why-publications.png) no-repeat 0 0; }
	
	/* start rounded js logic */
	div#content ul.list-why li.hover div.rounded-box { background-image: url(../images/bg-rounded-hover-middle.gif); }
	div#content ul.list-why li.hover div.rounded-top { background-image: url(../images/bg-rounded-hover-top.gif); }
	div#content ul.list-why li.hover div.rounded-bottom { background-image: url(../images/bg-rounded-hover-bottom.gif); }
	/* end rounded js logic */
	
	/* BWF_Inner_Page */
	div#content h2 { margin: 0 0 10px 0; padding: 0 0 10px 0; font-weight: bold; font-size: 1.75em; color: #626262; border-bottom: 1px solid #E5E5E5; }
	div.interior h2 { border: none !important; }
	div#content h3 { padding: 0 5px 10px 5px; text-transform: uppercase; font-weight: normal; font-size: .92em; color: #626262; }
	div#content p { padding: 0 5px 15px 5px; line-height: 1.24em; font-weight: normal; font-size: 1.09em; color: #6C6C6C; }
	div.inner-page p { width: 620px; }
	div.inner-page ul { list-style: disc outside url('../images/bwf_bullet.gif'); margin: 0px; padding: 0 5px 5px 17px; }
	div.inner-page ul li { list-style: disc outside url('../images/bwf_bullet.gif');  padding: 0; }
	div.inner-page ol {margin: 0px; padding: 0 5px 5px 24px;}
	div#content p.breadcrumb { padding: 0 0 15px 0; text-transform: uppercase }
	div#content p.breadcrumb span { padding: 0 5px; }	
	div#content ul.list-image { overflow: hidden; clear: both; margin: 0 0 20px 0; list-style: none; }
	div#content ul.list-image li { float: left; margin: 0 9px 0 0; padding: 6px; width: 189px; height: 111px; background: url(../images/bg-list-image-frame.gif) 
no-repeat 0 0; text-align: center; list-style: none; }
	div#content ul.list-image li.hover{background-image: url(../images/bg-list-image-frame-hover.gif);}
	div#content div.wrapper-two-column { overflow: hidden; clear: both; width: 620px; }
	div#content div.wrapper-two-column p { width: 300px; }
	div#content div.wrapper-two-column div.left-column { float: left; width: 300px; }
	div#content div.wrapper-two-column div.right-column { float: right; width: 300px; }
	div#content div.wrapper-two-column ul { list-style: none; padding: 10px 0 0 0;}
	div#content div.wrapper-two-column div.left-column ul{ padding: 10px 0 0 15px;}
	
	/* BWF_Firedoors */
	div#content div.inside-content { margin: 0; padding: 15px 16px 5px 16px; width: 624px; background: url(../images/bg-inside-content.gif) repeat-x 0 0; }
	div#content div.inside-content h2 { margin: 0; border: none; }
	div#content div.inside-content p { padding: 0 0 15px 0; line-height: 1.19em; font-weight: normal; font-size: 1.09em; }
	div#content div.join-bwf { width:620px; overflow: hidden; clear: both; margin: 0 0 15px 0; padding: 0 18px 10px 18px; background: #004332 url(../images/bg-join-bwf.gif) no-repeat center bottom; }
	div#content div.join-bwf.red { width:620px; overflow: hidden; clear: both; margin: 0 0 15px 0; padding: 0 18px 10px 18px; background: #DB1E1C url(../images/bg-join-bwf.gif) no-repeat center bottom; }
	div#content div.join-bwf.purple { width:620px; overflow: hidden; clear: both; margin: 0 0 15px 0; padding: 0 18px 10px 18px; background: #5B5170 url(../images/bg-join-bwf.gif) no-repeat center bottom; }
	div#content div.join-bwf.brown { width:620px; overflow: hidden; clear: both; margin: 0 0 15px 0; padding: 0 18px 10px 18px; background: #897A5F url(../images/bg-join-bwf.gif) no-repeat center bottom; }
	div#content div.join-bwf.grey { width:620px; overflow: hidden; clear: both; margin: 0 0 15px 0; padding: 0 18px 10px 18px; background: #898989 url(../images/bg-join-bwf.gif) no-repeat center bottom; }
	div#content div.join-bwf.blue { width:620px; overflow: hidden; clear: both; margin: 0 0 15px 0; padding: 0 18px 10px 18px; background: #0088CC url(../images/bg-join-bwf.gif) no-repeat center bottom; }
	div#content div.join-bwf h3 { float: left; padding: 0 52px 0 0; line-height: 2.71em; font-weight: bold; font-size: 1.17em; color: #fff; background: url(../images/bwf-logo_landing.png) no-repeat right center; }
	div#content div.join-bwf h3 a { color: #fff; }

	/* BWF_Question_Centre */
	div#content div.search-questions-box { overflow: hidden; clear: both; margin: 0 0 20px 0; padding: 10px 10px 0 20px; width: 626px; background: #006F53; }
	div#content div.search-questions-box ul.list-questions { float: left; margin: 5px 0 0 0; list-style: none; }
	div#content div.search-questions-box ul.list-questions li { overflow: hidden; clear: both; padding: 0 0 15px 0; height: 25px; width: 200px; list-style: none; }
	div#content div.search-questions-box ul.list-questions li a { display: block; float: left; padding: 0 20px; line-height: 1.92em; font-weight: normal; font-size: 1.08em; color: #006F53; background: #fff; }
	div#content div.search-questions-box ul.list-questions li a:hover { color: #7B7B7B; }
	div#content div.search-questions-box div.search-questions { float: right; padding: 12px 10px 12px 10px; width: 236px; height: 65px; background: url(../images/bg-search-questions.gif) no-repeat 0 0; }
	div#content div.search-questions-box div.search-questions h4 { text-transform: uppercase; text-align: center; font-weight: bold; font-size: .92em; color: #fff; }
	
	div#content div.search-questions-box div.search-questions ul {list-style: none; margin: 10px auto 0 auto; width: 210px; overflow: hidden; }
	div#content div.search-questions-box div.search-questions ul li { float: left; height: 25px; background: #fff; list-style: none; }
	div#content div.search-questions-box div.search-questions ul li.first { background: none; }
	div#content div.search-questions-box div.search-questions ul li label { float: left; margin: 5px 8px 0 0; text-transform: uppercase; font-weight: normal; font-size: .92em; color: #7B7B7B; }
	div#content div.search-questions-box div.search-questions ul li input { float: left; margin: 3px 3px; padding: 2px 3px 0 3px; width: 144px; height: 17px; font-weight: normal; font-size: .92em; border: none; background: #fff; }
	div#content div.search-questions-box div.search-questions ul li button { float: left; margin: 3px 3px 0 0; width: 51px; height: 19px; text-align: left; text-indent: -9999em; border: none; background: #006F53 url(../images/btn-submit.gif) no-repeat left top; color: #fff; cursor: pointer; }
	
	div#content ul.question-answer { width: 656px; list-style: none; padding: 0; margin: 0; }
	div#content ul.question-answer li { margin: 0 0 15px 0; width: 656px; background: #F9F9F9 url(../images/bg-question-answer-gradient.gif) repeat-x 0 0;list-style: 
none; }
	div#content ul.question-answer li div.box-rounded { background: url(../images/bg-question-answer.gif) repeat-y 0 0; }
	div#content ul.question-answer li div.box-rounded-top { background: url(../images/bg-question-answer-top.gif) no-repeat 0 top; }
	div#content ul.question-answer li div.box-rounded-bottom { padding: 3px 0; background: url(../images/bg-question-answer-bottom.gif) no-repeat 0 bottom; }
	div#content ul.question-answer li h4 { font-weight: bold; font-size: 1.08em; color: #006F53; }
	div#content ul.question-answer li h4 a { color: #006F53; padding: 9px 18px 10px 53px; display: block; background: url(../images/ico-arrow-question-answer-b.gif) no-repeat 10px center;}
	div#content ul.question-answer li h4 a:hover { color: #000; }
	
	
	div#content ul.question-answer li h4 a:hover { color: #006F53; }
	div#content ul.question-answer li div.box-rounded,
	.js-enable div#content ul.question-answer li.open div.box-rounded { background: url(../images/bg-question-answer-open.gif) repeat-y 0 0; }
	div#content ul.question-answer li div.box-rounded-top,
	.js-enable div#content ul.question-answer li.open div.box-rounded-top { background: url(../images/bg-question-answer-top-open.gif) no-repeat 0 top; }
	div#content ul.question-answer li div.box-rounded-bottom,
	.js-enable div#content ul.question-answer li.open div.box-rounded-bottom{ background: url(../images/bg-question-answer-bottom-open.gif) no-repeat 0 bottom; }
	div#content ul.question-answer li h4 a { background: url(../images/ico-arrow-question-answer-t.gif) no-repeat 10px center; }
	div#content ul.question-answer li div.answer { padding: 25px 20px 5px 20px; width: 616px; color: #fff; background: #949494 url(../images/bg-question-answer-middle-open.gif) repeat-y 0 0; }
	div#content ul.question-answer li div.answer a{ color: #fff; }
	div#content ul.question-answer li div.answer p { width: 614px; padding: 0 0 20px 0; line-height: normal; font-weight: normal; font-size: 1.08em; color: #fff; }
	div#content ul.question-answer li div.answer ul li{list-style: square outside url('../images/bwf_bullet.gif');  width: 564px; padding: 0; margin-left: 20px; 
line-height: normal; font-weight: normal; font-size: 1.08em; 
color: #fff; background: none; }
	div#content ul.question-answer li div.answer ul li a{ color: #fff;  }
	div#content ul.question-answer li div.answer ol li{list-style: decimal inside;  width: 564px; padding: 0; margin-left: 20px; line-height: normal; font-weight: 
normal; font-size: 1.08em; 
color: #fff; background: none; }

	
	.js-enable div#content ul.question-answer li div.box-rounded { background: url(../images/bg-question-answer.gif) repeat-y 0 0; }
	.js-enable div#content ul.question-answer li div.box-rounded-top { background: url(../images/bg-question-answer-top.gif) no-repeat 0 top; }
	.js-enable div#content ul.question-answer li div.box-rounded-bottom { background: url(../images/bg-question-answer-bottom.gif) no-repeat 0 bottom; }
	

	/* BWF_Events */
	div.wrapper-events { margin: 0; padding: 0; }		
	div.wrapper-events div.calendar , div.wrapper-events div.list-events { width: 654px; border: 1px solid #797979; }
	
	div.wrapper-events div.calendar table { width: 654px; overflow:hidden; }
	div.wrapper-events div.calendar table th { padding: 8px 0 5px 0; height: 12px; text-transform: uppercase; text-align: center; font-weight: normal; font-size: .92em; color: #8D8D8D; border: none; background: #D6D6D6; }
	div.wrapper-events div.calendar .MonthNavigation { padding: 8px 0 3px 0; position: relative; width: 100%; color: #8D8D8D; background: #D6D6D6; text-transform: uppercase; font-size: .92em;}
	div.wrapper-events div.calendar .MonthNavPrev { width: 90px; position: absolute; left: 10px; top: 0;} 
	div.wrapper-events div.calendar .MonthNavPrev a{ padding: 8px 0 5px 31px; float: left; background: url(../images/ico-arrow-calendar-l.gif) no-repeat left center;}
	div.wrapper-events div.calendar .MonthNavNext { width: 90px; position: absolute; right: 10px; top: 0; text-align: right; } 
	div.wrapper-events div.calendar .MonthNavNext a{padding: 8px 31px 5px 0; float: right; background: url(../images/ico-arrow-calendar-r.gif) no-repeat right center;}
	div.wrapper-events div.calendar .MonthName { width: 280px; text-align:center; margin: 0 auto; }
	

	div.wrapper-events div.calendar table td { vertical-align: top; width: 14%; height: 52px; border-left: none; border-top: none; border-right: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; }
	div.wrapper-events div.calendar table #CalendarHead td{height: auto;}
	div.wrapper-events div.calendar table #CalendarBody tr{height: auto;}
	div.wrapper-events div.calendar table #CalendarBody td{min-height: 52px;}

	div.wrapper-events div.calendar table td div.DateLabel{ text-align: right; padding: 3px 5px 0 0; }
	div.wrapper-events div.calendar table td.Inactive div.DateLabel a{ color:#d0d0d0;}
	div.wrapper-events div.calendar table td div.Event{display: inline; text-align: center; height: 37px;}
	div.wrapper-events div.calendar table td div.Event a{ display: block; padding: 9px 0 8px; font-size: .92em; border-bottom: 8px solid #ccc;}
	div.wrapper-events div.calendar table td.Today {background:#a8cdc8;}
	
	div.wrapper-events div.calendar table td div.event-green a{ border-color: #00785f; }
	div.wrapper-events div.calendar table td div.event-red a{ border-color: #db1e1c; }
	div.wrapper-events div.calendar table td div.event-purple a{ border-color: #9887bb; }
	div.wrapper-events div.calendar table td div.event-yellow a{ border-color: #e5cb9e; }
	
	div.wrapper-events div.list-events { padding: 0 0 20px 46px; width: 608px; border-top: none; }
	div.wrapper-events div.list-events ul { overflow: hidden; clear: both; list-style: none; }	
	div.wrapper-events div.list-events ul li { float: left; margin: 20px 25px 0 0; background: url(../images/bg-list-events-rounded.gif) repeat-y 0 0; }	
	div.wrapper-events div.list-events ul li div.box-rounded-top { background: url(../images/bg-list-events-rounded-top.gif) no-repeat  0 top; }
	div.wrapper-events div.list-events ul li div.box-rounded-bottom { padding: 5px 5px 0 5px; width: 256px; /*height: 132px;*/ background: url(../images/bg-list-events-rounded-bottom.gif) no-repeat 0 bottom; }
	div.wrapper-events div.list-events ul li h3 { padding: 0 1px 4px 1px !important; text-transform: uppercase; font-weight: normal; font-size: .92em; color: #626262; }
	div.wrapper-events div.list-events ul li p { padding: 0 1px 5px 1px !important; width: auto !important; }
	
	div.wrapper-events div.select-by { float: right; margin: 20px 5px; }
	div.wrapper-events div.select-by label { float: left; margin: 3px 12px 0 0; text-transform: uppercase; font-weight: normal; font-size: .92em; color: #626262; }
	div.wrapper-events div.select-by select { float: left; margin: 0; width: 215px; font-size: .92em; }
	
	/* BWF_MemberSearch_results */
	div.wrapper_google_maps { overflow: hidden; margin: 0 auto 35px auto; width: 560px; height: 312px; background: red; }
	div.search-result { margin: 0; }
	
	div.search-result div.search-result-title { padding: 0 10px; width: 636px; height: 25px; background: #006F53; }
	div.search-result div.search-result-title h3 { float: left; padding: 0 !important; width: 230px; line-height: 2.27em; color: #fff !important; }
	div.search-result div.search-result-title ul {  float: left; height: 25px; list-style: none; }
	div.search-result div.search-result-title ul li {list-style: none; float: left; padding: 0 0 0 30px; line-height: 2.08em; font-weight: bold; font-size: 1em; 
color: #fff; width: 10px; }
	div.search-result div.search-result-title ul li.sort-by { padding: 0 20px 0 0; }
	div.search-result div.search-result-title ul li a { padding: 0 2px; color: #fff; }
	div.search-result div.search-result-title ul li a:hover { color: #000; }
	div.search-result div.search-result-title ul li.sort-by a { padding: 0 30px 0 0; background: url(../images/ico-arrow-up-down.gif) no-repeat right center; }
	
	.search-result ul { /*clear: both; width: 656px;*/ list-style: none;list-style-image:none; }
	.search-result ul li { clear: both; width: 656px; list-style: none;list-style-image:none; }

	div.search-result ul.list-search-result { clear: both; width: 656px; list-style: none;list-style-image:none; }
	div.search-result ul.list-search-result li {list-style: none; list-style-image:none;  position: relative; padding: 25px 45px; width: 566px; border-bottom: 1px 
solid #E5E5E5; }
	div.search-result ul.list-search-result li.last { border-bottom: none; }
	/*div.search-result ul.list-search-result li img { position: absolute; right: 45px; top: 60px; }*/
	div#content div.search-result ul.list-search-result li h3 { padding: 0 0 5px 0; text-transform: none; font-weight: bold; font-size: 1.25em; color: #7B7B7B; width: 
100%; }
	div#content div.search-result ul.list-search-result li p { padding: 0 0 5px 0; line-height: 1.25em; font-weight: normal; font-size: 1em; color: #7B7B7B; width: 
100%; }	
	div.search-result ul.list-search-result ul { overflow: hidden; clear: both; margin: 0 0 20px 0; padding: 0; width: 410px; list-style: none;list-style-image:none; 
}
	div.search-result ul.list-search-result ul li { overflow: hidden; clear: both; padding: 0; width: 410px; line-height: 1.25em; font-weight: normal; font-size: 1em; 
color: #7B7B7B; border-bottom: none;list-style: none; }
	div.search-result ul.list-search-result ul li div.left { float: left; padding: 0 10px 15px 0; width: 195px; }
	div.search-result ul.list-search-result ul li div.right { float: right; padding: 0 10px 15px 0; width: 195px; }
	div.search-result ul.list-search-result ul li h4 { font-weight: bold; }	
	div.search-result ul.list-search-result ul ul { width: auto;list-style: none;list-style-image:none; }
	div.search-result ul.list-search-result ul ul li { float: none; padding: 0; width: auto;list-style: none;list-style-image:none; }
	
	div#content p.pagination { padding: 0 25px 25px 25px; text-align: right; font-weight: bold; font-size: 1em; }
	div#content p.pagination a { padding: 0 2px; color: #AEAEAE; }
	div#content p.pagination a:hover , div#content p.pagination a.active { color: #006F53; } 
	
	/* BWF_Publications_Sorting */
	div.publications-intro { position: relative; overflow: hidden; clear: both; border-bottom: 1px solid #E5E5E5; }
	div.publications-intro div.left { float: left; padding: 0 0 15px 0; width: 147px; }
	div.publications-intro div.left div.wrapper-img { padding: 5px; width: 137px; background: #006F53; }
	div.publications-intro div.left div.wrapper-img img {  }
	div#content div.publications-intro div.left div.wrapper-img p { padding: 0 2px; text-transform: uppercase; font-weight: normal; font-size: .92em; color: #fff; }
	div.publications-intro div.right { float: right; width: 290px; }
	div.publications-intro div.right div.business-support { margin: 0 0 15px 0; padding: 0 15px 0 10px; background: #006F53; }
	div.publications-intro div.right div.business-support a.drop-down { display: block; height: 25px; line-height: 2.27em; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: .92em; color: #fff; background: #006F53 url(../images/ico-arrow-white-b.gif) no-repeat right center; }
	a.join-bwf-green { display: block; padding: 0 50px 0 10px; width: 80px; height: 40px; line-height: 2.86em; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 1.17em; color: #006F53; background: url(../images/bg-join-bwf-green.gif) no-repeat 0 0; }
	div#content div.publications-intro p { clear: both; padding: 0 0 12px 0; }
	
	ul.list-publications { margin: 0 0 20px 0px; width: 440px; list-style: none; }
	ul.list-publications li { position: relative; overflow: hidden;
 clear: both; padding: 0 0 15px 0; width: 430px; min-height: 62px; border-bottom: 1px solid #E5E5E5; list-style: none; }
	ul.list-publications li.doc-pdf { background: url(../images/ico-doc-pdf.gif) no-repeat 395px 12px; }
	ul.list-publications li.doc-word { background: url(../images/ico-doc-word.gif) no-repeat 395px 12px; }
	ul.list-publications li.last { border-bottom: none; }
	ul.list-publications li span.logo-members { position: absolute; left: 0; top: 18px; width: 15px; height: 15px; text-align: left; text-indent: -9999em; background: url(../images/ico-m-big.gif) no-repeat 0 0; }
	ul.list-publications li img { float: left; margin: 0; padding: 0; background: #000; }
	ul.list-publications li div.details { float: left; margin: 0 0 0 10px; width: 270px; }
	#content ul.list-publications li div.details h3 { padding: 0; line-height: 1.15em;
 text-transform: none; font-weight: bold; font-size: 1.08em; color: #7B7B7B; }
	#content ul.list-publications li a {clear: both; float: right; padding: 0 10px 0 0;}
	#content ul.list-publications li div.details p { padding: 0 0 5px 0; line-height: 1.82em; font-weight: normal; font-size: 0.92em; color: #7B7B7B; }
	#content ul.list-publications li p.download-doc { float: right; margin: 2px 0 0 0;
 padding: 0 10px 0 0; line-height: 1.82em; text-align: right;
 font-weight: normal; font-size: .92em; color: #006F53; }
	ul.list-publications li p.download-doc a { color: #006F53; }
	ul.list-publications li p.download-doc a:hover { color: #7B7B7B; }
	
	ul.list-documents { margin: 0 0 20px 24px; width: 420px; list-style: none; }
	ul.list-documents li {list-style: none;  position: relative; overflow: hidden; clear: both; padding: 15px 0 15px 30px; width: 420px; min-height: 62px; 
border-bottom: 1px solid #E5E5E5; }
	ul.list-documents li img { float: left; margin: 0; padding: 0 0 10px 0; }
	ul.list-documents li div.details { float: left; margin: 0 0 0 10px; width: 290px; }
	#content ul.list-documents {list-style: none;}
	#content ul.list-documents li{list-style: none;}
	#content ul.list-documents li div.details h3 { padding: 0; line-height: 1.15em; text-transform: none; font-weight: bold; font-size: 1.08em; color: #7B7B7B; }
	#content ul.list-documents li div.details p { padding: 0 0 5px 0; line-height: 1.82em; font-weight: normal; font-size: 0.92em; color: #7B7B7B; width: 100%; }
	ul.list-documents li p.download-doc a { color: #006F53; }
	ul.list-documents li p.download-doc a:hover { color: #7B7B7B; }	
	
	/* - */
	div#content div.two-col-inside p,
	body.registration div#content p{width: auto}
	div.left-col-inside{ float: left; width: 464px }
        div#content div.left-col-inside div.inside-content { margin: 0; padding: 15px 16px 5px 16px; width: 100%; background: url(../images/bg-inside-content.gif) 
repeat-x 0 0; }
        div#content div.left-col-inside div.inside-content h2 { margin: 0; border: none; }
        div#content div.left-col-inside div.inside-content p { padding: 0 0 15px 0; line-height: 1.19em; font-weight: normal; font-size: 1.09em; }
        div#content div.left-col-inside #commentList { margin: 0; padding: 0; }
	div#content div.left-col-inside #commentList { list-style: none; border: none; }
	div#content div.left-col-inside #commentList li { list-style: none; margin: 0; padding: 0.5em; border-bottom: #ddd 1px solid;}
	ul#commentList h3{ float: left; padding: 0; margin: 0; width: 250px;}
	ul#commentList span{ float: right; margin: 0; width: 200px; text-align: right;}
	ul#commentList p {clear: both;}

	div#content div.square-thumbnail h2,
	div#content div.right-col-inside h2{ background: #006f53; color: #fff; text-transform: uppercase; font-size: 11px; font-weight: normal; padding: 6px 6px 6px 12px;}
	div.square-thumbnail{ overflow: hidden; margin-bottom: 25px }
	div.square-thumbnail ol{ list-style: none; margin-right: -11px; margin-top: -6px; width: 475px; overflow: hidden; padding-bottom: 15px;}
	div.square-thumbnail li{ width: 147px; height: 147px; float: left; margin: 15px 11px 0 0; overflow: hidden;}
	div.square-thumbnail li a{ padding: 5px 5px 7px 5px;height: 135px; background: #a5a5a5; float: left; color: #fff;}
	div.square-thumbnail li a:hover{background: #006F53;}
	div.square-thumbnail li a span{display: block; font-size: .916em; line-height: 1.4em; color: #fff;}
	div#content div.square-thumbnail li p{ color: #fff; width: 137px; padding: 0; line-height: 15px }
	div.right-col-inside {float: right; width: 173px; padding:27px 0 0 8px; background: url(../images/bg-sidebar_right.png) no-repeat left top; min-height: 437px; overflow: hidden; }
	div.cart ol { position: relative;list-style: none;}
	div#content div.cart li{ border-bottom: 1px solid #bababa; background: #fff; padding: 10px 0 15px; margin: 0px 9px 0 13px; }
	div#content div.cart li p{ padding: 0; font-size: 10px; line-height: normal; color: #626262 }
	div#content div.cart li p.price{ color: #8d8d8d; font-size: 18px; padding: 5px 0 }
	div#content div.cart li p.opt{ overflow: hidden; width: 100%; }
	div#content div.cart li p.opt span{ width: 50%; float: left }
	div#content div.cart li p.opt span.lessItems{ text-align: left; width: 20%; font-size: 1.3em; font-weight: bold;}
	div#content div.cart li p.opt span.moreItems{ text-align: left; width: 20%; font-size: 1.3em; font-weight: bold;}
	div#content div.cart li p.opt span.del{ text-align: right; width: 45% }
	div#content div.cart li p.opt a,
	div#content div.cart li.procced p a,
	ul.what-to-expect a,
	div#content a.continue{ color: #006f53 }
	div#content div.cart li p.opt a:hover,
	div#content div.cart li.procced p a:hover,
	ul.what-to-expect a:hover,
	div#content a.continue:hover{ text-decoration: underline }
	div#content div.cart li.delivery-total{ margin: 0; background: #a5a5a5; color: #fff; font-size: 11px; text-transform: uppercase; border-bottom: 0; margin-top: -1px; /*width: 149px;*/ padding: 14px; position: relative }
	div#content div.cart li.current-total{ margin: 0; background: #514033; color: #fff; font-size: 11px; text-transform: uppercase; border-bottom: 0; margin-top: -1px; /*width: 149px;*/ padding: 14px; position: relative }
	div.cart li.current-total span.price, div.cart li.delivery-total span.price{ font-size: 18px; position: absolute; right: 10px; top: 11px}
	div#content div.cart li.procced{ padding-bottom: 0px;border-bottom: 0 }
	div#content div.cart li.procced p{ padding-bottom: 5px }
	body.registration div#content h2,
	div#content .blog h2{ border: 0; font-size: 21px; font-family: Arial, Helvetica, serif }
	div.reg-overview{ position: relative; margin-bottom: 20px }
	div.overview{ position: absolute; top: 20px; right: 30px; padding-top: 10px; width: 447px; background: url(../images/bg-registration_rounded.png) no-repeat center top } 
	div.overview-inside{ background: url(../images/bg-registration_rounded_bottom.png) no-repeat center bottom; padding: 12px 28px 7px }
	div#content div.reg-overview div.overview p{ color: #fff; font-size: 10px; line-height: normal; width: auto; }
	ul.what-to-expect{ width: 520px }
	div#content div.what-to-expect p{ line-height: normal }
	div#content a.continue{ float: right; text-transform: uppercase; background: url(../images/ico-continue.png) no-repeat right 1px; padding-right: 30px }
	ul.what-to-expect{ list-style: none; margin-left: 20px;}
	
	ul.bwf-schemes{list-style: none;}
	.bwf-schemes li{ height: 69px; overflow: hidden; margin: 0 0 18px 0; width: 638px; position: relative; }
	div#content .bwf-schemes .bwf-schemes-item{background: #004332; width: 624px; border: 7px solid #006f53; height: 55px; position: absolute; left:0; top: 0; z-index: 2;}
	div#content .bwf-schemes .bwf-schemes-item a,
	div#content .bwf-schemes .bwf-schemes-item p{color: #fff;width: auto;}
	div#content .bwf-schemes .bwf-schemes-item h3{ padding: 5px 10px 0 10px; float: left; font-size: 13px; }
	div#content .bwf-schemes .bwf-schemes-item h3 span{display: block;}
	div#content .bwf-schemes .bwf-schemes-item h3 span.bwf-schemes-logo{width: 77px; height: 44px; float: left; background: url(../images/bwf-logo.png) no-repeat 0 0;}
	div#content .bwf-schemes .bwf-schemes-item h3 a{float: left; padding: 7px 0 0 0;}
	div#content .bwf-schemes .bwf-schemes-item div{text-align: right; color: #fff; font-size: 10px; width: 340px; padding: 10px 5px 5px 0; float: right;}
	div#content .bwf-schemes .bwf-schemes-item div p{padding-bottom: 3px;}
	
	div#content .bwf-schemes li img{position: absolute; right: 0; top: 0; z-index: 1;}
	div#content .bwf-schemes li.oneline h3 a{ padding-top: 15px; }
	div#content .bwf-schemes li.red .bwf-schemes-item{ border-color: #db1e1c; background: #831211 }
	div#content .bwf-schemes li.purple .bwf-schemes-item{ border-color: #9887bb; background: #5b5170 }
	div#content .bwf-schemes li.grey .bwf-schemes-item{ border-color: #e4e4e4; background: #898989 }
	div#content .bwf-schemes li.brown .bwf-schemes-item{ border-color: #e5cb9e; background: #897a5f }
	div#content .bwf-schemes li.blue .bwf-schemes-item{ border-color: #99ddff; background:#0088CC }
	
	/* start registration initial logic */
	.js-enable div#content .bwf-schemes .bwf-schemes-item div{display: none;}
	.js-enable div#content .bwf-schemes .bwf-schemes-item{width: 195px;}
	.js-enable div#content .bwf-schemes .bwf-schemes-item h3 span.bwf-schemes-logo{width: 0;}/*
	.js-enable div#content .bwf-schemes .hover .bwf-schemes-item h3 span.bwf-schemes-logo,
	.js-enable div#content .bwf-schemes .hover .bwf-schemes-item div{display: block;}
	.js-enable div#content .bwf-schemes .hover .bwf-schemes-item{width: 624px;}*/
	/* end registration initial logic */
	
	.blog ul li{ list-style: none; padding: 7px; border: 1px solid #b2b2b2; margin-bottom: 20px; }
	.blog ul li .title-date{ position: relative; background: #b2b2b2; padding: 10px; margin: 6px 0; color: #fff }
	div#content .blog ul li .title-date h3{ padding: 0; margin: 0; width: 300px;}
	.blog ul li .title-date h3 a{ color: #fff; }
	.blog ul li .title-date h3 a:hover{ text-decoration: underline }
	.blog ul li .title-date span{ position: absolute; right: 10px; top: 10px}
	.blog ul li .post{ padding: 10px; font-size: 12px}
	div#content .blog ul li .post p{ line-height: normal}
	.blog ul li .comments-more {position: relative; padding: 0 10px 10px }
	.blog ul li .comments-more .more{position: absolute; right: 10px}
	.blog ul li .comments-more .comments{ color: #016f54;  background: url(../images/ico-comment.png) no-repeat right center; padding-right: 30px }
	.blog ul li .comments-more a{ color: #016f54 }
	.blog ul li .comments-more a:hover{ text-decoration: underline}
	.blog .paging{padding: 0 10px; margin-bottom: 40px }
	.blog .paging a{ padding-right: 5px }
	.blog .paging a.active{ color: #016f54 }
	.blog-box{ margin-bottom: 20px; position: relative; padding-bottom: 10px }
	.blog-box-last{ margin-bottom: 30px }
	.blog-box ul{ padding: 0 15px; list-style: none; }
	.blog-box ul li{ border: 0; margin: 0; padding: 0; font-size: 11px; line-height: 17px }
	.blog-box a.more {font-size: 11px; float: right; padding-right: 10px; color: #016f54 }
	.blog-box a.more:hover{text-decoration: underline }
	.blog a.rss{ background: url(../images/ico-rss.png) no-repeat 10px center; padding: 8px 0 10px 50px; text-transform: uppercase; float: left; }
	
	/* Contact */
	.contact-top{width: 100%; overflow: hidden; padding: 10px 0 15px; border-bottom: 1px solid #e5e5e5;}
	.contact-top address{width:130px; padding: 0 30px 0 15px; float: left;}
	.contact-top .map-wrapper{ float: left; padding-top: 18px;}
	.contact-top .logo{display: block; width:87px; height:99px; position: relative;}
	.contact-top .logo span{position: absolute; width: 100%; height: 100%; background: url(../images/logo.png) no-repeat; top: 0; left: 0;}
	.contact-list {padding: 20px 0 20px 15px; width: 640px; overflow: hidden;}
	.contact-list-left{float: left; width: 300px; padding-right: 15px;}
	.contact-list-right{float: left; width: 300px; }
	
	.contact-form{padding: 20px 0 0 15px;}
	.contact-form fieldset a {color: #fff; text-decoration: underline;}
	.contact-form fieldset{color: #fff; padding: 10px 30px;}
	.contact-form fieldset.green{background: #006f53;}
	.contact-form fieldset.brown{background: #514033;}
	div#content .contact-form fieldset h3{color: #fff; font-size: 1.75em; padding:0 0 10px 0; text-transform: none;}
	.contact-form h4{font-size: 1.25em; margin-left: -5px; padding-bottom: 5px;}
	div#content .contact-form fieldset p{ margin-left: -5px; width: auto; color:#fff;}
	div#content .contact-form fieldset ul{ margin: 0px 0 10px 13px ; width: auto; color:#fff;}
	.contact-form .main-form .form-item{width: 460px; overflow: hidden; padding-bottom: 5px;}
	.contact-form .main-form .form-item label{width: 220px; float: left; padding-top: 4px;}
	.contact-form .main-form .form-item input.text{width: 230px; float: right; border: none; padding: 2px 1px;}
	.contact-form .main-form .small input.text{width: 19px; float: right; border: none; padding: 2px 1px; margin-right: 2px;}
	.contact-form .main-form .small input.textW{width: 19px; float: right; border: none; padding: 2px 1px; margin-right: 10px;}
	.contact-form .small-form .form-item{width: 360px; overflow: hidden; padding-bottom: 5px;}
	.contact-form .small-form .form-item label{width: 120px; float: left; padding-top: 4px;}
	.contact-form .small-form .form-item input.text{width: 230px; float: right; border: none; padding: 2px 1px;}
	.contact-form .small-form .form-item textarea{width: 230px; height: 100px; float: right; border: none; padding: 2px 1px;}
	.contact-form .small-form .small input.text{width: 29px; float: right; border: none; padding: 2px 1px; margin-right: 2px;}
	.contact-form .checkboxes {width: 100%; overflow: hidden; padding-bottom: 5px;}
	.contact-form .checkboxes input{float: left; margin:0; padding: 0;}
	.contact-form .checkboxes label{float: left; padding: 2px 15px 0 5px;}
	div#content .contact-form .member_of p{color: #fff; padding: 5px 0 10px; margin-left: -5px;}
	.contact-form .textareas{ padding-top: 13px; padding-bottom: 3px;}
	.contact-form .textareas .form-item{ width: 100%; overflow: hidden; padding-bottom: 10px;}
	.contact-form .textareas .form-item label{float:left; width: 140px; padding-top: 20px;}
	.contact-form .textareas .form-item textarea{float:left; width: 420px; height: 140px; margin:0; padding:0;}
	.contact-form .form-wrapper-left{float: left; width: 300px; overflow: visible; padding-left: 5px; margin-left: -5px;}
	.contact-form .buttons {float: right; padding: 10px 5px 0 0; width: 255px; text-align: right;}
	.contact-form .buttons button{margin: 0; cursor: pointer; padding: 1px 30px; line-height: 1em; border: 1px solid #fff; background: #fff; color: #006f53; font-size: 1em; font-weight: bold; margin-left: 10px;}
	.contact-form-info{color: #7b7b7b; font-size: 1.09em; padding: 30px 10px 0;}
	.contact-form-info strong{color: #9e9e9e;}
	
	/* start js logic */
	#tab-suppliers{ margin-bottom: -17px;}
	.js-enable #tab-suppliers{ margin-bottom: 0;}
	.js-enable .tabs-content,
	.js-enable .list-filter-by,
	.js-enable #login{display: none;}

	.js-enable .question-answer li .answer{display: none;}
	.js-enable .tab-active{display: block;}
	/* end js logic */

	/* Standard Data Table */
       .contenttable {text-align: center; font-size: 13px; font-weight: bold;  color: #40937E; width: 100%; background-color: #CCCCCC;}         
       .tr-odd {background-color: #ffffff;}
       .td-0,td-1,td-2,td-3,td-4 {width: 100px;}

	
/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	
	
	div.mod-sidebar { padding: 0 0 20px 0; }
	
	div.mod-sidebar div.info-sidebar { padding: 0 0 5px 0; width: 230px; }
	div.mod-sidebar div.info-sidebar h2 { padding: 0 0 15px 0; text-transform: uppercase; line-height: normal; font-weight: normal; font-size: 1.3em; color: #626262; }
	div.mod-sidebar div.info-sidebar p {padding: 0 0 5px 0; font-weight: normal; font-size: 0.92em; color: #7B7B7B;  }
	div.mod-sidebar p.note { padding: 0 0 15px 0; font-weight: normal; font-size: .83em; color: #006F53; }
	div.mod-sidebar p.note a { color: #006F53; }
	div.mod-sidebar p.note a:hover { text-decoration: underline; }
	
	div.mod-sidebar ul.tabs-nav { list-style: none; width: 240px; height: 45px; background: url(../images/bg-tabs-nav.gif) no-repeat 0 0; }
	div.mod-sidebar ul.tabs-nav li { float: left; margin: 11px 1px 0 2px; height: 29px; text-align: center; text-transform: uppercase; font-weight: normal; font-size: .92em; }
	div.mod-sidebar ul.tabs-nav li.suppliers { width: 95px; }
	div.mod-sidebar ul.tabs-nav li.courses { width: 88px; }
	div.mod-sidebar ul.tabs-nav li a { float: left; display: block; padding: 10px 0 0 0; width: 100%; height: 19px; text-align: center; color: #7B7B7B; }
	div.mod-sidebar ul.tabs-nav li.suppliers a { background: url(../images/bg-tabs-nav.gif) no-repeat  -2px -56px; }
	div.mod-sidebar ul.tabs-nav li.courses a { background: url(../images/bg-tabs-nav.gif) no-repeat  -100px -56px; }
	div.mod-sidebar ul.tabs-nav li a:hover , div.mod-sidebar ul.tabs-nav li a.active { background: none; color: #7B7B7B; }
	div.mod-sidebar ul.tabs-nav li a.active { cursor: default; }
	
	div.wrapper-search-in-area { background: url(../images/bg-tabs-content-middle.gif) repeat-y 0 0; }
	div.wrapper-search-in-area-inside { padding: 13px 0 25px 0; background: url(../images/bg-tabs-content-bottom.gif) no-repeat 0 bottom; }
	div.wrapper-search-in-area legend { display: none; }
	div.wrapper-search-in-area ul { margin: 0; list-style: none; }
	div.wrapper-search-in-area ul li { overflow: hidden; clear: both; padding: 0 0 11px 0; }
	div.wrapper-search-in-area ul li.last { padding: 0; }
	div.wrapper-search-in-area ul li h3 { text-transform: uppercase; line-height: normal; font-weight: normal; font-size: .92em; color: #626262; }
	div.wrapper-search-in-area ul li input.txt-keyword ,
	div.wrapper-search-in-area ul li input.txt-postcode { padding: 4px 5px 0 7px; width: 195px; height: 20px; line-height: 1em; font-weight: normal; font-size: .92em; color: #fff; border-top: 1px solid #867A71; border-right: 1px solid #867A71; border-left: none; border-bottom: none; background: #514033; }
	div.wrapper-search-in-area ul li input.txt-postcode { border-top: 1px solid #4D9A87; border-right: 1px solid #4D9A87; background: #006F53; }
	div.wrapper-search-in-area ul li div.wrapper-enter-county { width: 207px; border-top: 1px solid #4D9A87; border-right: 1px solid #4D9A87; background: #006F53; }
	div.wrapper-search-in-area ul li div.wrapper-enter-county h3 { width: 207px; height: 24px; line-height: 2.18em; font-weight: normal; font-size: .92em; color: #fff; }
	div.wrapper-search-in-area ul li div.wrapper-enter-county h3 a { display: block; float: left; padding: 0 8px; width: 191px; color: #fff; background: url(../images/ico-arrow-green-back.gif) no-repeat 188px 10px; }
	div.wrapper-search-in-area ul li ul.two-col { overflow: hidden; padding: 5px 0 0 0; width: 207px; list-style: none; }
	#tab-courses ul li ul.two-col {padding-top: 0; list-style: none;}
	div.wrapper-search-in-area ul li ul.two-col li {  overflow: hidden; clear: none; float: left; padding: 0; width: 103px; }
	div.wrapper-search-in-area ul li ul.two-col li input.chkbox { float: left; margin: 0 10px 0 0; }
	div.wrapper-search-in-area ul li ul.two-col li label { float: left; width: 79px; font-weight: normal; font-size: .92em; color: #7B7B7B; }
	div.wrapper-search-in-area ul li ul.two-col li label.single-line{padding-top: 3px;}
	div.wrapper-search-in-area ul li div.wrapper-filter-by { width: 207px; border-top: 1px solid #867A71; border-right: 1px solid #867A71; background: #514033; }
	div.wrapper-search-in-area ul li div.wrapper-filter-by h3 { width: 207px; height: 24px; line-height: 2.18em; font-weight: normal; font-size: .92em; color: #fff; }
	div.wrapper-search-in-area ul li div.wrapper-filter-by h3 a { display: block; float: left; padding: 0 8px; width: 191px; color: #fff; background: url(../images/ico-arrow-brown-back.gif) no-repeat 188px 10px; }
	div.wrapper-search-in-area ul li div.wrapper-filter-by ul.list-filter-by { margin: 5px 0 0 0; width: 207px; }
	
        div.wrapper-search-in-area ul li div.wrapper-filter-by ul.list-filter-by li { overflow: hidden; clear: both; padding: 0 10px 10px 20px; width: 177px; position: 
relative; }
	 div.wrapper-search-in-area ul li div.wrapper-filter-by ul ul { margin: 0; padding: 0; width: 177px; }

	 div.wrapper-search-in-area ul li div.wrapper-filter-by ul ul li {overflow: hidden; clear: both; margin: 0; padding: 0 10px 10px 0px; width: 177px; 
position: relative; }
       div.wrapper-search-in-area ul li div.wrapper-filter-by ul.list-filter-by ul li input { position: absolute; left: 0px; top: 0; margin: 0; }

	div.wrapper-search-in-area ul li div.wrapper-filter-by ul.list-filter-by li input { position: absolute; left: 10px; top: 0; margin: 0; }
	div.wrapper-search-in-area ul li div.wrapper-filter-by ul.list-filter-by li label { float: left; padding: 3px 0 0 30px; font-weight: normal; font-size: .92em; color: #fff; cursor: pointer; }
	div.wrapper-search-in-area ul li div.wrapper-filter-by ul.list-filter-by li p { float: left; padding: 3px 0 3px 0px; font-weight: bold; font-size: .92em; color: 
#fff; cursor: pointer; }

	div.wrapper-search-in-area ul li button.btn-search-in-area { clear: both; float: right; margin: 0 32px 10px 0; width: 111px; height: 24px; text-transform: uppercase; text-align: left; text-indent: -9999em; border: none; background: #ccc url(../images/btn-search-in-area.gif) no-repeat 0 0; cursor: pointer; }
	div.wrapper-search-in-area ul li a.view-full-list { clear: both; width:120px; text-align: right; float: right; margin: 0 32px 2px 0; font-weight: normal; font-size: 0.83em; color: #7B7B7B; }

	div.wrapper-search-in-area ul li a.replaceSubmit { position: relative; float: right; width: 111px; height: 24px; margin: 0 32px 10px 0; overflow: hidden;}
	div.wrapper-search-in-area ul li a.replaceSubmit em {position: absolute;width: 100%;	height: 100%; display: block; background: 
url(../images/btn-search-in-area.gif) 0 0 no-repeat;	top:0;	left:0;	z-index:1;cursor: pointer;}	
	div.wrapper-search-in-area ul li input.replaceSubmit { clear: both; float: right; margin: 0 32px 10px 0; width: 111px; height: 24px; text-transform: uppercase; 
text-align: left; text-indent: -9999em; border: none; background: #ccc url(../images/btn-search-in-area.gif) no-repeat 0 0; cursor: pointer; }


	div.wrapper-search-in-area ul li div.wrapper-filter-by-alt { width: 207px; border-top: 1px solid #867A71; border-right: 1px solid #867A71; background: #006F53; }
	div.wrapper-search-in-area ul li div.wrapper-filter-by-alt h3 { width: 207px; height: 24px; line-height: 2.18em; font-weight: normal; font-size: .92em; color: 
#fff; }
	div.wrapper-search-in-area ul li div.wrapper-filter-by-alt h3 a { display: block; float: left; padding: 0 8px; width: 191px; color: #fff; background: 
url(../images/ico-arrow-green-back.gif) no-repeat 188px 10px; }
	div.wrapper-search-in-area ul li div.wrapper-filter-by-alt ul.list-filter-by { margin: 5px 0 0 0; width: 207px; }
	div.wrapper-search-in-area ul li div.wrapper-filter-by-alt ul.list-filter-by li { overflow: hidden; clear: both; padding: 0 10px 10px 20px; width: 177px; 
position: relative; }
	div.wrapper-search-in-area ul li div.wrapper-filter-by-alt ul.list-filter-by li input { position: absolute; left: 10px; top: 0; margin: 0; }
	div.wrapper-search-in-area ul li div.wrapper-filter-by-alt ul.list-filter-by li label { float: left; padding: 3px 0 0 30px; font-weight: normal; font-size: .92em; 
color: #fff; cursor: pointer; }
	div.wrapper-search-in-area ul li div.wrapper-filter-by-alt ul.list-filter-by li p { float: left; padding: 3px 0 3px 0px; font-weight: bold; font-size: .92em; 
color: #fff; cursor: pointer; }

	
	div.wrapper-search-in-area ul ul.course-chk{list-style: none; width: 100%; overflow: hidden; font-size: .92em;}
	div.wrapper-search-in-area ul ul.course-chk li.course-length{float: left; width: 108px; clear: none; padding-bottom: 0;}
	div.wrapper-search-in-area ul ul.course-chk li.commitment{float: left; width: 95px; clear: none; padding-bottom: 0;}
	div.wrapper-search-in-area ul ul.course-chk li.commitment ul{border-left: 1px dotted #ccc; padding-left: 10px;}
	div.wrapper-search-in-area ul ul.course-chk li.commitment  h3{padding-left: 13px;}
	div.wrapper-search-in-area ul ul.course-chk li h3{padding-bottom: 10px;}
	div.wrapper-search-in-area ul ul.course-chk li li{padding: 5px 0;}
	div.wrapper-search-in-area ul ul.course-chk li li label{float: left; padding: 3px 0 0 10px;}
	div.wrapper-search-in-area ul ul.course-chk li li input{float: left; margin: 0;}
	
	div.mod-sidebar div.title-mod-sidebar { margin: 0 0 15px 0; padding: 3px 0 0 0; width: 220px; height: 23px; background: url(../images/bg-title-mod-sidebar.gif) no-repeat 0 0; }
	div.mod-sidebar div.title-mod-sidebar h2 { text-transform: uppercase; line-height: normal; font-weight: normal; font-size: 1.12em; color: #626262; }
	
	div.mod-sidebar ul.list-mod-sidebar { width: 220px; list-style: none; }
	div.mod-sidebar ul.list-mod-sidebar li { overflow: hidden; clear: both; padding: 0 0 10px 0; width: 220px; }
	div.mod-sidebar ul.list-mod-sidebar li img { float: left; }
	div.mod-sidebar ul.list-mod-sidebar li div.list-mod-sidebar { float: left; padding: 0 9px 0 12px; width: 170px; }
	div.mod-sidebar ul.list-mod-sidebar li div.list-mod-sidebar p { padding: 0 0 5px 0; line-height: 1.09em; font-weight: normal; font-size: 0.83em; color: #7B7B7B; }
	div.mod-sidebar ul.list-mod-sidebar li div.list-mod-sidebar p a { color: #006F53; }
	
	div.mod-sidebar p.pagination-number { width: 220px; text-align: right; font-weight: normal; font-size: .92em; }
	div.mod-sidebar p.pagination-number a { padding: 0 3px; color: #AEAEAE; }
	div.mod-sidebar p.pagination-number a:hover, 
	div.mod-sidebar p.pagination-number a.active { color: #006F53; }
	
	
	

/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/

	div#footer ul.footer-nav { list-style: none; float: right; margin: 10px 0 20px 0; }
	div#footer ul.footer-nav li { float: left; padding: 0 0 0 30px; line-height: 1.25em; }
	div#footer ul.footer-nav li a { text-decoration: none; font-weight: normal; font-size: .92em; color: #AEAEAE; }
	div#footer ul.footer-nav li a:hover { color: #006F53; }

     


/* 2.5 Search Results
-----------------------------------------------------------------------------------------------*/

	.sectionResult {clear: both; margin-top: 10px; display:block;}
	.sectionResult a{color: #4C4C4C; margin: 0; width: 550px;}
	.searchResultBlock{display: block; margin: 0 0 25px 0;}
	.searchResultBlock p {clear: both; display:block;}
	div#content .searchResultBlock h2 {margin: 0 0 10px 0; padding: 0 0 10px 0; font-weight: bold; color: #626262; border: 0px;}
	.searchResultBlock h2 a{float: left; width: 650px;}
	.searchRating{ float: right; font-size: 0.5em; margin: -20px 0 0 0; width: 50px; }
	dl.searchInfo { margin: 0; padding: 0;}
	.searchInfo dt.searchStat{float: left; margin: 0 0 0 0; padding: 0 .5em 0 .5em; font-weight: bold;}
	.searchInfo dd.searchData {float: left; margin: 0 0 0 0; padding: 0; } 
	div.tx-indexedsearch ul{list-style: none;}
	div.tx-indexedsearch ul li{list-style: none;}
	ul.browsebox {clear:both; list-style:none; display:block; overflow:hidden; margin:12px 0 4px;}
	ul.browsebox li {float:left; font-size:1.1em; padding-right:5px; list-style: none;}
	ul.browsebox li a {color:#F93915 !important; margin-right: 3px;}