/*

	**  **           **  ************
	**   **         **   ************
	**    **       **         **
	**     **     **          **
	**      **   **           **
	**       ** **            **
	**        ***             **

*/


/************************************************\
 ******************** LAYOUT ********************
\************************************************/

/*	Created: Date & Time
 *	Author: Firstname Lastname <url>
 *
 *	Updated: Firstname Lastname (Date & Time)
*/

	@import "thickbox.css";

/*	LAYOUT
 *	----------------------------------------------
*/

	*
	{
		margin: 0;
		padding: 0;
	}
	
	#container
	{
		width: 980px;
 		margin: 0 auto;
	}

	/* --- header */
	#header
	{
		position: relative;
		height: 136px;
	}
	#header #logo
	{
		float: left;
		margin: 28px 0 0;
	}

	/* --- navigation */
	#nav
	{
		position: absolute;
		bottom: 16px;
		right: 5px;
		height: 30px;
		margin: 0;
		padding: 0;
	}
	#nav li
	{
		float: left;
		list-style: none;
		margin: 0 0 0 10px;
		padding: 0;
	}
	#nav li a
	{
		display: block;
		height: 30px;
		color: #27479e;
		font-family: 'MyriadProCondensed';
		font-size: 1.25em;
		text-decoration: none;
		text-indent: -999em;
		background: url(../images/bg-nav.gif) no-repeat;
	}

	/* off state */
	#nav li a.home 
	{ 
		width: 54px; 
		background-position: 0 0; 
	}
	#nav li a.features 
	{ 
		width: 69px; 
		background-position: -63px 0; 
	}
	#nav li a.clients 
	{ 
		width: 59px; 
		background-position: -141px 0; 
	}
	#nav li a.demo 
	{ 
		width: 54px; 
		background-position: -209px 0; 
	}
	#nav li a.partners 
	{ 
		width: 69px; 
		background-position: -272px 0; 
	}
	#nav li a.faq 
	{ 
		width: 41px; 
		background-position: -350px 0; 
	}
	#nav li a.contact 
	{ 
		width: 64px; 
		background-position: -400px 0; 
	}

	/* hover state */
	#nav li a.home:hover
	{ 
		width: 54px; 
		background-position: 0 -30px; 
	}
	#nav li a.features:hover
	{ 
		width: 69px; 
		background-position: -63px -30px; 
	}
	#nav li a.clients:hover
	{ 
		width: 59px; 
		background-position: -141px -30px; 
	}
	#nav li a.demo:hover
	{ 
		width: 54px; 
		background-position: -209px -30px; 
	}
	#nav li a.partners:hover
	{ 
		width: 69px; 
		background-position: -272px -30px; 
	}
	#nav li a.faq:hover
	{ 
		width: 41px; 
		background-position: -350px -30px; 
	}
	#nav li a.contact:hover
	{ 
		width: 64px; 
		background-position: -400px -30px; 
	}

	/* on state */
	#nav li.on a.home 
	{  
		background-position: 0 -60px; 
	}
	#nav li.on a.features 
	{ 
		background-position: -63px -60px; 
	}
	#nav li.on a.clients 
	{ 
		background-position: -141px -60px; 
	}
	#nav li.on a.demo 
	{ 
		background-position: -209px -60px; 
	}
	#nav li.on a.partners 
	{ 
		background-position: -272px -60px; 
	}
	#nav li.on a.faq 
	{ 
		background-position: -350px -60px; 
	}
	#nav li.on a.contact 
	{ 
		background-position: -400px -60px; 
	}

	/* --- banner */
	#banner
	{
		height: 145px;
		background: #bed530;
	}

	/* --- content */
	#content
	{
		position: relative;
	}
	#content .col
	{
		float: left;
		margin: 20px 0 40px;
	}
	#content .sideBar
	{
		width: 173px;
		padding: 0 25px 0 57px;
	}
	#content .content
	{
		width: 440px;
		padding: 0 20px;
	}
	#content .more
	{
		width: 245px;
	}
	#content #featuresBanner
	{
		position: absolute;
		top: -145px;
		left: 0;
	}

	/* --- sideBar */
	#content .sideBar ul
	{
		margin: 0;
		padding: 0;
	}
	#content .sideBar ul ul
	{
		margin: 1em 0 1em 13px;
		padding: 0;
	}
	#content .sideBar ul li
	{
		width: 173px;
		margin: 0 !important;
		padding: 0 !important;
		
	}
	#content .sideBar ul li a
	{
		display: block;
		padding: 5px 0 0 0;
		width: 173px;
		text-decoration: none;
		color: #27479e;
		font-size: 15px;
		font-weight: bold;	 
	}
	#content .sideBar ul li a span
	{
		display: block;
		padding: 2px 13px 7px;
		width: 147px;  
	}
	#content .sideBar ul li.on li a span,
	#content .sideBar ul li.on li a:hover span
	{
		display: inline;
		padding: 0;
		background: none;
	}
	#content .sideBar ul li a:hover,
	#content .sideBar ul li.on a:hover
	{
		color: #fff;
		background: url(../images/bg-sidebar-top-hover.gif) top left no-repeat;
	}
	#content .sideBar ul li a:hover span,
	#content .sideBar ul li.on a:hover span
	{
		background: #bfd630 url(../images/bg-sidebar-bottom-hover.gif) bottom left no-repeat;
	}
	#content .sideBar ul li.on a
	{
		color: #fff;
		background: url(../images/bg-sidebar-top-on.gif) no-repeat;
	}
	#content .sideBar ul li.on a span
	{
		background: #27479e url(../images/bg-sidebar-bottom-on.gif) bottom left no-repeat;
	}
	#content .sideBar ul li li
	{
		width: 160px;
		padding: 0;
		margin: 0 0 .7em;
	}
	#content .sideBar ul li.on li a,
	#content .sideBar ul li li a
	{
		display: block;
		width: 140px;
		padding: 0 0 0 20px;
		background: url(../images/bullet.gif) 0 4px no-repeat;
		color: #666;
		font-size: 11px;
		font-weight: normal;
		line-height: 1.5em;
	}
	#content .sideBar ul li.on li a:hover,
	#content .sideBar ul li li.on a
	{
		color: #27479e;
		text-decoration: underline;
		background: url(../images/bullet.gif) 0 4px no-repeat;
	}

	/* -- content */
	#content .content p,
	#content .more p
	{
		font-size: 12px;
	}
	#content .content ul
	{
		padding: 0 0 10px;
	}
	#content .content ul ul
	{
		padding: 10px 0 0;
	}
	#content .content ul li
	{
		padding: 0 0 5px 20px;
		font-size: 12px;
		background: url(../images/bullet.gif) 0 2px no-repeat;
		line-height: 1em;
	}

	/* --- buttons */
	#content ul#buttons 
	{
		margin: 0;
		padding: 0;
	}				
	#content ul#buttons li 
	{
		list-style: none;
		margin: 0 0 7px 2px;
	}
	#content ul#buttons li a 
	{
		display: block; 
		width: 208px; 
		height: 30px; 
		text-indent: -999em;
		cursor: pointer;					
	}						
	#content a.online_demonstration 
	{
		background: url(../images/btn-online-demo.gif) 0 0 no-repeat; 
	}	
	#content a.online_demonstration:hover 
	{ 
		background: url(../images/btn-online-demo-hover.gif) 0 0 no-repeat; 
	}
	#content a.example_associations 
	{
		background: url(../images/btn-example-associations.gif) 0 0 no-repeat; 
	}	
	#content a.example_associations:hover 
	{ 
		background: url(../images/btn-example-associations-hover.gif) 0 0 no-repeat; 
	}	
	#content a.request_quotation 
	{
		background: url(../images/btn-request-quotation.gif) 0 0 no-repeat; 
	}	
	#content a.request_quotation:hover 
	{ 
		background: url(../images/btn-request-quotation-hover.gif) 0 0 no-repeat; 
	}
	#content a.download_brochure 
	{
		display: block; 
		width: 208px; 
		height: 30px; 
		margin: 0 0 0 2px;
		text-indent: -999em;
		cursor: pointer;
		background: url(../images/btn-download-brochure.gif) 0 0 no-repeat; 
	}	
	#content a.download_brochure:hover 
	{ 
		background: url(../images/btn-download-brochure-hover.gif) 0 0 no-repeat; 
	}

	/* main search */
	.search_form form,
	.search_form fieldset,
	.search_form legend 
	{
		margin: 0;
		padding: 0;
		border: 0;
	}
	.search_form fieldset 
	{
		margin: 0 0 5px;
		padding: 0;
	}
	.search_form legend,
	.search_form label 
	{
		display: none;
	}
	.search_form input 
	{
		float: left;
		padding: 7px 10px;
		border: 1px solid #ccc;
		font-size: 11px;
		color: #666;
		width: 350px;
	}
	.search_form button 
	{
		float: left;
		width: 56px; 
		height: 30px;
		margin: 0 3px;
		text-indent: -999em;
		cursor: pointer;
		border: 0;
		background: url(../images/btn-search.gif) 0 0 no-repeat; 
	}
	.search_form button:hover
	{
		background: url(../images/btn-search-hover.gif) 0 0 no-repeat; 
	}
	.search_form label 
	{
		float: left;
		width: 60px;
		margin: 2px 5px;
		text-align: left;
	}
	.search_form br 
	{
		clear: left;
	}
	.search_list li
	{
		background-position: 0 5px !important;
	}
	.search_highlight 
	{
		color: #27479e;
	}

	/* sitemap */
	ul.sitemap_level1,
	ul.sitemap_level1 ul 
	{
		padding: 0 0 0 20px !important;
	}
	ul.sitemap_level1 li 
	{
		list-style: none !important;
	}	
	ul.sitemap_level1 li a 
	{
		font-size: 12px;
	}
	ul.sitemap_level2 li
	{
		padding: 0 0 0 15px !important;
	}
	ul.sitemap_level2 li a
	{
		font-size: 11px;
	}
	ul.sitemap_level2 ul li a
	{
		font-size: 10px;
	}
	ul.sitemap_level2 ul
	{
		margin: 8px 0 !important;
	}
	ul.sitemap_level2 ul li
	{
		margin: 0 !important;
	}
	
	ul.sitemap_level2
	{
		margin: 10px 0 !important;
	}


	/* --- footer */
	#footer
	{
		float: left;
		width: 954px;
		padding: 13px;
		background: url(../images/bg-footer.gif) 0 0 no-repeat; 
	}
	#footer p
	{
		float: left;
		padding: 0 5px;
	}
	#footer a
	{
		color: #666;
		text-decoration: none;
	}
	#footer a:hover
	{
		text-decoration: underline;
	}
	#footer form
	{
		float: right;
		width: 216px;
	}
	#footer form label
	{
		display: none;
	}
	#footer form input
	{
		float: left;
		width: 135px;
		margin: 0;
		padding: 10px;
		color: #999;
		background: url(../images/bg-search.gif) 0 0 no-repeat;
		border: 0;
	}
	#footer form button
	{
		float: left;
		width: 56px; 
		height: 30px;
		margin: 0 0 0 5px; 
		text-indent: -999em;
		cursor: pointer;
		border: 0;
		background: url(../images/btn-search.gif) 0 0 no-repeat; 
	}
	#footer form button:hover
	{
		background: url(../images/btn-search-hover.gif) 0 0 no-repeat; 
	}
	#footer ul#sections
	{
		float: left;
		width: 944px;
		margin: 17px 5px;
		padding: 0;
	}
	#footer ul#sections li
	{
		float: left;
		margin: 0 1.7em 0 0;
	}
	#footer ul#sections li.end
	{
		margin: 0;
	}
	#footer ul#sections li.end li
	{
		width: 108px;
	}
	#footer ul#sections li a
	{
		display: block;
		text-decoration: none;
		margin: 0 0 1em; 
		color: #27479e;
		font-size: 13px;
		font-weight: bold;  
		line-height: 1.7em; 
	}
	#footer ul#sections li li
	{
		float: none;
		margin: 0;
		padding: 0;
		width: 120px;
	}
	#footer ul#sections li li a
	{
		display: block;
		padding: 0 0 0 20px;
		background: url(../images/small-bullet.gif) 0 3px no-repeat;
		color: #666;
		font-size: 11px;
		font-weight: normal;
		line-height: 1.2em;
	}
	#footer ul#sections li li a:hover
	{
		color: #27479e;
		text-decoration: underline;
	}
	

/*	ERRORS  - DO NOT REMOVE, MAY EDIT!!!
 *	----------------------------------------------
*/

	div.sbError
	{
		display: inline-block;
		width: auto !important;
		margin: 0 0 1em;
		padding: 8px 10px 8px 35px;
		border: 1px solid #ffacad;
		background: #ffd5d5 url(../images/alert-icon.gif) 10px 50% no-repeat;	
		color: #d23755;
	}
	
	/* 
	   cart vouchers important message 
	   note do not remove !important or it will revert to old styling
	*/
	div.messageBox
	{
		display: inline-block;
		width: auto !important;
		margin: 0 0 1em !important;
		padding: 8px 10px !important;
		border: 1px solid #ffacad !important;
		background-color: #ffd5d5 !important;
		color: #d23755 !important;
	}
	div.messageBoxShade
	{
		border: none !important;
		padding: 0 !important;
		font-size: 14px !important;
	}
	div.messageBoxShade ul,
	div.messageBoxShade ul li
	{
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	div.messageBoxHeading
	{
		margin: 0 !important;
		text-indent: 0 !important;
	}