/* 	Probrand Limited
   	Primary Stylesheet
   
   	23 November 2007, Aimee Holman for Icomm Technologies Limited
   	+44(0)121 248 7878 www.icomm.co.uk
   
   #434343 - main content text colour
   #000000 - right panel text colour
   #3074aa - Blue link colour
   #cf181f - The IT Index red text
  
*/

html,body, {
	height:100%; 
}

body {
	font: normal 12px/18px "segoe ui",arial,helvetica,verdana,sans-serif;
	color: #808080;
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;

}

a {
	color: #3074AA;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
 
h1 {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;	
	color: #434343;
	padding: 0px 0px 0px 20px;
	margin: 0px;
}
h2 {
	font-size: 17px;
	line-height: 24px;
	font-weight: bold;
	color: #434343;
	padding-top: 1px;
	margin-top: 0px;
}
h3 {
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	color: #434343;
}
h4 {
	font-size: 14px;
	line-height: normal;
	font-weight: normal;
	color: #434343;
	padding-bottom: 8px;
	margin-bottom: 0px; 
}

#container{
	width: 964px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin-top: 2px;
}

#topBanner {
	width: 964px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	height: 107px;
	/* Changes for 2911 */background: url(images/layout/home_topBanner_bg.gif) no-repeat top left;/* Changes for 2911 */
}

.home #topBanner {
	margin: 0px 0px 0px 0px;
}	

/* BUTTONS SEP 2010 */
#topBanner #left,
.home #contentContainerHeader #left {
	float: left;
}	

#topBanner #right,
.home #contentContainerHeader #right {
	float: right;
}	

img#salesLine {
	float: right;
	margin:37px 37px 0 0;
}

img#subscribe {
	float: right;
	margin:11px 15px 0 0;
}

img.diagram {
	margin-bottom:15px;
}

a img {
	border:none;
}


/* DIALOG POP UP */
#dialog,
#dialogOne,
#dialogTwo,
#dialogThree,
#dialogFour,
#dialogFive {
	max-height:550px;
	background:#FFFFFF;
}
.ui-widget {
	font: normal 8pt/14pt lucida sans unicode,arial,helvetica,verdana,sans-serif;
	color: #808080;
} 
.ui-widget h1 {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;	
	color: #434343;
}
.ui-widget h2 {
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	color: #434343;
	padding-top: 1px;
	margin-top: 0px;
}
.ui-widget h3 {
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	color: #434343;
}
.ui-widget h4 {
	font-size: 14px;
	line-height: normal;
	font-weight: normal;
	color: #434343;
	padding-bottom: 8px;
	margin-bottom: 0px; 
}
.ui-widget a {
	color:#3074AA;
	text-decoration:underline;
}
.ui-widget a:hover {
	text-decoration:none;
}
.ui-widget-overlay {
	background: url(images/layout/dialog_overlay_bg.gif) repeat-x scroll 50% 50% #000000;
	opacity: 0.6;
	left:0;
	position:absolute;
	top:0;
}

.ui-widget-content {
	background: #FFFFFF;
}

.ui-dialog .ui-dialog-content {
	padding:20px;
}

.ui-widget-header {
	background:url(images/dialog_header_blue_bg.png) repeat-x scroll 50% 50% #276ca3;
	border:1px solid #276ca3;
	color:#FFFFFF;
	font-weight:bold;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image:url(images/layout/ui-icons_276ca3_256x240.png);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background:url(images/dialog_header_icon_bg.png) repeat-x scroll 50% 50% #edeff8;
	border:1px solid #067fdf;
	color:#276ca3;
	font-weight:bold;

}

/*VIDEO SPANS - THUMBS*/
span.videoThumb p {
	margin:140px 0 0 0;
	padding:5px;
}
span.videoThumb:hover {
	cursor:pointer;
	text-decoration:none;
}
span.gcexpoVideo:hover {
	background: url(images/layout/vid_gcexpo_hov.jpg) no-repeat top left;
}
span.historyOneVideo:hover {
	background: url(images/layout/vid_hist1_hov.jpg) no-repeat top left;
}
span.historyTwoVideo:hover {
	background: url(images/layout/vid_hist2_hov.jpg) no-repeat top left;
}
span.historyThreeVideo:hover {
	background: url(images/layout/vid_hist3_hov.jpg) no-repeat top left;
}
span.videoThumb {
	float:left;
	margin: 0px 30px 20px 0;
	padding: 0;
	width: 250px;
	height: 170px;
}
span.videoThumb  {
	text-decoration:underline;
}
span.corpVideo {
	background: url(images/layout/vid_corp.jpg) no-repeat top left;
}
span.gcexpoVideo {
	background: url(images/layout/vid_gcexpo.jpg) no-repeat top left;
}
span.qaHighlightsVideo {
	background: url(images/layout/vid_qaHighlights.jpg) no-repeat top left;
}
span.qaInnovateToGrow {
	background: url(images/layout/vid_qaInnovateToGrow.jpg) no-repeat top left;
}
span.historyOneVideo {
	background: url(images/layout/vid_hist1.jpg) no-repeat top left;
}
span.historyTwoVideo {
	background: url(images/layout/vid_hist2.jpg) no-repeat top left;
}
span.historyThreeVideo {
	background: url(images/layout/vid_hist3.jpg) no-repeat top left;
}

/*SPANS - BUTTONS*/
span#buyOnline {
	background: url(images/layout/buy_online.gif) no-repeat top left;
	float: right;
	margin: 35px 30px 0 0;
	padding: 0;
	width: 143px;
	height: 35px;
}
span#subscribeNewsletter {
	background: url(images/layout/sub_newsletter.gif) no-repeat top left;
	float: right;
	margin: 0 30px 0 0;
	padding: 0;
	width: 115px;
	height: 35px;
}
span#subscribeHotdeals {
	background: url(images/layout/sub_hotdeals.gif) no-repeat top left;
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	width: 136px;
	height: 35px;
}
span#visitDGIT {
	background: url(images/layout/visit_dgit.gif) no-repeat top left;
	float: right;
	margin: 0 0 0 20px;
	padding: 0;
	width: 260px;
	height: 35px;
}
span.icommButton {
	float: left;
	margin: 0 17px 15px 0;
	padding: 0;
	width: 160px;
	height: 35px;
}
span.topRowButton {
	margin-top:20px;
}
span.serviceButton {
	background: url(images/layout/but_service.gif) no-repeat top left;
}
span.supportButton {
	background: url(images/layout/but_support.gif) no-repeat top left;
}
span.solutionsButton {
	background: url(images/layout/but_solutions.gif) no-repeat top left;
}
span.storageButton {
	background: url(images/layout/but_storage.gif) no-repeat top left;
}
span.serversButton {
	background: url(images/layout/but_servers.gif) no-repeat top left;
}
span.virtualisationButton {
	background: url(images/layout/but_virtualisation.gif) no-repeat top left;
}
span.securityButton {
	background: url(images/layout/but_security.gif) no-repeat top left;
}
span#buyOnline p,
span#subscribeNewsletter p,
span#subscribeHotdeals p,
span#visitDGIT p,
span#visitPSA p,
span#buildx3630M3 p,
span.icommButton p {
	visibility: hidden;
}
span.icommButton:hover {
	cursor:pointer;
}
span.serviceButton:hover {
	background: url(images/layout/but_service_hov.gif) no-repeat top left;
}
span.supportButton:hover {
	background: url(images/layout/but_support_hov.gif) no-repeat top left;
}
span.solutionsButton:hover {
	background: url(images/layout/but_solutions_hov.gif) no-repeat top left;
}
span.storageButton:hover {
	background: url(images/layout/but_storage_hov.gif) no-repeat top left;
}
span.serversButton:hover {
	background: url(images/layout/but_servers_hov.gif) no-repeat top left;
}
span.virtualisationButton:hover {
	background: url(images/layout/but_virtualisation_hov.gif) no-repeat top left;
}
span.securityButton:hover {
	background: url(images/layout/but_security_hov.gif) no-repeat top left;
}
span#buyOnline:hover {
	background: url(images/layout/buy_online_hov.gif) no-repeat top left;
	cursor:pointer;
}

