* { margin:0;padding:0;border: 0px none;}
/*ul, ol, li { list-style-type:none; }
*/

a { text-decoration: underline; color: #330099; }
a:hover {color: #333; text-align:left; }


body {
font-size:11.0pt;
    font-family:"Calibri","sans-serif";
    color: #444;
}
.wrapper {
width: 940px;
margin: 0 auto;
}
a, img, div, input { behavior: url(/App_themes/default/iepngfix.htc);}
.dropdown 
{
	border:1px solid #9a9a9a;
color: #999;
font: 14px/14px Arial, Helvetica, sans-serif;
}
/* logo, search & main nav elements */
.header {
width: 900px;
height: 55px;
padding: 20px 0 10px 0px;
margin: 0 0 0px;
background: url(images/ruler.gif) 0 bottom no-repeat;
}

.header-cms {
width: 900px;
height: 10px;
padding: 20px 0 25px 0px;
margin: 0 0 15px;
}

.header img.logo { 
float: left;
font: bold 22px/24px "Arial", Helvetica, sans-serif;
}
.header form {float: right; width: 230px;margin: 10px 0 0; padding: 0 15px 0 0;}
.short {
background: #eee url(Images/search-input-bg.gif) 0 0 no-repeat;
border: 0;
margin: 0;
color: #999;
width: 170px;
height: 23px;
font: 14px/14px Arial, Helvetica, sans-serif;  
padding: 7px 5px 0 10px;
}
.header form input:focus{ color: #444; }
.header form input.btn {
width: auto;
height: auto; 
float: right;
border: 0; 
padding: 0; 
margin: 0;
outline: none;
color: #0081c2;
height: 30px;
}
.header ul {float: right;}
.header ul li {
float: left;
margin: 0 5px 0 0;
font: 14px/14px Arial, Helvetica, sans-serif;  
}
.header ul li a {
color: #5a5a5a;
float: left;
padding: 0 10px;
text-decoration: none;
}
.header ul li a.current { color: #444;}
.header ul li a:hover { color: #0066ae;}
/* end header elements */

.nav {
	color: #5a5a5a;
	padding: 0 10px;
	text-decoration: none;
	float: left;
	margin: 0 5px 0 0;
	font: 14px/14px Arial, Helvetica, sans-serif;
	width: auto;
	height: auto; 
	float: right;
	border: 0; 
	padding: 0; 
	margin: 0;
	outline: none;
	height: 30px;
}

.nav a {
color: #5a5a5a;
float: left;
padding: 0 10px;
text-decoration: none;
}

.nav a.current { color: #444;}
.nav a:hover { color: #0066ae;}

/* left side on home page */
.left-home {
width: 630px;
float: left;
margin: 0 0 0px;
}
img.banner {font: bold 25px/27px Arial, Helvetica, sans-serif;}
.header ul li {
color: #999;
float: left;
padding: 0 10px;
text-decoration: none;
list-style-type:none;
}

.header a {
color: #999;
float: right;
padding: 0 10px;
text-decoration: none;
list-style-type:none;
}
.header ul li a.current { color: #444; list-style-type:none;}
.header ul li a:hover { color: #0066ae; list-style-type:none;}
/* end header elements */

/* left side on home page */
.left-home h1 {
color: #0000cc; 
background: #fff;
margin: 0 0 17px; 
padding: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
behavior: none;
}
.box-home {
width: 305px;
height: 270px;
margin: 0 15px 15px 0;
float: left;
background: url(images/box-305-bg.gif) 0 bottom no-repeat;
}
.box-home h2, .box-partners h2 {
/*background: #5a5a5a url(images/box-305-head.gif) 0 0 no-repeat;*/
height: 32px;
font: bold 14px/18px Arial, Helvetica, sans-serif; 
padding: 13px 0 0 15px;
margin: 0 0 10px;
color: #fff; 
}
.box-home h3 {margin: 0 0 0px 0px;}
.box-home p { margin: 0 15px 8px;}
.box-home .ruler { height: 1px; border-top: 1px solid #999;line-height: 0; font-size: 0; margin: 0 15px 5px;}
.box-partners {
width: 305px;
height: 174px;
margin: 0 0 15px 0;
float: left;
}
.box-partners h2 {background: #5a5a5a url(images/box-partners-head.gif) 0 0 no-repeat;}

.box-contact {
width: 305px;
height: 450px;
margin: 0 15px 15px 0;
float: left;
background: url(images/box-305-bg.gif) 0 bottom no-repeat;
}
.box-contact h2, .box-products h2 {
background: #999 url(images/box-305-head.gif) 0 0 no-repeat;
/*height: 32px;*/
font: bold 14px/18px Arial, Helvetica, sans-serif; 
padding: 13px 0 0 15px;
margin: 0 0 10px;
color: #fff; 
}
.contact-header{
/*height: 32px;*/
font: bold 14px/18px Arial, Helvetica, sans-serif; 
padding: 13px 0 0 15px;
margin: 0 0 10px;
color: #fff; 
}

ul#acctext
{
	width: 300px;
float: right;
margin: 0 0 25px;
	}
ul#acctext li ul li a:hover {text-decoration: underline;}

/* accordion on home page */
ul#accordion {
width: 300px;
float: right;
margin: 0 0 25px;
}
ul#accordion a {
display: block;
text-decoration: none;	
}
ul#accordion li { float: left;}
ul#accordion li a {
background-image: url(images/accordion-topcorners.png) 0 0 no-repeat;
color: #fff;
float: left;
width: 300px;	
height: 30px;
padding: 8px 0 0;
font: bold 20px/22px Arial, Helvetica, sans-serif;  
text-align: center;
}
ul#accordion li.purple a {background: #330099 url(images/accordion-corners-top.png) 0 0 no-repeat;}
ul#accordion li.red a {background: #cc0000 url(images/accordion-corners.png) 0 0 no-repeat;}
ul#accordion li.yellow a {background: #ffc000 url(images/accordion-corners.png) 0 0 no-repeat;}
ul#accordion li.blue a {background: #0081c2 url(images/accordion-corners.png) 0 0 no-repeat;}
ul#accordion li.green a {background: #006600 url(images/accordion-corners.png) 0 0 no-repeat;}
ul#accordion li.orange a {background: #fc3500 url(images/accordion-corners.png) 0 0 no-repeat;}
*html ul#accordion li.purple a {background: #330099;}/* fix for png images in IE6 */
*html ul#accordion li.red a {background: #cc0000;}/* fix for png images in IE6 */
*html ul#accordion li.yellow a {background: #ff8a00;}/* fix for png images in IE6 */
*html ul#accordion li.blue a {background: #0081c2;}/* fix for png images in IE6 */
*html ul#accordion li.green a {background: #006600;}/* fix for png images in IE6 */
*html ul#accordion li.orange a {background: #fc3500;}/* fix for png images in IE6 */
ul#accordion li ul {
padding: 180px 0 0;
border-top: 2px solid #fff;
height: 120px;
float: left;
}
ul#accordion li.purple ul {background: #999 url(images/accordion-application.jpg) 0 0 no-repeat;}
ul#accordion li.red ul {background: #999 url(images/SYSTEMS.jpg) 0 0 no-repeat;}
ul#accordion li.yellow ul {background: #999 url(images/micro-infra.jpg) 0 0 no-repeat;}
ul#accordion li.blue ul {background: #999 url(images/SECURITY.jpg) 0 0 no-repeat;}
ul#accordion li.green ul {background: #999 url(images/ENTERPRISE_AND_DATA_CENTRE.jpg) 0 0 no-repeat;}
ul#accordion li.orange ul {background: #999 url(images/data-doc-content.jpg) 0 0 no-repeat;}
ul#accordion li.purple ul li a,
ul#accordion li.red ul li a,
ul#accordion li.yellow ul li a,
ul#accordion li.blue ul li a,
ul#accordion li.green ul li a,
ul#accordion li.orange ul li a {
background: url(images/accordion-trans.png) 0 0 repeat;
color: #fff;
font-weight: normal;
text-align: left;
padding: 5px 0 0 15px;
height: 25px;
width: 285px;
font:bold 15px Arial;
}
ul#accordion li ul li a:hover {text-decoration: underline;}
/* end accordion */

.textbox
{
	border:1px solid #999999;	
}

/* common font styles */
h1 {
font: bold 14px/16px Arial, Helvetica, sans-serif; 
color: #fff; 
background: #0066ae;
margin: 0 0 15px;
padding: 15px 15px 13px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
behavior: url(css/border-radius.htc);
}
h1 span { 
font: normal 13px/15px Arial, Helvetica, sans-serif; 
color: #99c5e4; 
background: url(Images/h1-divider.png) 0 0 repeat-y;
padding: 3px 20px;
margin: 0 15px;
}
h1.red {background: #cc0000;} h1.red span {color: #eaa2a2; }
h2 {
color: #0066ae;
font: bold 15px/19px Arial, Helvetica, sans-serif; 

}
sub-headings
{
	color: #0066ae;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
}
h3 {
font: bold 13px/16px Arial, Helvetica, sans-serif; 
color: #0066ae; 

}
.media_txt 
{
font: bold 14px/18px Arial, Helvetica, sans-serif; 
color: #0066ae; 
}
h4 {
font: normal 15px/19px Arial, Helvetica, sans-serif; 
margin: 0 15px 15px;
color: #333;
}
p {margin: 0 15px 15px 0;	}
p.backtotop a {
background: url(images/backtotop-arrow.gif) 0 0 no-repeat;
padding-left: 13px;
}
.light {color: #999;}
p.light strong.gap {margin: 0 0 0 15px;}
p.light {color: #999;}
.content .column-left-wide ul {margin: 0 40px 15px; list-style-type: disc;}
.content .column-left-wide ul li {margin: 0 0 8px;list-style-type: disc;}

/* main content area and various elements within */
.content { width: 940px; clear: both;}
.content .column-left-wide {width: 710px; float: left;}
.content .column-right-narrow {width: 200px; float: right;}
.content .column-left-wide .ruler { 
height: 1px; 
line-height: 0; 
font-size: 0; 
margin: 0 0 15px;
clear: both;
background: url(images/ruler-700.gif) 0 0 no-repeat;
}

/* call to action at bottom of pages */
.btm-contacts {
clear: both;
padding: 0 15px 0;
margin: 0 0 15px;
background: #e5e5e5;
border: 1px solid #e5e5e5;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
behavior: url(css/border-radius.htc);
border-radius: 10px;
text-align: center;
font: 12px/33px Arial, Helvetica, sans-serif;
font-size:11.0pt;
            font-family:"Calibri","sans-serif";
            color: #444;
}


.caption-img {
float: left;
font: italic 12px/15px Arial, Helvetica, sans-serif;  
text-align: center;
margin: 0 20px 15px 0;
}
.caption-img img { margin: 0 0 10px;}



/* evants & news landing pages */
.feature-item {float: left; padding: 0 0 5px;}
.feature-item img {float: left; margin: 0 20px 10px 0;}
.feature-item h3, .feature-item p {margin: 0 0 8px;}



/* landing page boxes */
.landing-box {
width: 300px;
float: left;
text-align: center;
margin: 0 16px 16px 0;
background: #fff;
border: 1px solid #999;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
behavior: url(css/border-radius.htc);
border-radius: 10px;
}
.landing-box h2 {
background: #999;
color: #fff;
text-align: left;
padding: 10px 0px 10px 0px;
margin: 0 auto 10px;
font: bold 14px/16px Arial, Helvetica, sans-serif;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(css/border-radius.htc);
border-radius: 8px;
}
.landing-box p {text-align: left;}
.nomargin { margin-right: 0;}
.landing-box img { margin: 0 auto 7px;}
.landing-box p.more-btn a {
padding: 3px 10px;
color: #fff; 
background: #0066ae;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
behavior: url(css/border-radius.htc);
border-radius: 5px;
text-decoration: none;
font-size: 11px;
}
.landing-box p.more-btn a:hover {text-decoration: underline;}
.prod-box{padding-bottom:10px; vertical-align:top;}
.dl-box{padding-bottom:10px; vertical-align:top;}
.dl-box p.more-btn a {
padding: 3px 10px;
color: #fff; 
background: #0066ae;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
behavior: url(css/border-radius.htc);
border-radius: 5px;
text-decoration: none;
font-size: 11px;
}
.dl-box p.more-btn a:hover {text-decoration: underline;}
.no-margin { margin-right: 0; padding-right:0px;}

/* landing page boxes */
.content .column-right-narrow .links {
width: 200px;
float: left;

background: #fff;
/*border: 1px solid #999;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
behavior: url(css/border-radius.htc);
border-radius: 10px;*/
}
.content .column-right-narrow .links h2 {
background: #999;
color: #fff;
text-align: left;

font: bold 14px/16px Arial, Helvetica, sans-serif;
/*-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(css/border-radius.htc);
border-radius: 8px;*/
}
.content .column-right-narrow .links a {
border-bottom: 1px solid #999;
padding: 8px 0;

text-decoration: none;

display: block;
font: normal 12px/14px Arial, Helvetica, sans-serif;
}
.content .column-right-narrow .links a strong { padding: 0 0 0 0px;}
.content .column-right-narrow .links a.current { color:#333;}



/* clear everything (sometimes needed for IE 6) */
.clearall { 
width: 100%;
clear: both;
line-height: 0;
font-size: 0;
margin: 0;
}

/* footer styles */
.footer li {
float: right;
margin: 0 5px 0 0;
font: 14px/14px Arial, Helvetica, sans-serif; 
list-style-type:none; 
color: #5a5a5a;
}
ul.footer {
background: url(images/ruler.gif) 0 0 no-repeat;
padding: 15px 0 25px;
width: 940px;
float: right;
list-style-type:none;
color: #5a5a5a;
}
ul.footer li {
float: right;
margin: 0 5px 0 0;
font: 14px/14px Arial, Helvetica, sans-serif; 
list-style-type:none; 
color: #5a5a5a;
}
ul.footer li a {
color: #5a5a5a;
float: left;
padding: 0 10px;
text-decoration: none;
}
ul.footer li a.current { color: #444;}
ul.footer li a:hover { color: #0066ae;}
/* end header elements */