@charset "utf-8";
/* Master style sheet created on 31/10/08 */

@media screen,print {
	/* All screen styles to go between these braces */
	
	/* reset the desired elements for best control */

a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1,h2, h3, h4, h5, h6,
/*hr,*/ html, i, img, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small,
span, strong, sub, sup, table, tbody, /*td,*/ textarea, tfoot, th, thead, tr, tt, ul, var {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background-color: transparent;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

focus {
	outline: 0;
}

/*************/
/* end reset */
/*************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background: #F5F6F8 url(../imgs/page_bckgd.jpg) repeat-x;
}


/* Link styles for the home page only */
/*body#home02 a {
	text-decoration: none;
	color: #666;
}

body#home02 a:hover {
	text-decoration: underline;
	color: #05549A;
}*/
/* End link styles for the home page */


#utilityBar form {
	display: inline;
}

/* The sites main container div */
#container {
	width: 980px;
	margin: 0 auto;
}
/***********/

/******************************/
/* Start masthead head styles */
/******************************/
#masthead {
	padding: 1px 0 16px 0;
	background: #FFF url(../imgs/ecsmasthead_bckgd.jpg) no-repeat left bottom;
	position: relative;
	z-index: 1;
	min-height: 124px;
}

/*#masthead a {
	text-decoration: none;
	color: #666;
}

#masthead a:hover {
	text-decoration: underline;
	color: #05549A;
}*/

#headcol1 {
	float: left;
	width: 620px;
}

#navHolder {
	margin: 106px 0 0 17px;
	/*overflow: auto;*/
	position: relative;
}

/*
.udm {
	float: left;
}

.udm li {
	float: left;
	background: transparent url(../imgs/nav_seperator.gif) no-repeat top right;
}

.udm li.noIndicator {
	background: none;
}

#navHolder .udm li a {
	font-weight: bold;
	color: #000;
	padding: 0 20px 0 10px;
	background: transparent url(../imgs/nav_down_arrow.gif) no-repeat 90% 49%;
}

#navHolder .udm li a.noIndicator {
	background: none;
	padding-right: 10px;	
}


#navHolder .udm li a {
	padding-bottom: 14px !important;
}

#navHolder .udm li ul li a {
	padding-bottom: 4px !important;
}
*/
.udm li {
	background: transparent url(../imgs/nav_seperator.gif) no-repeat top right;
}

.udm li ul li {
	background: none;
}

.udm li.noIndicator {
	background: none;
}

#headCol2 {
	float: left;
	width: 360px;
}

/* Start search bar styles */
#utilityBar {
	text-align: right;
	margin: 109px 32px 0 0;
}

#utilityBar label {
	cursor: pointer;
}

#utilityBar input {
	width: 100px;
	font-size: 100%;
	border: 1px solid #05549A;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	position: relative;
}

#utilityBar input#btnSearch {
	width: 22px;
	border: 0;
	padding: 0;
	height: 20px;
	position: relative;
}

#utilityBar span a {
	padding: 0 9px 3px 0;
	color: #000;
	background: transparent url(../imgs/nav_seperator.gif) no-repeat top right;
	font-weight: bold;
	text-decoration: none;
}

#utilityBar span a:hover {
	text-decoration: underline;
	color: #05549A;
}

#utilityBar label {
	padding: 0 0 0 5px;
	font-weight: bold;
}

/* End search bar styles */

img#ecsLogo {
	position: absolute;
	left: 32px;
	bottom: 66px;
	z-index: 20;
}
/***********************/
/* End masthead styles */
/***********************/

/* Start of all page content */
#pageContent {
	margin: 0 14px;
	position: relative;
	background-color: #FFF;
}

body#company #pageContent, body#centia #pageContent, body#storage #pageContent, body#security #pageContent, 
body#servers #pageContent, body#enterprise #pageContent, body#network #pageContent, body#professional #pageContent, 
body#training #pageContent, body#renewals #pageContent, body#tools #pageContent, body#virtualisation #pageContent {
	padding-bottom: 20px;
}


/*******************************/
/* Start graphic banner styles */
/*******************************/
#graphicBanner {
	padding: 1px 0 0 0;
	background: #01203D url(../imgs/ecsbanner_home.jpg) no-repeat;
	border-bottom: 9px solid #05549A;
	min-height: 219px;
	position: relative;
}

#bannerText {
	margin: 40px 546px 0 20px;
}

h1#bannerHeader {
	color: #FFF;
	font-weight: normal;
	font-size: 200%;
}

#bannerText p {
	color: #FFF;
	margin: 6px 0 6px 0;
}

#bannerText p.telephone {
	font-weight: bold;
	font-size: 130%;
	
}
/*****************************/
/* End graphic banner styles */
/*****************************/