span#subscribeNewsletter:hover {
	background: url(images/layout/sub_newsletter_hov.gif) no-repeat top left;
	cursor:pointer;
}

span#subscribeHotdeals:hover {
	background: url(images/layout/sub_hotdeals_hov.gif) no-repeat top left;
	cursor:pointer;
}

span#visitDGIT:hover {
	background: url(images/layout/visit_dgit_hov.gif) no-repeat top left;
	cursor:pointer;
}

span#visitPSA:hover {
	background: url(images/layout/visit_psa_hov.gif) no-repeat top left;
	cursor:pointer;
}

span#buildx3630M3:hover {
	background: url(images/layout/build_x3630M3_hov.gif) no-repeat top left;
	cursor:pointer;
}
/* BUTTONS SEP 2010 End */

#heading {
	 background: url(images/layout/heading-bg.gif) no-repeat top left;
	 width: 964px;
	 height: 86px;
	 margin: 0px 0px 0px 0px;
	 overflow: hidden;
	 padding: 0px 0px 0px 0px;
	 position: relative;
}
.banners
{
	height: 230px;
	left: -964px;
	position: absolute;
	width: 964px;
}

/*Contains H1 and Subscribe to newsletter button on homepage*/
#contentContainerHeader {
	background: url(images/layout/heading-bg-reverse.gif) no-repeat top left;
	width: 964px;
	height: 75px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#contentContainerHeader h1 {
	width: 500px;
	margin: 30px 0 0 0;
}

/*Contains H1 and Subscribe to newsletter button on homepage*/
.home #heading {
	 height: 205px;
	 border-bottom: 1px solid #cfcfcf;
	 margin-bottom: 20px;
	 background: none;
}

#subLeft {
	background: url(images/layout/subNav/subnav-left-side.gif) no-repeat top left;
	float: left;
	width: 11px;
	height: 26px;
	margin: 26px 0px 0px 0px;
}
#subNav {
	float: left;
	padding: 0px;
	margin: 26px 0px 0px 0px;
}
#subNav ul {
	background: url(images/layout/subNav/subNav-bg.gif) repeat-x top left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
#subNav ul li {
	background: url(images/layout/subNav/subNav-left.gif) no-repeat top left;
	height: 26px;
	display: inline;
	float: left;
	padding: 0px 0px 0px 9px;
	margin: 0px;
}
#subNav ul li a {
	background: url(images/layout/subNav/subNav-right.gif) no-repeat top right;
	display: block;
	float: left;
	list-style: none;
	text-decoration: none;
	height: 23px;
	color: #ffffff;
	border-right: 1px solid #ffffff;
	padding: 3px 9px 0px 0px;
	margin: 0px;
}
#subNav ul li a.lastNav {
	background: url(images/layout/subNav/subNav-right.gif) no-repeat top right;
	display: block;
	float: left;
	list-style: none;
	text-decoration: none;
	height: 23px;
	color: #ffffff;
	border-right: none;
	padding: 3px 9px 0px 0px;
	margin: 0px
}
#subNav ul li a:hover {
	text-decoration: underline;
}
#subNav ul li.current_left {
	background: url(images/layout/subNav/subNav-current-left.gif) no-repeat top left;
	height: 26px;
	width: 9px;
	display: inline;
	float: left;
	border: none;
	padding: 0px;
	margin: 0px;
}
#subNav ul li.current {
	background: url(images/layout/subNav/subNav-current-bg.gif) repeat-x top left;	
	padding: 3px 0px 0px 0px;
	margin: 0px;
}
#subNav ul li.current_right {
	background: url(images/layout/subNav/subNav-current-right.gif) no-repeat top left;
	height: 26px;
	width: 9px;
	display: inline;
	float: left;
	border-right: 1px solid #ffffff;
	padding: 0px;
	margin: 0px;
}
#subNav ul li.current_right_last {
	background: url(images/layout/subNav/subNav-current-right.gif) no-repeat top left;
	height: 26px;
	width: 9px;
	display: inline;
	float: left;
	border-right: none;
	padding: 0px;
	margin: 0px;
}
#subNav ul li.current a {
	background: none;
	color: #3074aa;
	height: 26px;
	border-right: none;
	padding: 0px;
	margin: 0px
}
#subRight {
	background: url(images/layout/subNav/subnav-right-side.gif) no-repeat top left;
	float: left;
	width: 12px;
	height: 26px;
	margin: 26px 0px 0px 0px;
}

/*	compatibility fixes for partial transfer of site in to ASP, with other parts using old structure
	temporary fix until site replacement */
	#subNav li.compatibilityTab
	{
		background: none;
		padding: 0;
	}
	#subNav li.compatibilityTab a
	{
		background: url(images/layout/subNav/subNav-left.gif) no-repeat top left;
		display: inline-block;
		height: 26px;
		padding: 0;
		margin: 0;
		font-weight: bold;
		font-size: 11px;
		color: #dfdfdf;
	}
	#subNav li.compatibilityTab a:hover
	{
		color: #fff;
	}
	#subNav li.compatibilityTab span
	{
		background: url(images/layout/subNav/subNav-right.gif) no-repeat top right;
		display: inline-block;
		height: 26px;
		padding: 3px 9px 0;
		margin: 0;
	}
	body.servicesDatabaseDevelopmentHome #subNav #subNavServicesDatabaseDevelopmentHome,
	body.servicesItConsultancy #subNav #subNavServicesItConsultancy,
	body.servicesItHealthCheck #subNav #subNavServicesITHealthCheck,
	body.servicesDataSecurity #subNav #subNavServicesDataSecurity
	{
		background: url(images/layout/subNav/subNav-current-bg.gif) repeat-x top left;
	}
	body.servicesDatabaseDevelopmentHome #subNav #subNavServicesDatabaseDevelopmentHome a,
	body.servicesItConsultancy #subNav #subNavServicesItConsultancy a,
	body.servicesItHealthCheck #subNav #subNavServicesITHealthCheck a,
	body.servicesDataSecurity #subNav #subNavServicesDataSecurity a
	{
		background: url(images/layout/subNav/subNav-current-left.gif) no-repeat top left;
		color: #929292;
		cursor: default;
	}
	body.servicesDatabaseDevelopmentHome #subNav #subNavServicesDatabaseDevelopmentHome span,
	body.servicesItConsultancy #subNav #subNavServicesItConsultancy span,
	body.servicesItHealthCheck #subNav #subNavServicesITHealthCheck span,
	body.servicesDataSecurity #subNav #subNavServicesDataSecurity span
	{
		background: url(images/layout/subNav/subNav-current-right.gif) no-repeat top right;
	}
	

