/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
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, 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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
body {font-family:Verdana, Arial, sans-serif; font-size:70%; color:#2f2f2f; background:#dcdcdc; padding:20px 0px 0px 0px;}
p { padding-bottom:15px; line-height:15px;}
em { font-style:italic;}
strong { font-weight:bold;}
abbr { text-decoration:none; border:none;}
img {border:0px;}
a { color:#2f2f2f; font-weight:normal; text-decoration:underline;}
a:hover, a:focus { color:#b30001;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;}
#content ul, #content ol { padding:0px 0px 15px 0px;}
#content li { padding:0px 0px 5px 10px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;}
#content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; list-style:decimal outside; background:none;}
#content table { float:left; width:100%; margin:0px 0px 15px 0px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; text-align:left;}
#content table th, #content table td { padding:5px 5px 5px 5px; border-right:1px solid #e1e1e1;}
#content table th { color:#b30001; font-weight:bold; background:#f1f1f1; text-transform:capitalize;}
#content table td { border-top:1px solid #e1e1e1;}
legend { display:none;}
.fielderror { float:left; width:100%; padding:1px 0px 5px 18px; color:#ff0000; background:url('/_images/bullets/error.gif') no-repeat 0px 0px;}
input, select, textarea { font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;}
.checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
.checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;}
.accordian div { background:#fff;}
/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1 { font-size: 140%; color:#2f2f2f; font-weight:bold; padding:0px 0px 15px 0px; text-transform:uppercase; font-family:Arial, Verdana, sans-serif; letter-spacing:3px;}
h2 { font-size: 125%; color:#b30001; font-weight:bold; padding:0px 0px 15px 0px; text-transform:uppercase; font-family:Arial, Verdana, sans-serif; letter-spacing:1px;}
	#leftcol .subnav h2 a { float:left; width:190px; padding:20px 20px 10px 20px; color:#b30001; font-weight:bold; text-decoration:none; background:url('/_images/general/bg-subnav-top.gif') no-repeat top left;}
	#mainnav .latestnews h2 { color:#fff; padding:0px 0px 20px 0px;}
	#leftcol .focuson h2 { color:#505050;}
	#rightcol .casestudylinks h2 { margin:32px 0px 4px 0px; padding:6px 15px 5px 15px; color:#6c6c6c; background:#ebebeb;}
	#content ul.modulelist h2 { font-size:100%; font-weight:bold; color:#b30001; padding:0px 0px 5px 0px; font-family:Verdana, Arial, sans-serif; letter-spacing:0px; text-transform:none;}
	#content ul.modulelist h2 a { font-weight:bold; color:#b30001; text-decoration:none;}
	#content ul.modulelist h2 a:hover { text-decoration:underline;}
	#content ul.sitemap h2 a { color:#b30001; font-weight:bold;}
h3 { font-size: 100%; color:#b30001; font-weight:bold; padding:0px 0px 15px 0px;}

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/

#container { width:960px; text-align:left; margin-left:auto; margin-right:auto; padding:0px 5px 0px 5px; background:url('/_images/template/container.gif') repeat-y top left;}

#masthead { float:left; width:920px; padding:30px 20px 20px 20px; background:url('/_images/template/masthead.gif') repeat-x top left;}
	#masthead .workingwith { float:right; width:260px; padding:5px 0px 0px 0px; font-size:9px; color:#000; font-weight:bold; text-transform:uppercase;}
	#masthead .workingwith p { float:left; padding:15px 0px 0px 0px;}
	#masthead .workingwith ul { float:right; padding:0px 0px 0px 0px; height:45px; overflow:hidden;}

#pagecontent { float:left; width:950px; padding:0px 0px 20px 5px;}

#mainnav { float:left; width:950px; height:310px; padding:0px 0px 0px 0px; margin:0px 0px 15px 0px; background:#b30001;}
	
	#mainnav ul#nav { float:left; width:710px; padding:2px 0px 0px 0px;}
	#mainnav ul#nav li { position:relative; float:left; display:inline; padding:0px 0px 2px 2px; background:url('/_images/bullets/mainnav.gif') no-repeat 0px 0px;}
	#mainnav ul#nav .first { background:none;}
	#mainnav ul#nav img { float:left;}
	#mainnav ul#nav a { float:left; display:block; padding:8px 14px 7px 16px;}
	#mainnav ul#nav li:hover ul, #mainnav ul#nav li.sfhover ul { display:block;}

	#mainnav ul#nav li ul {  display:none; position:absolute; float:left; top:28px; left:0px; width:142px; background:url(/_images/general/navdropdown.png) bottom left no-repeat !important; background:url(/_images/general/navdropdown.gif) bottom left no-repeat; padding:10px 0px 0px 0px;}
		#mainnav ul#nav li ul li { float:left; width:125px; background:none; padding:0px 0px 10px 17px;}
		#mainnav ul#nav li ul li a { padding:0px 0px 0px 0px; float:none; color:#fff; text-decoration:none;}
			#mainnav ul#nav li ul li a:hover { color:#909090;}
		

	#mainnav fieldset { float:right; width:230px; padding:6px 0px 7px 10px; background:#2c2c2c;}
	#mainnav label { float:left; width:55px; padding:4px 0px 0px 0px;} 
	#mainnav .textfield { float:left; width:138px; height:15px; padding:2px 0px 0px 4px; background:url('/_images/template/mainnav-field.gif') no-repeat top left;} 
	#mainnav .textfield .volatile { float:left; width:134px; padding:0px 0px 0px 0px; background:none; border:none; color:#777777;} 
	#mainnav .formbutton { float:left; padding:0px 0px 0px 5px;} 

	#mainnav #mainflash { float:left; width:710px; height:280px; background:#fff;}
	#mainnav #mainflash img { float:left;}

	#latestNewscontainer { float:left; width:200px; height:120px; overflow:hidden; position:relative;}
	#latestNews p { padding:0px 0px 5px 0px; font-weight:bold;}
	#latestNews li { padding:0px 0px 20px 0px;}

	#mainnav .latestnews { position:relative; float:right; width:200px; padding:20px 20px 0px 20px; color:#fff;}
		/* #mainnav .latestnews dt { float:left; width:200px; padding:0px 0px 5px 0px; font-weight:bold;}
		#mainnav .latestnews dd { float:left; width:200px; padding:0px 0px 25px 0px;} */
		#mainnav .latestnews a { color:#fff; font-weight:normal; text-decoration:underline;}
			#mainnav .latestnews a:hover { color:#d78e8e; }
		#mainnav .latestnews .viewall { float:right; position:relative; top:35px; right:-15px;}
		#mainnav .latestnews .viewall img { width:119px; height:90px;}

#leftcol { float:left; width:230px;}
	#leftcol .focuson { float:left; width:190px; padding:53px 20px 10px 20px; margin:0px 0px 15px 0px; background:url('/_images/general/bg-hand.gif') no-repeat top left #efedf0;}
		#leftcol .focuson p { padding:0px 0px 10px 0px;}
		#leftcol .focuson a { padding:0px 0px 0px 10px; background:url('/_images/bullets/bullet-grey.gif') no-repeat 0px 5px;}
	
	#leftcol ul.awards { float:left; width:230px;}
	#leftcol ul.awards li { height:100px;}
	
	#leftcol .subnav { float:left; width:230px; margin:0px 0px 15px 0px; background:url('/_images/general/bg-subnav-foot.gif') no-repeat bottom left;}
		#leftcol .subnav ul { float:left; width:190px; padding:0px 20px 25px 20px;}
		#leftcol .subnav ul ul { float:left; width:170px; padding:10px 0px 5px 20px;}
		#leftcol .subnav li { float:left; width:190px; padding:6px 0px 6px 0px; border-top:1px solid #ececec;}
		#leftcol .subnav li li { width:165px; padding:6px 0px 6px 5px;}
		#leftcol .subnav li .first { border-top:none;}
		#leftcol .subnav li a { color:#b30001; text-decoration:none; padding:0px 0px 0px 10px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;}
		#leftcol .subnav li li a { color:#5e5e5e; text-decoration:none; padding:0px 0px 0px 0px; background:none;}
		#leftcol .subnav li a:hover { text-decoration:underline;}
		#leftcol .subnav li a.selected { font-weight:bold;}
		#leftcol .subnav li li a.selected { color:#b30001; font-weight:normal;}

ul.breadcrumb {float:left; width:450px; padding:5px 0px 5px 20px; margin:10px 0px 0px 0px; background:url('/_images/general/grey-line.gif') no-repeat top right;}
	ul.breadcrumb li { float:left; display:inline; padding:0px 6px 0px 0px; color:#9c9c9c;}
	ul.breadcrumb a { padding:0px 6px 0px 0px; font-weight:normal; color:#9c9c9c; background:url("/_images/bullets/breadcrumb.gif") no-repeat right;}

#content { float:left; width:450px; padding:20px 0px 0px 20px; background:url('/_images/general/grey-line.gif') no-repeat top right;}

#rightcol { float:right; width:230px;}
	#rightcol .casestudylinks { position:relative; float:left; width:230px;}
		#rightcol .casestudylinks ul { float:left; width:200px; padding:20px 15px 10px 15px; margin:0px 0px 5px 0px; background:#ebebeb;}
		#rightcol .casestudylinks li { float:left; width:200px; padding:0px 0px 12px 0px;}
		#rightcol .casestudylinks li a { padding:3px 0px 3px 20px; text-decoration:none; background:url("/_images/bullets/news.gif") no-repeat top left;}
		#rightcol .casestudylinks .magnifyingglass { position:absolute; top:10px; left:169px; width:66px; height:68px;}
		#rightcol .casestudylinks p { text-align:right; float:right;}
		#rightcol .casestudylinks p a { padding:0px 0px 0px 10px; background:url('/_images/bullets/bullet-grey.gif') no-repeat 0px 5px;}

/********************************************************************/
/*                            Footer tags                           */
/********************************************************************/

#footer { margin-left:auto; margin-right:auto; width:920px; padding:0px 25px 50px 25px; color:#b3b3b3; background:url('/_images/template/footer.gif') no-repeat top left;}
	#footer li { float:left; display:inline; padding:10px 0px 0px 0px;}
	#footer a { font-weight:normal; padding:0px 0px 0px 15px; color:#b3b3b3; background:url('/_images/bullets/footer.gif') no-repeat 7px 4px;}
	#footer .first { background:none;}
	#footer .redant, #footer .whiteclarke { float:right;}
	#footer .redant a, #footer .whiteclarke a { text-decoration:none; background:none;}
	#footer .whiteclarke { padding:7px 0px 0px 0px;}

/********************************************************************/
/*                        Page number tags                          */
/********************************************************************/
#content ul.pagenumbers  { float:left; width:100%;}
	#content ul.pagenumbers li { float:left; display:inline; padding:0px 0px 0px 0px; margin:0px 4px 0px 0px; border:1px solid #e1e1e1; text-align:center; background:none;}
	#content ul.pagenumbers a { display:block; width:20px; padding:3px 0px 3px 0px; text-decoration:none; font-weight:normal; background-color:#fff;}
	#content ul.pagenumbers a.selected , #content ul.pagenumbers a:hover { background:#f1f1f1;}
	#content ul.pagenumbers .tight a { letter-spacing:-3px;}

/********************************************************************/
/*                         Modulelist tags                          */
/********************************************************************/

#content ul.modulelist { float:left; width:450px; padding:0px 0px 20px 0px;}
#content ul.modulelist li { float:left; width:450px; padding:10px 0px 13px 0px; background:url('/_images/general/line-gradient.gif') repeat-x bottom;}
#content ul.modulelist p { padding:0px 0px 10px 0px;}

#content ul.newslist h2 a { float:left; width:355px; padding:2px 0px 5px 19px; background:url('/_images/bullets/news.gif') no-repeat 0px 0px;}
#content ul.newslist h2 span { float:left; width:70px; font-weight:normal; text-align:right; padding:2px 0px 5px 0px;}
#content ul.newslist p { float:left; width:450px; padding:0px 0px 10px 0px;}

#content ul.pressreleases h2 a { float:left; width:431px; padding:2px 0px 5px 19px; background:url('/_images/bullets/press-release.gif') no-repeat 0px 0px;}
#content ul.casestudies h2 a { float:left; width:428px; padding:2px 0px 5px 22px; background:url('/_images/bullets/case-studies.gif') no-repeat 0px 0px;}
a.pdf { padding:2px 0px 5px 19px; background:url('/_images/bullets/pdf.gif') no-repeat 0px 0px;}

.createddate { font-weight:bold; color:#b30001;}

.pageoptions { float:left; width:450px; padding:20px 0px 15px 0px; background:url('/_images/general/line-gradient.gif') repeat-x top;}

/********************************************************************/
/*                           Contact tags                           */
/********************************************************************/
.contact { float:left; width:450px; padding:15px 0px 15px 0px;}
.contact fieldset { float:left; width:398px; padding:30px 25px 30px 25px; margin:0px 0px 15px 0px; border:1px solid #d4d4d4;}
.contact legend { display:none;}
.contact label { float:left; color:#b30001; width:160px; padding:2px 0px 0px 0px; font-weight:normal;}
.contact .textfield, .contact select, .contact textarea { float:right; width:225px; padding:2px 4px 2px 4px; margin:0px 0px 10px 0px; border:1px solid #d4d4d4; font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif; color:#6e6e6e;}
.contact select { width:235px; padding:0px 0px 0px 0px; height:18px;}
.contact textarea { height:80px; overflow:auto;}
.contact .formbutton { float:right; padding:0px 0px 0px 0px;}

#content .contact .selectoptions { float:left; width:398px; padding:15px 0px 20px 0px; margin:10px 0px 0px 0px; background:url('/_images/general/line-gradient.gif') repeat-x top;}
#content .contact .selectoptions ul { float:left; width:398px; padding:0px 0px 10px 0px; background:url('/_images/general/line-gradient.gif') repeat-x bottom;}
#content .contact .selectoptions li { float:left; width:398px; padding:0px 0px 10px 0px; background:none;}
#content .contact .selectoptions li input { float:left;}
#content .contact .selectoptions li label { float:right; width:370px; padding:3px 0px 0px 0px;}

/********************************************************************/
/*                           Sitemap tags                           */
/********************************************************************/

#content ul.sitemap { float:left; width:450px;}
#content ul.sitemap a { text-decoration:none;}
#content ul.sitemap a:hover { text-decoration:underline;}
#content ul.sitemap li li li a { color:#6c6c6c;}
#content ul.sitemap li { float:left; width:450px; background:none; padding:0px 0px 5px 0px;}
#content ul.sitemap li ul { float:left; width:440px; padding:0px 0px 5px 10px;}
#content ul.sitemap li li { float:left; width:430px; padding:0px 0px 5px 10px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;}
#content ul.sitemap li li ul { float:left; width:430px; padding:5px 0px 0px 10px;}
#content ul.sitemap li li li { float:left; width:420px; padding:0px 0px 5px 10px; background:none;}
#content ul.sitemap h2 { float:left; width:450px; padding:13px 0px 7px 0px; background:url('/_images/general/line-gradient.gif') repeat-x top;}

/********************************************************************/
/*                             Misc tags                            */
/********************************************************************/

p.error { padding:15px 0px 15px 0px; border-top:1px solid #d4d4d4;}
.errortext { color:#b30001;}
#content table.nostyle { float:left; width:100%; margin:0px 0px 15px 0px; border:none; text-align:left;}
#content table.nostyle td { border:none; }

h1.pressreleasetitle {
	text-transform: capitalize;
}