/*Global Styling*/
body{ background:#fff; font:13px/150% Tahoma, Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; color:#333;}
a:focus{outline:1px dotted invert}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0; }
h1{font-size:30px}h2{font-size:18px}h3{font-size:14px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}
ol{list-style:decimal}
ul{list-style:disc;}
li{margin-left:30px}
p,dl,hr,h1,h2,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
h3{margin-bottom:10px}
#skiplinks{display:none;}
strong{font-weight:bold;}
small{font-size:9px;}
.clearme{clear:both;}
.imgfloat{float:left; padding:0 10px 10px 0;}

/*h*/
/*h2					{color:#003668; text-transform:uppercase;}*/

/*h2					{font:bold 16px/140% Arial, Helvetica, sans-serif; color:#125cab;}*/
h2						{font:bold 13px/150% Tahoma, Arial, Helvetica, sans-serif; color:#000;}
h3						{font:normal 14px/140% Arial, Helvetica, sans-serif; color:#125cab; /*padding-left:10px; background:url(../images/design/h3.gif)0 4px no-repeat;*/ }
h5						{font:normal 13px/140% Tahoma, Arial, Helvetica, sans-serif; color:#125cab; text-transform:uppercase; margin-bottom:5px;}

/*links*/
a:link 					{color: #3286c2; text-decoration:none;}
a:visited 				{color: #3286c2; text-decoration:none;}
a:hover 				{color: #53a1d9; text-decoration:none;}

blockquote				{font:bold 15px/140% Helvetica,Arial; color:#3286c2; background:url(../images/design/quotes.gif) 10px 10px no-repeat #e9f1f8; padding:15px 15px 2px 15px; margin:10px; letter-spacing:-1px;}

/*colours
blue: #3286c2
mid blue: #125cab
light light blue: #e9f1f8
text: #333
light grey: #d6d6d6
*/

/*foundations*/
#container				{}

#header					{margin:20px 0 30px 0; height:70px; font:11px/140% normal "Lucida Sans Unicode", Arial, Helvetica;}

#logo					{height:84px; background:url(../images/design/logo.gif) no-repeat;}
#logo a					{display:block; /*width:220px;*/ height:84px;}
#logo span				{text-indent:-9999px;}

#utility				{margin:5px 0 0 420px; height:70px;}
#util-nav				{height:20px; margin-bottom:15px;}
#util-nav ul			{list-style-type: none; border: none; margin:0; padding:0; }
#util-nav ul li			{padding:7px 0 0 35px; margin: 0; height:56px; float:left; }
#util-nav ul li a		{padding:0; margin: 0; height:56px; display:block;}
.tel					{width:95px;height:20px; background:url(../images/design/tel.png) 0 0 no-repeat;}
.email					{height:20px; background:url(../images/design/email.png) 0 0 no-repeat;}
#search					{height:28px; background:url(../images/design/search.png) 0 0 no-repeat;}
#search-field			{float:left;}
.search-button			{float:left;}
.s-form 				{margin:0; padding:0; text-align:left;}
.s-form input.field		{border:none; color:#999999; font-size:11px; padding:5px 5px 4px 30px; width:170px; background:none;}
.s-form input.button	{width:75px; height:30px; border:none; background:none;}
/*
#menu					{height:56px; padding:0; background:url(../images/design/nav.png) 0 0 no-repeat;}
#menu ul				{list-style-type: none; border: none; margin:0; padding:0; }
#menu ul li				{padding:0; margin: 0; height:56px; float:left; }
#menu ul li a			{padding:0; margin: 0; height:56px; display:block;}
#menu span				{text-indent:-9999px; display:none;}

.menu1 a				{display:block; width:100px;}
.menu2 a				{display:block; width:105px;}
.menu3 a				{display:block; width:105px;}
.menu4 a				{display:block; width:105px;}
.menu5 a				{display:block; width:105px;}
.menu6 a				{display:block; width:105px;}
.menu7 a				{display:block; width:105px;}
.menu8 a				{display:block; width:105px;}
.menu9 a				{display:block; width:105px;}


.menu1 a:hover			{display:block; width:100px; height:56px; background:url(../images/design/nav-ovr.png) 0 0 no-repeat;}
.menu2 a:hover			{display:block; width:105px; height:56px; background:url(../images/design/nav-ovr.png) -100px 0 no-repeat;}
.menu3 a:hover			{display:block; width:105px; height:56px; background:url(../images/design/nav-ovr.png) -205px 0 no-repeat;}
.menu4 a:hover			{display:block; width:105px; height:56px; background:url(../images/design/nav-ovr.png) -310px 0 no-repeat;}
.menu5 a:hover			{display:block; width:105px; height:56px; background:url(../images/design/nav-ovr.png) -415px 0 no-repeat;}
.menu6 a:hover			{display:block; width:105px; height:56px; background:url(../images/design/nav-ovr.png) -520px 0 no-repeat;}
.menu7 a:hover			{display:block; width:105px; height:56px; background:url(../images/design/nav-ovr.png) -625px 0 no-repeat;}
.menu8 a:hover			{display:block; width:105px; height:56px; background:url(../images/design/nav-ovr.png) -730px 0 no-repeat;}
.menu9 a:hover			{display:block; width:105px; height:56px; background:url(../images/design/nav-ovr.png) -835px 0 no-repeat;}

.current a				{display:block; width:60px; height:42px; background:url(images/design/menu-ovr.png) 0 0 no-repeat;}
*/

/*main navigation amended 17th Sept 09 to include drop downs*/

#nav {height:56px; padding:0; background:url(../images/design/nav.png) 0 0 no-repeat; z-index:9998;}
#nav span{text-indent:-9999px; display:none;}
#nav a {display: block; height: 56px; overflow: hidden; }

#nav li { float: left; position: relative; }
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; /*margin-right: 1px;*/ list-style:none;}
	
	/*--- Default ---*/
	#nav-home a 				{display:block; width:100px;}
	#nav-solutions a			{display:block; width:105px;}
	#nav-products a				{display:block; width:105px;}
	#nav-support a				{display:block; width:105px;}
	#nav-team a					{display:block; width:105px;}
	#nav-about a				{display:block; width:105px;}
	#nav-news a					{display:block; width:105px;}
	#nav-resources a			{display:block; width:105px;}
	#nav-contact a				{display:block; width:105px;}
	
	/*--- Hovering ---*/
	#nav-home a:hover			{display:block; width:100px; height:56px; background:url(../images/design/nav-ovr.png) 0 0 no-repeat;}
	#nav-solutions a:hover		{display:block; width:105px; height:56px; background:url(../images/design/nav-ovr.png) -100px 0 no-repeat;}
	#nav-products a:hover		{display:block; width:105px; height:56px; background:url(../images/design/nav-ovr.png) -205px 0 no-repeat;}
	#nav-support a:hover		{display:block; width:105px; height:56px; background:url(../images/design/nav-ovr.png) -310px 0 no-repeat;}
	#nav-team a:hover			{display:block; width:105px; height:56px; background:url(../images/design/nav-ovr.png) -415px 0 no-repeat;}
	#nav-about a:hover			{display:block; width:105px; height:56px; background:url(../images/design/nav-ovr.png) -520px 0 no-repeat;}
	#nav-news a:hover			{display:block; width:105px; height:56px; background:url(../images/design/nav-ovr.png) -625px 0 no-repeat;}
	#nav-resources a:hover		{display:block; width:105px; height:56px; background:url(../images/design/nav-ovr.png) -730px 0 no-repeat;}
	#nav-contact a:hover		{display:block; width:105px; height:56px; background:url(../images/design/nav-ovr.png) -835px 0 no-repeat;}

	/*--- Dropdowns ---*/
	#nav li.over ul { left: 0; display: block; /*background:#fff;*/ }
	#nav li li { float: none; position: static; /*width: 100%;*/ }	
	#nav li li a, #nav li li a:hover, #nav li li a:active { background:url(../images/design/drop-bg.gif) 0 0 no-repeat #f2f0f0; height: auto; padding: 4px; text-indent: 10px;  font:normal 12px/160% "Lucida Sans Unicode", Arial, Helvetica, sans-serif;  text-decoration:none;  /*margin:1px;*/  color:#125cab;  border:1px solid #fff; width:100%;}		
	#nav li li a:hover { color:#125cab; text-decoration:none;}	
	#nav li ul { display: none; line-height: 18px;	padding: 0;	position: absolute;	top: 42px;	/*width: 400px;*/ z-index: 9999; }
	
	/*li#nav-home ul { line-height: 18px; width: 300px; color:#fff;  text-indent: 18px;  font-weight:normal;}*/
	li#nav-solutions ul { line-height: 18px; width: 200px; color:#fff;  text-indent: 18px;  font-weight:normal; }
	/*li#nav-products ul { line-height: 18px; width: 300px; color:#fff;  text-indent: 18px;  font-weight:normal;}*/
	li#nav-support ul { line-height: 18px; width: 260px; color:#fff;  text-indent: 18px;  font-weight:normal;}
	li#nav-team ul { line-height: 18px; width: 200px; color:#fff;  text-indent: 18px;  font-weight:normal;}
	li#nav-about ul { line-height: 18px; width: 240px; color:#fff;  text-indent: 18px;  font-weight:normal;}
	/*li#nav-news ul { line-height: 18px; width: 300px; color:#fff;  text-indent: 18px;  font-weight:normal;}*/
	li#nav-resources ul { line-height: 18px; width: 160px; color:#fff;  text-indent: 18px;  font-weight:normal;}
	li#nav-contact ul { line-height: 18px; width: 100px; color:#fff;  text-indent: 18px;  font-weight:normal;}

/*end main navigation amended 17th Sept 09 to include drop downs*/


#buckets				{border-top:10px solid #d6d6d6;  border-bottom:10px solid #d6d6d6; margin-top:30px; font:normal 13px/140% Tahoma, Arial, Helvetica;} 
#buckets h3				{color:#909090; text-transform:uppercase; font:16px/140% normal Arial, Helvetica, sans-serif; margin-bottom:10px;}
#client-portal			{background:url(../images/design/login-icon.png) 340px 30px  no-repeat;}
#client-portal p		{width:300px;}
.buckets-pad			{padding:20px; }

#news					{height:140px; background:url(../images/design/news-line.png) 0 20px  no-repeat;}
#news ul				{list-style:none;}
#news li				{float:left; padding-bottom:10px; margin-left:0;}
#news h4				{font-size:13px!important; color:#3286c2!important; text-transform:uppercase!important; margin-bottom:0!important;}
#news ul li h4			{font-size:13px!important; color:#3286c2!important; text-transform:uppercase!important; margin-bottom:0!important;}
/*#news p 				{margin-bottom:10px!important; display:block; width:230px;}*/
/*#news h2				{font-size:14px!important; color:#679ac9!important; text-transform:uppercase!important;}*/
.rssimporttwo			{}
#news small				{/*text-align:left; float:left;*/ /*width:230px;*/}

#footer					{height:50px; text-align:left; padding:20px ; font:normal 11px/140% "Lucida Sans Unicode", Arial, Helvetica; }
#footer ul 				{/*padding-right:100px!important;*/ margin-bottom:5px!important; float:left;}
#footer ul li			{list-style:none; text-align:center; margin-left:0!important; display:inline; }
#footer a				{color:#333;}
#footer a:hover			{color:#666666;}

.rssimporttwo			{}
.rssimporttwo p 		{margin-bottom:5px!important}

/*home specific*/
#masthead				{height:315px; margin-bottom:30px; z-index: 0;}
#flash					{height:315px;}
#carousel				{height:300px;}

#flash a.xn-series-btn {
	background:url('../images/design/btn-xn-series.png') no-repeat scroll 0 0 transparent;
	display:block;
	height:40px;
	text-indent:-9999px;
	position:absolute;
	margin:200px 0 0 40px;
	width:146px;
}

#flash a.cs5100-btn {
	background:url('../images/design/btn-cs5100.png') no-repeat scroll 0 0 transparent;
	display:block;
	height:40px;
	text-indent:-9999px;
	position:absolute;
	margin:200px 0 0 195px;
	width:146px;
}


/*inner page specific*/
/*#masthead-inner			{height:115px; background:url(../images/design/inner-header-bg.jpg) 0 0 no-repeat; margin-bottom:5px; padding:30px 20px 20px 20px;}*/
#masthead-solutions		{height:155px; background:url(../images/design/masthead-solutions.jpg) 0 0 no-repeat; margin-bottom:5px; padding:65px 0 20px 0;}
#masthead-products		{height:155px; background:url(../images/design/masthead-products.jpg) 0 0 no-repeat; margin-bottom:5px; padding:65px 0 20px  0;}
#masthead-support		{height:155px; background:url(../images/design/masthead-support.jpg) 0 0 no-repeat; margin-bottom:5px; padding:65px 0 20px  0;}
#masthead-team			{height:155px; background:url(../images/design/masthead-team.jpg) 0 0 no-repeat; margin-bottom:5px; padding:65px 0 20px  40px;}
#masthead-about			{height:155px; background:url(../images/design/masthead-about.jpg) 0 0 no-repeat; margin-bottom:5px; padding:65px 0 20px  40px;}
#masthead-news			{height:155px; background:url(../images/design/masthead-news.jpg) 0 0 no-repeat; margin-bottom:5px; padding:65px 0 20px  0;}
#masthead-resources		{height:155px; background:url(../images/design/masthead-resources.jpg) 0 0 no-repeat; margin-bottom:5px; padding:65px 0 20px  0;}
#masthead-contact		{height:155px; background:url(../images/design/masthead-contact.jpg) 0 0 no-repeat; margin-bottom:5px; padding:65px 0 20px  0;}

.maintitle				{font:60px/100% Arial, Helvetica, sans-serif; color:#125cab; letter-spacing:0px; text-transform:uppercase; padding-bottom:0px!important;}
.subtitle				{font:35px/100% Arial, Helvetica, sans-serif; color:#88bd5b; letter-spacing:0px; text-transform:uppercase;}
/*#masthead-inner	br		{ margin-bottom:-15px;}*/

#article				{display: inline;overflow: hidden;}
#article h1				{font:bold 16px/140% Arial, Helvetica, sans-serif; color:#125cab;}

#article p.intro 		{font:bold 18px/140% Arial, Helvetica, sans-serif; color:#125cab;}
#article p				{}
#article h4 			{text-transform:uppercase; color:#003668!important;}
#article h4 a			{text-transform:uppercase; color:#003668!important;}
#article img			{float:left; padding:0 2px 10px 0; }
.innerimg				{float:left; padding:10px 0 20px 0!important;}
/*#article li				{list-style:disc; color:#666666; font:normal 13px/140% Tahoma, Arial, Helvetica, sans-serif;}*/
#sidebar				{margin-top:30px;}
#sidebar p				{font:11px/140% Tahoma, Arial,Verdana; color:#333; margin-bottom:7px!important; margin-top:10px!important}
#sidebar h3				{text-transform:uppercase; font:16px/140% normal Arial, Helvetica, sans-serif;  margin-top:20px; margin-bottom:5px!important; background:none!important; padding-left:0!important;}
#sidebar h4				{text-transform:uppercase; font:16px/140% normal Arial, Helvetica, sans-serif; color:#125cab; margin-bottom:5px!important; background:none!important; padding-left:0!important;}
#sidebar ul				{list-style:none; margin:10px 0 20px 0; padding:0; border-top:1px solid #d6d6d6;}
#sidebar ul li			{margin-left:0; padding:8px 0 10px 0; border-bottom:1px solid #d6d6d6; font:14px/140% Tahoma, Arial,Verdana; text-indent:20px; color:#333; background:url(../images/design/bullet.png) 0 12px no-repeat;}
#sidebar ul li.child					{background:none;}

#sidebar ul	li ul		{list-style:none; margin:5px 0 5px 0; padding:0; border-top:none;}
#sidebar ul li ul li	{margin:2px 0; padding:2px 0 4px 0; border-bottom:none; font:13px/140% Tahoma, Arial,Verdana; text-indent:35px; color:#666666; background:none; height:17px; }
#sidebar ul li ul li a {color:#666666;}

.parent-selected		{background:url(../images/design/bullet-green.png) 0 3px no-repeat; color:#88bd5b; width:280px; display:block;}
.child-selected			{background:#efefef; padding:2px 0 4px 0; width:280px; display:block;}


/*products page*/
.productimg				{float:left; border:1px solid #d6d6d6; margin:0 15px 15px 0; padding:3px!important;}
#tab-area				{float:left; margin-top:40px; width:640px;}
.breadcrumb				{width:692px; height:20px; color:#666666; margin:0 0 10px 0;  font-size:10px;}
.breadcrumb a			{color:#999999;}
.breadcrumb ul			{list-style:none;}

.buckets-pad h3			{background:none; padding-left:0!important;}
#news .buckets-pad h3	{background:url(../images/design/rss.gif) 234px 2px no-repeat;}
#news .buckets-pad h3 a	{width:417px; height:20px; display:block;}


#product-list			{}
#product-list ul		{/*background:url(../images/design/product-li-bg.gif) 6px 25px no-repeat;*/ width:200px;}
#product-list ul li		{list-style:none; width:200px; height: 15px;  border-bottom:2px solid #d6d6d6; padding-bottom: 5px; margin-left:6px; margin-bottom: 10px; text-indent:6px;}
#product-list h4		{background:url(../images/design/product-header.gif) 0 -7px no-repeat; margin-top:20px!important; width:200px; height: 32px; font:normal 14px/140% Arial, Helvetica, sans-serif; color:#035dad!important;}
#product-list .left-col {float:left; width:280px; padding:5px; margin-left:20px;}
#product-list .right-col {float:right; width:280px; padding:5px; margin-left:20px;}

/*training calendar*/
#tc-table				{}
#tc-table th			{background:#999999; color:#fff; padding:5px 5px 5px 15px; margin:0; text-indent:0; text-align:left;}
#tc-table tr			{border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#tc-table td			{ padding:15px; margin:0; /*height:20px;*/}

/*sitemap*/
.ddsg-wrapper			{}
.ddsg-wrapper ul		{list-style:none!important;}
.ddsg-wrapper ul li 	{padding:5px; font-weight:bold;}
.ddsg-wrapper ul li ul	{border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding:10px;}
.ddsg-wrapper ul li ul li	{padding:5px; font-weight:normal;}
.ddsg-wrapper ul li ul li ul li	a{padding:5px; font-weight:normal; color:#666666;}

/*-- Robs Fantastic Form --*/
form 				{margin:0; padding:0; text-align:left;}
fieldset 			{width:198px; margin:5px;}
fieldset p			{background:#e8e5de;}
fieldset dl 		{background:#e8e5de; padding:1px;}
fieldset dt 		{float:left; width:150px; padding:1px;}
fieldset dd 		{margin:0; padding:1px;}
label 				{font-weight:normal;}
legend 				{font-size:13px; color:#666666; background:#e8e5de; margin:2px; padding:5px; border:solid 1px #ccc; font-weight:bold;}
input, textarea 	{border:1px solid #ccc; color:#999999; font-size:11px; padding:4px;}
.formfield			{width:130px;}
.checkydt			{width:140px;}
.checkyinput		{border:none!important;}
.required			{color:#222; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.mybutton			{width:100px; height:30px; padding:5px 10px 10px 10px;}
.mybutton2			{font-weight:bold; height:30px; padding:5px 5px 10px 5px; margin: 5px; background:#ccc; color:#222;}