#contentContainer {
	background-color: #fafafa;
	width: 964px;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}
#content {
	width: 602px;
	float: left;
	border-right: 1px solid #cfcfcf;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 25px 0px;
}
#leftColumn {
	width: 520px;
	float: left;
	border-right: 1px solid #E5E5E5;
	padding: 0px 30px 0px 0px;
	margin: 0px 0px 25px 20px;
}

#leftColumn h1 {
	padding: 0px;
	margin: 15px 0 17px 0;
}

#leftColumn #accredLogos,
#content #accredLogos,
#contentArticles #accredLogos {
	margin: 30px 0 25px 0;
}

#leftColumn #accredLogos img,
#content #accredLogos img,
#contentArticles #accredLogos img {
	border-style: none;
}

#leftColumn img.accredLogo,
#content img.accredLogo,
#contentArticles img.accredLogo {
	margin: 30px 30px 0 0;
}
#leftColumn img.accredLogoTop,
#content img.accredLogoTop,
#contentArticles img.accredLogoTop {
	margin-top: 0;
}

#leftColumn .leftColumnSplit {
	width: 245px;
	float: left;
	margin: 0;
	padding: 0;
}

#leftColumn .leftColumnSplitLeft {
	margin: 0px 30px 0px 0px;
}

#contentArticles {
	width: 602px;
	float: left;
	border-right: 1px solid #cfcfcf;
	padding: 0px 20px 20px 20px;
	margin: 16px 0px 0px 0px;
}
#vendorLogos {
	background: #ffffff;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	padding: 15px 0px 15px 0px;
	margin: 10px 0px 0px 0px;
}
#accreditations {
	background: #fafafa;
/*	border-bottom: 1px solid #cfcfcf;*/
	padding: 0;
	text-align: center;
}
#accreditations a {
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#accreditations img {
	margin: 0 10px 0 10px;
}

/**
	.psaFeaturedProduct classes are used by the demo page, /psat-demo.htm
**/
.psaFeaturedProduct {
	margin-top: 12px;
	padding: 12px 15px 15px;
	border: 1px solid #E5E5E5;
	background-color: #fff;
	overflow: hidden;
}
.psaFeaturedProduct h2 
{
	color: #da3424;
}
.psaFeaturedProduct p
{
	color: #333;
}
span#buildx3630M3 {
	background: url(images/layout/build_x3630M3.gif) no-repeat top left;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	width: 234px;
	height: 35px;
}
span#visitPSA {
	background: url(images/layout/visit_psa.gif) no-repeat top left;
	float: right;
	margin: 0 9px 20px 0;
	padding: 0;
	width: 273px;
	height: 35px;
}

.psa
{
	overflow: hidden;
	padding-bottom: 10px;
}
.psaLogo {
	margin: 2px 0 0;
	padding-top: 16px;
}


.dgit {
	padding-top: 20px;
	border-top: 1px solid #E5E5E5;
}

.visionCharityEvent
{
	margin-top: 20px;
	border-top: 1px solid #e5e5e5;
	padding-top: 20px;
	overflow: hidden;
}
.visionCharityEvent .aboutVision
{
	width: 170px;
	float: right;
	text-align: center;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	padding: 20px 0;
}
.visionCharityEvent ul
{
	width: 320px;
	float: left;
}



/*dgit {*/
	/*border-bottom: 1px solid #cfcfcf;*/
	/*line-height: 12pt;
	margin: 0px;
	padding: 15px 0px 10px 0px;
}
#dgit .dgit_logo {
	margin: 14px 0 10px;
}*/

#footer {
	line-height: 12pt;
	width: 502px;
	padding: 25px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #fafafa;
}
#rightColumn {
	width: 321px;
	float: left;
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 25px 0px;
}

#rightColumn a {
	color:#3074AA;
}

.home #rightColumn {
	width: 343px;
	float: left;
	color: #000000;
	padding: 0px;
	margin: 0px 0px 0px 30px;
}
#articles {
	padding: 0px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
}
#listLinks {
	padding: 0px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
}
#itxContainer {
	width: 421px;
	background: #ffffff;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #cfcfcf;
}
#theitindex {
	width: 185px;
	float: left;
	padding: 17px 0px 0px 20px;
	margin: 0px;
}
#theitindexGov {
	width: 204px;
	float: left;
	padding: 17px 0px 0px 5px;
	margin: 0px;
}
#hp {
	width: 421px;
	float: left;
	padding: 5px 0px 20px 20px;
	margin: 0px;
}

.articleNote {
	font-size: 10px;
	line-height: 12px;
	color: #3074aa;
}
.highlighted {
	color: #3074aa;
}



/* LISTS */
ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ul.articlesList li {
	background: url(images/layout/bullet.gif) top left no-repeat;
	list-style: none;
	padding: 0px 0px 12px 18px;
	margin: 0px 0px 0px 0px;
}
ul.articlesList li h3
{
	font-size: 13px;
	line-height: normal;
	font-weight: bold;
}
ul.articlesList li .caption
{
	text-align: right;
	margin-left: 80px;
	margin-bottom: 25px;
}
dl {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
dd {
	padding: 0px 0px 15px 10px;
	margin: 0px 0px 0px 0px;
}
ul li {
	background: url(images/layout/bullet.gif) top left no-repeat;
	list-style: none;
	padding: 0px 0px 12px 18px;
	margin: 0px 0px 0px 0px;
}
li a {
	color: #3074aa;
	text-decoration: underline;
}
li a:hover {
	text-decoration: none;
}
#listLinks li {
	padding: 0px 0px 2px 18px;
	margin: 0px 0px 0px 0px;
}
.validation ul {
	padding: 0px 0px 20px 20px;
	margin: 0px 0px 0px 0px;
}
.validation li {
	background: url(images/layout/starBullet.gif) top left no-repeat;
	list-style: none;
	color: #cf181f;
	padding: 0px 0px 2px 17px;
	margin: 0px 0px 0px 0px;
}
.sitemap li {
	background: none;
	list-style: none;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
.sitemap li ul {
	padding: 0px 0px 5px 20px;
	margin: 0px 0px 0px 0px;
}

.articleCategory{
	color: #7e7b7b;
	padding-right: 5px;
}

#articles ul {
	margin-bottom: 20px;
}

#articles .inThePress a {
	font-weight: normal;
	}
	
span.inThePressFeature {
	color: #3d3d3d;
	font-weight: normal;
	}
	
#articles #allArticlesList a {
	font-weight: normal;
}

#articles #allArticlesList li {
	background-image: none;
	display: inline;
	padding: 0 10px 0 0;
}

/* PARAGRAPH STYLES */
p {
	padding-top: 0px;
	margin-top: 0px;
}
#articles p {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}

#theitindex p.itx {
	font-size: 14px;
	line-height: 18px;
	color: #cf181f;
	padding: 20px 0px 0px 0px;
}
#theitindexGov p.itxGov {
	font-size: 14px;
	line-height: 18px;
	color: #004079;
	padding: 20px 0px 0px 0px;
}