/* This div is the main page holder */
#mainContent {
	overflow: auto;
	background: #FFF url(../imgs/ecsbanner_shadow.jpg) repeat-x;
	padding: 0 0 20px 0;
}

body#company #mainContent, body#centia #mainContent, body#storage #mainContent, body#security #mainContent, 
body#servers #mainContent, body#enterprise #mainContent, body#network #mainContent, body#professional #mainContent, 
body#training #mainContent, body#renewals #mainContent, body#tools #mainContent, body#virtualisation #mainContent {
	background: #FFF url(../imgs/sidebar_dotted_bckgd.gif) repeat-y 778px 0;
	padding-bottom: 0;
}
/***********/

/********************************************/
/* Home page ONLY // start column 1 content */
/********************************************/
#col01 {
	float: left;
	width: 307px;
	margin-top: 20px;
}

#portfolioPromotions {
	margin: 0 12px 0 20px;
	border: 1px solid #DADADA;
	background: #FFF url(../imgs/col01_bot_bckgd.jpg) no-repeat left bottom;
	padding: 0 0 20px 0;
}

#portfolioPromotions h2 {
	font-size: 130%;
	margin: 0 20px 8px 20px;
}

#portfolioPromotions p.promoStory {
	margin: 0 20px 8px 20px;
}

#portfolioPromotions p.promoStory a {
	color: #05549A;
	font-weight: bold;
	text-decoration: none;
}

#portfolioPromotions p.promoStory a:hover {
	text-decoration: underline;
}

#portfolioLinks {
	background: #FAFAFA url(../imgs/col01_top_bckgd.jpg) no-repeat;
	padding: 20px;
}

#portfolioLinks h2 {
	margin: 0 0 8px 0;
}

#portfolioLinks select {
	margin: 3px 0;
	width: 231px;
}

/******************************************/
/* Home page ONLY // end column 1 content */
/******************************************/

/********************************************/
/* Home page ONLY // start column 2 content */
/********************************************/
#col02 {
	float: left;
	width: 413px;
	margin-top: 20px;
}

#newsBlock, #eventsBlock {
	border: 1px solid #DADADA;
	padding: 0 0 20px 0;
	overflow: auto;
	background: #FFF url(../imgs/col02_bot_bckgd.jpg) no-repeat left bottom;
	min-height: 94px;
}

#newsBlock {
	margin-bottom: 12px;
}

.btnMore {
	float: right;
	width: 64px;
	padding: 5px 6px;
	border: 1px solid #9E9E9E;
	margin: 8px 10px 0 0;
	background: #FFF url(../imgs/btn_more_bckgd.jpg) repeat-x left bottom;
}

.btnMore a {
	font-weight: bold;
	text-decoration: none;
	color: #05549A;
}

.btnMore a:hover {
	text-decoration: underline;
}

#newsBlock h2, #eventsBlock h2  {
	padding: 20px;
	background: #FAFAFA url(../imgs/col02_top_bckgd.jpg) no-repeat;
	font-size: 130%;
}

.newsStory, .eventStory {
	margin: 0 20px;
}

#newsBlock .newsStory a, #eventsBlock .eventStory a {
	color: #05549A;
	font-weight: bold;
	text-decoration: none;
}

#newsBlock .newsStory a:hover, #eventsBlock .eventStory a:hover {
	text-decoration: underline;
}
/******************************************/
/* Home page ONLY // end column 2 content */
/******************************************/


/********************************************/
/* Home page ONLY // start column 3 content */
/********************************************/
#col03 {
	float: left;
	width: 230px;
	margin-top: 15px;
}

#col03Content {
	margin: 0 20px 0 12px;
}

#staticPanelBot {
	width: 198px;
	border: 1px solid #DADADA;
	background: #FFF url(../imgs/static_bot_bckgd.jpg) no-repeat left bottom;
}

#staticPanelBot p {
	margin: 18px 11px 0 10px;
	line-height: 19px;
	font-size: 110%;
	min-height: 75px; 
}
/******************************************/
/* Home page ONLY // end column 3 content */
/******************************************/

/***********************/
/* Start footer styles */
/***********************/
#footer {
	overflow: auto;
	padding: 1px 0 0 0;
	margin: 10px 20px;
}

#footer p {
	font-size: 86%;
	color: #666;
}

#utilityLinks {
	float: left;
	width: 70%;
}

#utilityLinks a {
	padding: 4px 4px 4px 6px;
	border-left: 1px solid #B6B6B8;
	text-decoration: none;
	color: #666;
}

#utilityLinks a:hover {
	text-decoration: underline;
	color: #05549A;
}

#utilityLinks a.noSeperator {
	border-left: none;
	padding-left: 0;
}

#copyright {
	float: left;
	width: 30%;
	text-align: right;
}
/*********************/
/* End footer styles */
/*********************/