#theitindex p, #theitindexGov p {
	font-size: 12px;
	line-height: 18px;
	padding: 0px 0px 30px 0px;
	margin: 0px;
}




/* LINK STYLES */
a.blueLink {
	color: #3074aa;
	text-decoration: underline;
}
#footer p.links a, #articles a {
	color: #3074aa;
	text-decoration: underline;
}

#articles ul a {
	font-weight: bold;
	margin-bottom: 25px;
}

#itxContainer a {
	color: #000000;
	text-decoration: underline;
}
#articles a:hover, #footer p.links a:hover, #itxContainer a:hover {
	text-decoration: none;
}


/* CONTACT ADDRESS STYLES */
#address {
	width: 450px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}
#addressOne {
	width: 225px;
	float: left;
}
#addressTwo {
	width: 225px;
	float: left;
}

/* IMAGES */
#footer img {
	padding: 25px 20px 25px 0px;
	margin: 0px;
}
.icons {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

.inlineImage {
float: left;
padding: 0 15px 10px 0;	
}

#articles img {
	float: left;
	margin: 0 5px 0 0;
}

.inlineThumb {
	float: left;
	width: 290px;
	margin-bottom: 12px;
}
.inlineThumb img {
	margin-bottom: 8px;
}
.inlineThumb .caption {
	text-align: left;
	padding-right: 20px;
}



/* NAVIGATION */

body.home #nav a#navHome, 
body.articles #nav a#navArticles, 
body.company #nav a#navCompany, 
body.careers #nav a#navCareers, 
body.theitindex #nav a#navTheitindex, 
body.contact #nav a#navContact, 
body.thoughtLeadership #nav a#navThoughtLeadership, 
body.products #nav a#navProducts, 
body.serviceSupportSolutions #nav a#navServiceSupportSolutions, 
body.customers #nav a#navCustomers, 
body.technology #nav a#navTechnology {
	font-weight: bold;
}

#nav {
	background: url(images/layout/nav-bg.gif) no-repeat top left;
	width: 952px;
	height: 18px;
	font-size: 12px;
	line-height: 19px;
	color: #ffffff;
	padding: 0 0 12px 12px;
	margin: 0px;
}

#nav li
{
	background: url('images/layout/navSeparator.gif') no-repeat;
	background-position: 0 9px;
	color: #ffffff;
	float: left;
	margin: 0;
	padding: 5px 0;
	position: relative;
	text-decoration: none;
}

#nav li.first
{
	background: none;
}

#nav li.first a
{
	padding-left: 0;
}

#nav li a
{
	background: none;
	color: #ffffff;
	display: block;
	margin: 0 6px;
	padding: 0 5px;
	text-decoration: none;
}

.navPopup
{	
	/*background: url('images/layout/navPopupBackgroundLeft.png') top left no-repeat !important;*/
	height: 90px;
	left: 6px;
	position: absolute;
	top: 28px;
	z-index: 99;
}

.navPopupInner
{
	/*background: url('images/layout/navPopupBackgroundRight.png') top right no-repeat;*/
	height: 92px;
	position: relative;
}

#nav li ul
{
	background: #fff;
	border: solid #3275ab;
	border-width: 0 2px 2px;
	height: 90px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 347px;
}

#nav li ul li.first
{
	border: none;
}

#nav li ul li
{
	background: none;
	border-left: 1px solid #cfcfcf;
	margin: 0;
	display: block;
	height: 90px;
	padding: 0;
	float: left;
	width: 115px;
}

#nav li ul li a
{
	background: none !important;
	color: #3074aa !important;
	display: block;
	margin: 0;
	padding: 0;
}

#nav li ul li:hover
{
	background: #daeaf7;
}

.navIcon
{
	margin: 0 auto;
	padding: 17px 0 6px;
	width: 25px;
}

.navIcon img
{
	border: 0;
}

.navText
{
	font-size: 11px;
	line-height: 1.1;
	padding: 0 0 17px 0;
	text-align: center;
}

.navText a
{
	color: #434343;
}

.navSubText
{
	color: #6aaade;
	font-size: 10px;
}


/* FORMS */
form {
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.row {
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

label, .label {
	float: left;
	display: block;
	width: 50px;
	text-align: left;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

input {
	font: normal 8pt/14pt lucida sans unicode,arial,helvetica,verdana,sans-serif;
}
 
.textbox {
	float: left;
	display: block;
	width: 280px;
	font: normal 8pt/14pt lucida sans unicode,arial,helvetica,verdana,sans-serif;
	color: #3074aa;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

.button {
	padding: 0px 0px 0px 0px;
	margin: 5px 151px 5px 0px;
}

.standOutText {
	color: #e50000;
}

.reallyStandOut {
	color: #e50000;
	font-weight: bold;
}

.standOutText a {
	color: #3074aa;
	font-weight: bold;
}

	
.standOutMedia {
	color: #e50000;
	font-size: 13px;
}

.standOutMedia a {
	color: #3074aa;
	font-weight: bold;
}

/*  CUSTOMER SURVEY FROM */
form.customer_survey {
	background: #ffffff;
	width: 430px;
	border-bottom: 1px solid #cfcfcf;
	padding: 0px 0px 28px 0px;
	margin: 0px 0px 60px 0px;
}
.form_header {
	background: url(images/layout/table-header.gif) no-repeat top left;
	width: 430px;
	height: 58px;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;	
	color: #ffffff;
	padding: 5px 0px 0px 14px;
	margin: 0px;
}
.survey_first_q {
	width: 391px;
	padding: 0px 26px 14px 14px;
	margin: 0px;	
}
.survey_q {
	width: 391px;
	font: normal 8pt/10pt lucida sans unicode,arial,helvetica,verdana,sans-serif;
	border-top: 1px solid #cfcfcf;
	padding: 14px 26px 14px 14px;
	margin: 0px;	
}
.survey_textbox {
	float: left;
	display: block;
	width: 398px;
	font: normal 8pt/14pt lucida sans unicode,arial,helvetica,verdana,sans-serif;
	color: #3074aa;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 14px 26px;
}
.survey_textarea {
	width: 373px;
	font: normal 8pt/14pt lucida sans unicode,arial,helvetica,verdana,sans-serif;
	color: #3074aa;
}
.survey_radio {
	padding: 0px 0px 14px 26px;
	margin: 0px;
}
.survey_button {
	padding: 0px 0px 0px 0px;
	margin: 0px 25px 5px 0px;
}
.survey_q label {
	float: left;
	display: block;
	width: 87px;
	text-align: left;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

/* SERVICE REQUIREMENTS FORM */
#services_form label {
	width: 150px;
}
#services_form .wide_label {
	width: 475px;
}
#services_form .row {
	padding: 4px 0;
}
#services_form .button {
	margin: 5px 50px 5px 0px;
}

/* SPEACIAL OFFERS */
#spacer{
	float: left;
	width: 20px;
	height: 331px;
}
.specialOffer {
	float: left;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	width: 240px;
}
.spSubContainer {
	background: url(images/layout/spContainer-bg2.gif) repeat-y;
	padding: 0px 5px 5px 5px;
}

.spContent {
	background-color: #ffffff;
	text-transform: capitalize;
	padding-bottom: 10px;
	width: 230px;
	height: 271px;
}
.spContent h2 {
	font: bold 16px/20px tahoma,"segoe ui",arial,helvetica,verdana,sans-serif;
	color: #e50000;
	margin: 0px;
	padding: 10px 10px 0px 10px;
}
.spContent p {
	font-size: 8.5pt;
	margin: 0;
	padding: 6px 10px 10px 10px;
}
.productImage {
	padding: 0px 0px 0px 15px;
}



/*	QUOTE BLOCK */
.quote {
	background: url(images/layout/opening-quote.gif) top left no-repeat;
	padding: 12px 0px 0px 0px;
	margin: 5px 20px 20px 20px;
}
.quote p {
	color: #3074aa;
	padding: 12px 0px 2px;
	margin: 0px 20px 0px 20px;
}
.quote .firstWord {
	padding-left: 15px;
}
.quote .credit {
	background: url(images/layout/closing-quote.gif) top right no-repeat;
	color: #434343;
	padding-top: 8px;
	padding-bottom: 10px;
}


/* Screen Shots */
.screenShot {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.screen_image {
	float: left;
	padding: 10px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}
.screen_content {
	float: left;
	padding: 6px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#callToAction {
	font-size: 12pt;
	line-height: 16pt;
	color: #3074aa;
	border-top: 1px solid #3074aa;
	border-bottom: 1px solid #3074aa;
	padding: 14px 0px 14px 0px;
	margin: 40px 0px 10px 0px;
}
#callToAction a {
	color: #3074aa;
}

.clear{
	clear: both;
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 0px;
	min-height: 0px;
}

.strikeThrough {
text-decoration: line-through;
}

/*--------NEW HOMEPAGE------*/

.bannerListNavigation
{
	left: 20px;
	position: absolute;
	top: 170px;
	z-index:30;
}

.bannersList{
	position: absolute;
	top: 0; left: 0;
}

.bannerListItem
{
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

.bannersListItem
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float:left;
	width:964px;
}

.headerBanner {
	width: 964px;
	color: #FFFFFF;
	padding: 0;
	margin-bottom: 0;
	background-color: #ffffff;
}

.headerBanner * {
	margin: 0;
	padding: 0;
	border: none;
}

.headerBanner .itemBlock
{
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}

/* Banner Image Text Overlay */
.headerBanner .bannerText{
	position:absolute;
	top:0;
	/*left:0;*/
	z-index:20;
	overflow:hidden;
}

.headerBanner .bannerText img{
	position:relative;
	left:-346px;
	display:none;
}


.bannerListNavigation{
	height: 25px;
}

.bannerListNavigation li {
	background: none;
	display: inline;
}

.bannerListNavigation li span a
{
	background: url(images/layout/headerBanner_dot.png) left center no-repeat;
}

.bannerListNavigation li.current span a
{
	background: url(images/layout/headerBanner_dotAct.png) left center no-repeat;
}

.bannerListNavigation li span a:hover
{
	background: url(images/layout/headerBanner_dotAct.png) left center no-repeat;
}

.bannerListNavigation li span a
{
	float: left;
	width: 11px;
	height: 12px;
	margin: 8px 4px 0 0;
	position: relative;
}


/*----LM AMENDMENTS NOVEMBER 09----*/

/*----RECENT ARTICLES ON HOMEPAGE----*/

/*
.articlesTabs 
{
	height: 29px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 1;
}

.articlesTabs ul 
{
	line-height: 29px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	font-size: 13px;
}

.articlesTabs li
{
	display: inline;
	background: #275e89 url(images/layout/articleTabBg.jpg) left top repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #3074aa;
	border-right: 1px solid #3f7eb0;
	border-left: 1px solid #0b4c80;
	float: left;
}

.articlesTabs li a
{
		text-decoration: none;
		padding: 9px 13px;
		color: #ffffff
}

.articlesTabs li a:hover
{
		text-decoration: underline;
		color: #d7e4ee;
}

.articlesTabs li.current
{
	background-color: #ffffff;
	background-image: none;
	color: #3074aa;
	border-bottom: none;
	border-top: 1px solid #cfcfcf;
	border-color: #cfcfcf;
}

.articlesTabs li.current a
{
	color: #3074aa;
}

*/

/* NEWS BOX and BLOG BOX */
.newsBox,
.blogBox {	
	position: relative;
	width: 327px;
	border: 1px solid #cfcfcf;
	z-index: 2;
	padding-bottom: 10px;
	background-color: #ffffff;
	margin: 0 0 20px 5px;
	padding: 0;
}

.newsBox .newsBoxTitle,
.blogBox .blogBoxTitle {	
	position: relative;
	width: 327px;
	height:35px;
	/*border-bottom: 1px solid #cfcfcf;*/
	z-index: 1;
	background-color: #ffffff;
}

.newsBox .newsBoxTitle h3,
.blogBox .blogBoxTitle h3{	
	margin:0;
	padding:12px 0 0 20px;
	float:left;
	display:inline;
	line-height:normal;
}

.newsBox .newsBoxTitle a span.newsFeed,
.blogBox .blogBoxTitle a span.twitFeed,
.blogBoxLarge .blogBoxLargeTitle a span.twitFeed {	
	margin: 8px 8px 0 10px;
	height: 29px;
	width: 29px;
	float:right;
	display:inline;
}

.newsBox .newsBoxTitle a span.newsFeed {	
	background:url(images/layout/rssFeed.gif) top right no-repeat;
}

.blogBox .blogBoxTitle a span.twitFeed,
.blogBoxLarge .blogBoxLargeTitle a span.twitFeed {	
	background:url(images/layout/twit_icon.gif) top right no-repeat;
}

.newsBox .newsBoxTitle a span.newsFeed:hover {	
	background:url(images/layout/rssFeed_hov.gif) top right no-repeat;
	cursor: pointer;
}

.blogBox .blogBoxTitle a span.twitFeed:hover,
.blogBoxLarge .blogBoxLargeTitle a span.twitFeed:hover {	
	background:url(images/layout/twit_icon_hov.gif) top right no-repeat;
	cursor: pointer;
}

.newsBox .newsBoxTitle a span.newsFeed p,
.blogBox .blogBoxTitle a span.twitFeed p, 
.twitterFeedBoxSmall .twitterFeedBoxTitle a span.twitFeed p,
.blogBoxLarge .blogBoxLargeTitle a span.twitFeed p {	
	visibility: hidden;
}

.newsBox .newsBoxFooter,
.blogBox .blogBoxFooter {	
	position: relative;
	width: 327px;
	height:22px;
	/*border-top: 1px solid #cfcfcf;*/
	z-index: 1;
	background-color: #ffffff;
}

.newsBox .newsBoxFooter a,
.blogBox .blogBoxFooter a,
.twitterFeedBoxSmall .twitterFeedBoxFooter a,
.blogBoxLarge .blogBoxLargeFooter a {	
	padding:0 8px 3px 20px;
	text-align:right;
	color:#3074AA;
	float:right;
	display:inline;
}

.newsBox ul,
.blogBox ul,
.blogBoxLarge ul, 
.twitterFeedBoxSmall ul {	
	padding: 15px 20px 0 20px;
}