/**********************************/
/* Start main image banner styles */
/**********************************/	
.companyBckgd, .centiaBckgd, .entswBckgd, .networkBckgd, .professionalBckgd, .ptoolsBckgd, .renewalsBckgd, .securityBckgd, .serversBckgd, .storageBckgd, .trainingBckgd, .swirlBckgd, .virtBckgd {
	padding: 1px 0 0 0;
	min-height: 219px;
	position: relative;
}

body#home02 .swirlBckgd { background: #01203D url(../imgs/ecsbanner_home.jpg) no-repeat; border-bottom: 9px solid #05549A; } /* HOME */
body#company .companyBckgd { background: #01203D url(../imgs/ecsbanner_company.jpg) no-repeat; border-bottom: 9px solid #05549A; }
body#centia .centiaBckgd, body#login .centiaBckgd { background: transparent url(../imgs/ecsbanner_virtualisation.jpg) no-repeat; border-bottom: 9px solid #00A0AF; }
body#virtualisation .virtBckgd, body#login .virtBckgd { background: #004A51 url(../imgs/ecsbanner_virtualisation.jpg) no-repeat; border-bottom: 9px solid #00A0AF; }
body#storage .storageBckgd { background: #7A4510 url(../imgs/ecsbanner_storage.jpg) no-repeat; border-bottom: 9px solid #CA711A; }
body#security .securityBckgd { background: #4D0D4D url(../imgs/ecsbanner_security.jpg) no-repeat; border-bottom: 9px solid #701371; }
body#servers .serversBckgd { background: #5E0000 url(../imgs/ecsbanner_servers.jpg) no-repeat; border-bottom: 9px solid #840000; }
body#enterprise .entswBckgd { background: #005C80 url(../imgs/ecsbanner_enterprise.jpg) no-repeat; border-bottom: 9px solid #00ADEF; }
body#network .networkBckgd { background: #640918 url(../imgs/ecsbanner_network.jpg) no-repeat; border-bottom: 9px solid #C41130; }
body#professional .professionalBckgd { background: #C67404 url(../imgs/ecsbanner_professional.jpg) no-repeat; border-bottom: 9px solid #FAA633; }
body#training .trainingBckgd { background: #45661E url(../imgs/ecsbanner_training.jpg) no-repeat; border-bottom: 9px solid #5C8727; }
body#renewals .renewalsBckgd { background: #526143 url(../imgs/ecsbanner_renewals.jpg) no-repeat; border-bottom: 9px solid #6C8158; }
body#tools .ptoolsBckgd { background: #01203D url(../imgs/ecsbanner_tools.jpg) no-repeat; border-bottom: 9px solid #05549A; }

#imageInformationHolder h1, .centiaBckgd h1, .swirlBckgd h1 {
	margin: 42px 546px 6px 20px;
	color: #FFF;
	font-weight: normal;
	font-size: 200%;  
}

#imageInformationHolder p {
	margin: 6px 546px 6px 20px;
	color: #FFF;
	font-size: 90%;
}

#imageInformationHolder p.bigTel {
	font-weight: bold;
	font-size: 130%;	
}

#imageInformationHolder p#learnMore {
 	display: none;
}

/* Banner drop shadow */
#shadowHolder {
	height: 20px;
	background: #FFF url(../imgs/ecsbanner_shadow.jpg) repeat-x;
	font-size: 3px;
}

/***********************************/
/* Start sub-page templates styles */
/***********************************/

#mainColumn {
	width: 777px;
	float: left;
}

#centreColContent {
	margin: 0 17px 0 20px;
}

#sideBar {
	width: 175px;
	float: left;
}

#sideBarContent {
	margin: 0 20px 0 17px;
}

#sideBarContent .sectionItem {
	border: 1px solid #9E9E9E;
	background: #FFF url(../imgs/btn_Sidebar_bckgd.jpg) repeat-x left bottom;
	margin: 0 0 8px 0;
}

#sideBarContent .sectionItem p {
	text-align: center;
	font-size: 110%;
	margin: 0;
	padding: 8px;
	
}

#sideBarContent .sectionItem p a {
	font-weight: bold;
	color: #05549A;
	text-decoration: none;	
}

#sideBarContent .sectionItem p a:hover {
	text-decoration: underline;
}

#sideBarContent .lastBtn {
	margin-bottom: 18px;
}

#sideBarNews p {
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #EEE;
}

#sideBarNews p a {
	font-size: 86%;
	color: #05549A;
	font-weight: bold;
}

#sideBarContent img {
	display: block;
	margin: 0 auto 4px auto;
}

#sideBarContent .sideBarHead {
	color: #05549A;
	font-weight: bold;
	margin: 15px 0
}

div.pushOver {
	overflow: auto;
}

.floatRight {
	float: right;
}


} /* Closing brace for the @media screen styles // DO NOT DELETE */

@media print {
	/* All print styles to go between these braces */
	
	.udm { display: none; }
	
}