.newsBox li,
.blogBox li,
.blogBoxLarge li,
.twitterFeedBoxSmall li {	
	list-style-type:none;
	padding-bottom: 8px;
}

.newsBox li.last {	
	padding-bottom: 0;
}

.blogBox li.last {	
	padding-bottom: 10px;
}


.newsBox ul a,
.blogBox ul a,
.blogBoxLarge ul a,
.twitterFeedBoxSmall ul a {
	text-decoration: none;
}

.newsBox ul a:hover,
.blogBox ul a:hover,
.blogBoxLarge ul a:hover,
.twitterFeedBoxSmall ul a:hover {
	text-decoration: underline;
}
/* NEWS BOX END */

/* Small Twitter Feed Box - RHS Side */
.twitterFeedBoxSmall {	
	position: relative;
	width: 297px;
	border: 1px solid #cfcfcf;
	z-index: 2;
	padding-bottom: 10px;
	background-color: #ffffff;
	margin: 0 10px 20px 10px;
	padding: 0;
	overflow:hidden;
}

.twitterFeedBoxSmall .twitterFeedBoxTitle {	
	position: relative;
	width: 297px;
	height:35px;
	/*border-bottom: 1px solid #cfcfcf;*/
	z-index: 1;
	background-color: #ffffff;
}

.twitterFeedBoxSmall .twitterFeedBoxTitle h3 {	
	margin:0;
	padding:12px 0 0 20px;
	float:left;
	display:inline;
	line-height:normal;
}

.twitterFeedBoxSmall .twitterFeedBoxTitle span.twitFeed {	
	margin: 8px 8px 0 10px;
	height: 29px;
	width: 29px;
	float:right;
	display:inline;
}

.twitterFeedBoxSmall .twitterFeedBoxTitle a span.twitFeed {	
	background:url(images/layout/twit_icon.gif) top right no-repeat;
}

.twitterFeedBoxSmall .twitterFeedBoxTitle a span.twitFeed:hover {	
	background:url(images/layout/twit_icon_hov.gif) top right no-repeat;
	cursor: pointer;
}

/* Blog Box Large */
.blogBoxLarge {	
	position: relative;
	width: 520px;
	border-top: 1px solid #e5e5e5;
	z-index: 2;
	padding-bottom: 10px;
	margin: 10px 0 20px 0;
	padding: 0;
	overflow:hidden;
}

.blogBoxLarge .blogBoxLargeTitle {	
	position: relative;
	width: 520px;
	height:35px;
	/*border-bottom: 1px solid #cfcfcf;*/
	z-index: 1;
}

.blogBoxLarge .blogBoxLargeTitle h3 {	
	margin:0;
	padding:12px 0 0 20px;
	float:left;
	display:inline;
	line-height:normal;
}



/* ITX FACTS START */
.itxFacts {	
	position: relative;
	width: 343px;
	margin: 0 0 10px 0;
	padding: 0;
}

.itxFacts h4 {	
	margin: 0 0 10px 5px;
	padding: 0;
}


.itxFacts p {	
	text-align:right;
	margin: 0 10px 0 0;
	padding: 0;
}


/* ITX FACTS END */






/*
.moreArticles 
{
	overflow: hidden;
	padding: 0px 18px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.moreArticles a
{
	color: #275e89;
	text-transform: uppercase;
	font-size: 12px;
	float: right;
	text-decoration: none;
}

.moreArticles a:hover
{
	text-decoration: underline;
}

#articlesH3
{
	margin-top: 0;
	padding-top: 0;
}*/

.home #leftColumn
{
	border-color: #e5e5e5;
}



/*----FOOTER----*/

#lmFooter
{
	line-height: 12pt;
	border-top: 1px solid #e5e5e5;
	padding: 25px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}

.home #lmFooter
{
	border-top: none;
}

#lmFooter .links a
{
	color: #3074aa;
	text-decoration: underline;
}

#lmFooter .links a:hover
{
	text-decoration: none;
}

#lmFooter img 
{
	padding: 0px 20px 25px 0px;
}

#partnerLogos
{
	float: right;
}


/*----VIDEOS----*/
/*
#rightColumn #videos
{
	width: 381px;
	margin: 0 0 0 20px;
	padding: 0;
}

#rightColumn #videos *
{
	margin: 0;
	padding: 0;
}

#rightColumn #videos h3,
#rightColumn #videos #mainVid p
{
	margin-bottom: 10px;
}

#rightColumn #videos h4
{
	margin-bottom: 5px;
}

#rightColumn #videos a
{
	color: #3074aa;
	text-decoration: none;
}

#rightColumn #videos a:hover
{
	text-decoration: underline;
}

#rightColumn #videos #mainVid
{
	overflow: hidden;
	padding-bottom: 15px;
}

#rightColumn #videos #mainVidImg
{
	float: left;
	margin-right: 15px;
}

#rightColumn #videos .thumbnailVideo
{
	width: 95px;
	float: left;
	margin-left: 20px;
}

#rightColumn #videos .first
{
	margin-left: 0;
}

#rightColumn #videos #moreVidsLink
{
	float: right;
	margin-top: 10px;
	margin-right: 50px;
}*/


/*---TIER 2----*/
/*
#tier2
{
	background-color: #f5f5f5;
	overflow: hidden;
	border-top: 1px solid #e5e5e5;
	padding-top: 11px;
	padding-bottom: 0;
	padding-left: 20px;
	margin-bottom: 0;
}

#tier2 .column
{
	width: 294px;
	float: left;
	margin-left: 21px;
	background: #f0f0f0 url(images/layout/tier2boxBg.gif) left top repeat-y;*/
	/*border: 1px solid red;*/
/*}

#tier2 .column p,
#tier2 .column div,
#tier2 .column h3
{
	width: 252px;
	padding-left: 20px;
}

#tier2 .column div.clear
{
 	padding: 0;
}

#tier2 #spacer
{
background: #f5f5f5 url(images/layout/twitterSpacer.gif) top left repeat-y;
width: 294px;
padding: 0 0 0 0;
margin: 0 0 0 0;
height: 20px;
}

#tier2 #spacer *
{
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#tier2 .column h3,
#tier2 .column h4
{
	margin-top: 0;
	padding-top: 0;
	color: #434343;
}

#tier2 .first
{
	margin-left: 0px;
}

#tier2 .column .colTop
{
	height: 5px;
	width: 294px;
	background: url(images/layout/tier2boxTop.gif) left top no-repeat;
	padding-left: 0;
	padding-bottom: 10px;
	margin-bottom: 0;
	clear: both;
}

#tier2 .column .colBottom
{
	height: 5px;
	width: 294px;
	background: url(images/layout/tier2boxBottom.gif) left bottom no-repeat;
	padding-left: 0;
	padding-top: 10px;
	clear: both;
}

.itxLogos
{
	padding-bottom: 10px;
}

#govLogo
{
	margin-left: 40px;
}

#tier2 .column .itxLogin
{
	padding-left: 0;
	padding-bottom: 12px;
	margin-bottom: 12px;
	margin-left: 20px;
	background: url(images/layout/dot.gif) left bottom repeat-x;
}

#tier2 .column .visitIcomm
{
	padding-left: 0;
	padding-bottom: 14px;
	margin-bottom: 14px;
	margin-left: 20px;
	background: url(images/layout/dot.gif) left bottom repeat-x;
}

#tier2 .column .twitter
{
	padding-left: 20px;
}

#tier2 .column .twitterLogo
{
	padding-top: 4px;
	padding-left: 0;
	width:29px;
	float:left;
}

#tier2 .column .twitterInfo
{
	padding-left: 40px;
	width:130px;
	float:left;
}

#tier2 .column .visitIcomm p
{
	margin-left: -20px;
}

#tier2 .column .visitDGIT p
{
	margin-left: -20px;
}*/
#contentContainerHeader h2{
	margin-top: 10px !important;
	margin-right: 30px;
}
span#queenAwardB {
	background: url(images/layout/queens_award_button.gif) no-repeat top left;
	float: right;
	margin: 0px;
	padding: 0;
	width: 405px;
	height: 35px;
}
span#queenAwardB:hover {
	background: url(images/layout/queens_award_button_hov.gif) no-repeat top left;
	cursor:pointer;
}
span#queenAwardB p {
	visibility: hidden;
}
.contentArticlesQ {
	border: 0px !important;
}
.contentArticlesQi {
	margin-left: 20px;
}

 /* -- Daily Stats Table Styling-- */
  
#storeStatsTable
{
	border: 1px solid #c5c9e0;
	border-collapse:collapse;
	margin-left: 5px;
	width: 329px;
	font: normal 9pt arial, helvetica, sans-serif;
}

#storeStatsTable th,
#storeStatsTable td
{
	padding: 7px;
}

#statLabelHead,
#statValueHead
{
	color: #ffffff;
	font-size: 10pt;
	text-align: left;
	background:url(images/layout/stats_th_light.jpg) repeat-x bottom left #3074AA;

}

#statValueHead
{

	background:url(images/layout/stats_th_dark.jpg) repeat-x bottom left #005596;
	border-left: 1px solid #3074AA;
}

#storeStatsTable th#statValueHead
{
	padding-left: 4px;
}

#storeStatsTable td.statLabel
{
	border-bottom: 2px solid #ccc;
	color: #434343;
}

#storeStatsTable td.statValue
{
	background-color: #e9eaf5;
	border-left: 1px solid #CFCFCF;
	border-bottom: 2px solid #CFCFCF;
	color: #3074AA;
	color: #000;
}

#statsLastUpdated 
{
	padding-left: 11px;
	padding-top: 10px;
}

/* Homepage Banner Styling */

/*--Container--*/
.bannerContainer {
	height:205px;	
	width: 964px;
	overflow: hidden;
	position: relative;
}
.bannerScroller {
	position: absolute;
	top: 0; left: 0;
	height:100%;
}
.bannerScroller .headerBanner{
	float:left;
	width:962px;
}

/*--Paging Styles--*/
.bannerPaging {
	position: absolute;
	top:170px;
	left:20px;
	z-index: 100;
	display: none;
	height:25px;
}
.bannerPaging a {
	text-decoration: none;
	background: url("images/layout/headerBanner_dot.png") no-repeat scroll left top transparent;
    float: left;
    height: 12px;
    margin: 8px 4px 0 0;
    position: relative;
    width: 11px;
	outline:none;
}
.bannerPaging a.active, .bannerPaging a:hover {
	background: url("images/layout/headerBanner_dotAct.png") no-repeat scroll left top transparent;
}

/* page peel in banners (homepage) */
#pagePeel
{
	width: 54px;
	height: 54px;
	position: absolute;
	top: 0;
	right: 0;
	z-index:20;
}
#pagePeel #pagePeelImage
{
	width: 56px;
	height: 59px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
#pagePeel #nextPage {
	/*background: #ffcc00;*/ 
	/*background: url(images/peel_bg.jpg) no-repeat top right #fff;*/
	background: url(images/peel_bg_yellow.jpg) no-repeat top right #fff;/* Moved here from off index page */
	/*background: url(images/peel_bg_inactive.jpg) no-repeat top right #0278ba;*/
	width: 96%; /* this width prevents the nextpage background from bleeding through the transparent parts of the peel image. set them accordingly */
	height: 96.5%; /* this height prevents the nextpage background from bleeding through the transparent parts of the peel image. set them accordingly */
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	/*text-align: right;*/
	overflow: hidden;
	/*box-shadow: inset -15px 15px 15px #ffbc02; */
	/*box-shadow: inset 2px 17px 17px #e7e7e7;
	/* This is set to dark grey for lighter backgrounds but it doesn't work very well on darker backgrounds use at your own discretion */
	color: #fff;
}
#pagePeel #nextPageContent {
	position: absolute;
	top: 0;
	right: 0;
	/*padding: 20px;*/
	padding:0;
}

/* Use when you have no deal active to change nextPage background image */
.noDeals{
	/*background: url(images/peel_bg_inactive.jpg) no-repeat top right #0278ba;*/
	background: url(images/peel_bg_inactive_yellow.jpg) no-repeat top right #0278ba; /* Moved here from off index page */
}

 /* --Page Peel - Deal Layout/Structure-- */


/** Active Deal **/

/* Deal image */

#activeDeal, #inactiveDeal{
	width:410px;
	height:215px;
}

#activeDeal #dealImage{
	position:absolute;
	top:0;
	left:0;
	width:210px;
	height:100%;
}

#activeDeal #dealImage img{
	float:right;
	padding-top:20px;
}

/* Deal Heading / Offer Text */
#activeDeal #dealText{
	position:absolute;
	top:0;
	right:0;
	width:170px;
	height:120px;
	margin:36px 10px 0 5px;
	overflow:hidden;
}

  #activeDeal #dealText h2{
	  font-family: 'PT Sans Narrow',arial,helvetica;
	  font-size:21px;
	  color:#2d5c80;
	  padding:3px 0;
	  margin:0;
	  text-align:right;
	  word-wrap:break-word;
  }

/* Offer Date and Time Validility Status */
#activeDeal #dealStatus{
	position:relative;
	width:170px;
	margin:0 10px 0 0;
}

  #activeDeal #dealStatus h3{
	  font-family: "segoe ui",arial,helvetica,verdana,sans-serif;
	  font-size:11px;
	  color:#333;
	  padding:0;
	  margin:0;
	  text-align:right;
	  font-weight:normal;
  }

/* deal URL */
#activeDeal #dealURL{
	position:absolute;
	bottom:15px;
	right:0;
	width:180px;
	margin:0 10px 5px 5px;	
}

  #activeDeal #dealURL a,  #activeDeal #dealURL a:visited{
	  background:url(images/view_deal_button.gif) no-repeat transparent;
	  width:113px;
	  height:32px;
	  text-indent: -999em;
	  cursor:pointer;
	  display:inline-block;
	  float:right;
	  outline:none;
  }
  
  #activeDeal #dealURL a:hover{
	  background:url(images/view_deal_button.gif) 0 -32px no-repeat transparent;
  }
  

/** Inactive Deal **/

/* Deal Heading / Offer Text */
#inactiveDeal #dealText{
	position:absolute;
	top:0;
	right:0;
	width:200px;
	height:140px;
	margin:42px 10px 0 5px;
	overflow:hidden;
}

  #inactiveDeal #dealText h2{
	  font-family: 'PT Sans Narrow',arial,helvetica;
	  font-size:24px;
	  color:#fbfbfb;
	  padding:3px 0;
	  margin:0;
	  text-align:right;
	  word-wrap:break-word;
  }

/* deal URL */
#inactiveDeal #dealURL{
	position:absolute;
	bottom:15px;
	right:0;
	width:180px;
	margin:0 10px 5px 5px;	
}

  #inactiveDeal #dealURL a,  #inactiveDeal #dealURL a:visited{
	  background:url(images/view_deals_button.gif) no-repeat transparent;
	  width:113px;
	  height:32px;
	  text-indent: -999em;
	  cursor:pointer;
	  display:inline-block;
	  float:right;
	  outline:none;
  }
  
  #inactiveDeal #dealURL a:hover{
	  background:url(images/view_deals_button.gif) 0 -32px no-repeat transparent;
  }
  
  
/* Daily Deals Page Content */
#dailyDealsPromo{
	float:right;
	width:250px;
	margin-left:20px;
	margin-bottom:50px;
	background: url(images/daily_deals_promo_bg.jpg) no-repeat top right #00599d;
}

#dailyDealsPromo h2{
	  font-family: 'PT Sans Narrow',arial,helvetica;
	  font-size:22px;
	  color:#fbfbfb;
	  padding:10px 25px 10px 10px;
	  margin:0;
	  text-align:left;
	  word-wrap:break-word;
	  font-weight:normal;
}

#dailyDealsPromo p{
	color: #fff;
	padding:3px 10px;
}




#dailyDealsPromo a, #dailyDealsPromo a:visited{
	  background:url(images/view_deals_button.gif) no-repeat transparent;
	  width:113px;
	  height:32px;
	  text-indent: -999em;
	  cursor:pointer;
	  display:inline-block;
	  float:left;
	  margin:10px;
	  outline:none;
}
  
#dailyDealsPromo a:hover{
	  background:url(images/view_deals_button.gif) 0 -32px no-repeat transparent;
}
  
  
/* ----------------------------------------
			BANNER FEATURES. START
			---- Nov 2011
-------------------------------------------*/

ul.bannerFeatureList,
.bannerFeatureList li,
.bannerFeatureList h1,
.bannerFeatureList a,
.bannerFeatureList span,
.bannerFeatureList div {
	padding:0;
	margin:0;
}
/* Banner Container */
.bannerContainer {
	width:962px;
	height:205px;
	position:relative;
	background:#FFF;
	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
}
/* Banner Nav Links */
.bannerNavLinks {
	position:absolute;
	display:block;
	width:100%;
	bottom:40px;
	left:0;
	z-index:1;
}
.bannerNav {
	position:absolute;
	display:block;			
	width:22px;
	height:28px;
}
/*Banner Nav Buttons - Default*/

.bannerNav span.bg {
	background:#FFF;
	opacity:0.1;
	filter:Alpha(opacity=10);
	display:block;
	position:absolute;
	width:100%;
	height:100%;
}
.bannerNav:hover span.bg {
	background:#000;
	opacity:0.4;
	filter:Alpha(opacity=40);
}
.pausePlayButton {
	left:50px;
}
.bannerFeaturePrev {			
	left:20px;
}
.bannerFeatureNext {
	left:80px;
}
.bannerNav span.icon {
	background:url(images/layout/banner-navlinks.png) 0px 0px no-repeat;
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.pausePlayButton span.icon {
	background:url(images/layout/banner-pausePlay.png) 5px 7px no-repeat;
}
.pausePlayButton:hover span.icon {
	background-position: -24px 7px;
}
.play span.icon {
	background-position: -53px 7px;
}
.play:hover span.icon {
	background-position: -82px 7px;
}
.bannerFeaturePrev span.icon {
	background-position:5px 7px;
}
.bannerFeaturePrev:hover span.icon {
	background-position:-24px 7px;
}	
.bannerFeatureNext span.icon {
	background-position:-50px 7px;
}
.bannerFeatureNext:hover span.icon {
	background-position:-79px 7px;
}
/* Banner List */
.bannerFeatureList {
	width:962px;
	height:205px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
/* Banner List Items and Content */
.bannerFeatureList li {
	list-style:none;
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
	left:100%;
	top:0%;
}
/*.bannerFeatureList li a {
	background:#0fb1df;
	padding: 8px 20px 7px 20px;
	text-decoration:none;
	color:#ebfafe;
	font-size:16px;
	font-weight:bold;
	border-radius: 6px;
	-moz-border-radius: 6px;
}
.bannerFeatureList li a:hover {
	background:#3eccf4;
	text-shadow: 0px 1px 2px #0d97be;
	color:#FFFFFF;
}*/
.bannerFeatureList li a.full {
	position:absolute;
	text-decoration:none;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
}
.bannerFeatureList li span {
	position:absolute;
	text-decoration:none;
	left:0px;
	top:0px;
	height:100px;
	width:200px;
	background:#000;
}
.bannerFeatureList li img {
	position:absolute;
	text-decoration:none;
	left:0px;
	top:0px;
}
.bannerFeatureList li a.full {
	background:none;
	padding:0;
	border-radius: 0px;
	-moz-border-radius: 0px;
}
.bannerFeatureList li a:hover.full {
	background:none;
}
.bannerFeatureList li span.text {
	visibility:hidden;
}
.bannerFeatureList li h1,
.bannerFeatureList li p {
	overflow:hidden;
	color:#FF3366;
}

/* ----------------------------------------
			BANNER FEATURES. END
-------------------------------------------*/

/*-----------------------------------------
		NEW FEATURES 3424-20120106
-------------------------------------------*/

h3.hangingContent {
	display:block;
	float:left;
	width: 150px;
	margin-top:20px;
	padding-top:0px;
}
ul.hangingContent {
	float:left;
	width:450px;
	margin-top:20px;
	padding-top:0px;
}


.listBlock {
	background: #f6f6f6 url(images/list-gradient.png) no-repeat left bottom;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px;
}
.listBlock ul{
	margin-left: 3px;
	padding: 0px;	
}
.listBlock li{
	float:left;
	width: 275px;
	list-style:none;
	background:none;	
	padding: 5px;
	font-size:13px;
	color: #b41515;
}


.sectionMenu {
	margin-left: 20px;
	margin-right: 20px;
	border-top:1px solid #CFCFCF;
}
.sectionMenu li {
	background:none;
	border-bottom:1px solid #CFCFCF;
	padding: 0;
}
.sectionMenu li a {
	text-decoration:none;
	display: block;
	padding: 6px 8px 8px;
}
#rightColumn .sectionMenu li a:hover {
	background-color: #e5e5e5;
	color:#434343
}
.sectionMenu li a:hover span {
}

body.sectionDatabaseDevelopment .sectionMenu li#sectionDatabaseDevelopment,
body.sectionITConsultancy .sectionMenu li#sectionITConsultancy,
body.sectionITHealthCheck .sectionMenu li#sectionITHealthCheck,
body.sectionDataSecurity .sectionMenu li#sectionDataSecurity {
	font-weight: bold;
}
	
	



