@media print {
* { background: #fff; color: #000; }
html { font: 100%/1.5 Georgia, serif; }
ul#topmenu, #tc form, ul#mainmenu, div.objects {display: none;}
}
* {
  margin: 0;
  padding: 0;
}
body {
	background: #fff url("images/bodybg.gif") top center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #3A3A3A;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	text-align: center;
}
#maincontent {padding:0;}
/*
#main p, #main h2, #main h3, #main h4, #main ul, #main li, #footer p, #footer img, #main dl {
	margin-left: 40px;
}
#main p {margin-right:40px;}
#main>p {
	margin-right: 40px;
}
*/

/** Headers -------------------------- **/

h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #EF2453;
	line-height: 1em;
	margin: 0.7em 0;
	}
h3 {
	font-size:115%;
	color:#0066CC;
	}
h4 {
	color: #000;
	font-size:100%;
	}
	
h2 a {
	color: #EF2453;
	text-decoration: none;
}
h2 a:visited {
	color:#f69;
}
h2 a:hover {
	text-decoration:underline;
}
.hita {
	font-style: italic;
	color: #0066FF;
	font-size: 13px;
	margin: 0.7em 0;
}

/** Layout ----------------------------- **/

#container {
  margin: 0 auto;
  width: 778px;
}

#masthead {
  height: 270px;
  padding-top:10px;
  text-align: right;
  position: relative;
  overflow: hidden;
}
.objects {
  margin: 0 18px 0 0; 
/*  position:relative;  /*cause problems in Firefox,Safari,Opera and Chrome */
  z-index:0;
}
#masthead img {
  float: left;
  margin: -8px 0 5px 15px;
}
#main { text-align: left; position:relative; padding:0 30px;}
/*
#main p, #main h2, #main h3, #main h4, #main ul, #main li, #footer p, #footer img, #main dl {
	margin-left: 40px;
}
#main p {margin-right:40px;}
#main>p {
	margin-right: 40px;
}
*/
#main img {
	margin: 5px;
}
#column_a, #column_b {
  text-align: left;
} 
#column_a {
  float: left;
  width: 340px;
}
#column_b {
  float: right;
  width: 340px;
}
#footer {
  margin: 0 auto;
  padding: 20px 0px 60px 40px;
  height: 200px;
  background: url("images/footerbg.gif") no-repeat center bottom; 
  text-align: center;
}
#home #footer {
  margin: 0 auto;
  padding: 20px 0px 50px 20px;
  height: 300px;
  background: url("images/footerbg.gif") no-repeat center top; 
  text-align: center;
  }
.clear {
  clear: both;
}

#main div p {
	padding:0;
	}	

/** Styles for specific pages **/
#home #footer {
	height: 350px;
	}
#contact #main, #contact #column_a, #contact #column_b, #termsandconditions #main {
	text-align: center;
	}	

#networking #main {
	height: 500px;
}
#antivirus #column_b table{
	float: right;
	margin-right: 35px;
}
#maincontact {
	margin-top: 250px;
}
/** Links ---------------------------- **/

a {
	color: #ef2453;
}
a:visited {
	color:#f69;
}

a:hover {
	text-decoration: none;
}
/** Navigation ------------------------ **/
ul { margin:0 0 0 25px;}


ul#topmenu {
  margin-right: 25px; font-size:85%;
}
ul#topmenu li{
  display: inline;  
  padding:0 3px;
  border-right: 1px dotted #ccc;
}

ul#mainmenu {
  margin: 0 0 0 0;
  padding: 9px 0 2px 19px;
  font-size: 0.9em;
}

ul#mainmenu li{
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	height:20px;
}
ul#mainmenu a {
	float: left;
	padding: 2px 5px 2px 5px;
	background-color: #EF2453;
	color: #fff;
	margin: 1px;
	text-align: center;
	text-decoration: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	
}

ul#mainmenu li a:hover {
	background-color: #6387C6;
}
ul#mainmenu li a:visited {
}
ul#mainmenu li a:active {
}
#masthead h1 img {
	border: none;
}
li#filler a {width:44px; height: 2em; padding:0; background-color:#6387C6;}


/** Form  ---------------------------- **/

form {
	margin: 0 5px 5px 0;
	padding: 0 20px 0 0;
}
fieldset {
	border: none;
	border-collapse: collapse;
	margin-bottom:20px;
}
/** Typography ----------------------- **/

p {
	margin-bottom: 1em;
}
main p {
	font-size: 0.7em;
}
#footer p{
  font-size: 80%;
}
#main ul.news {
list-style-type: circle;
margin-left: 5px;
}
ul {
	color: #3a3a3a;
}
blockquote {
  font-style: italic;
  font-size: 110%;
  margin: 0 40px;
}
/** Pictures and others ---------------- **/
.partner-logos {
	float:left;
	}
a img {
	border: none;
	}	
#awardbox {
	text-align: center;
	}

textarea {
	margin: 35px;
	}	
#contact #main #mapimg {
	float: left;
	margin-left: 35px;
}
.newsimage {
	float:left; margin-left:20px; clear:left; padding-right:20px;
}
.newsimagearea {
	float:left;
	padding-left:20px;
	position:relative;
	width:270px;
	text-align:center;
}
/* forms */
.fullwidth {width:99%;}
#about .newsimage {	float:left; margin-left:30px; clear:left; padding-right:20px; margin-bottom:10px;position:relative;}
#about .newsimagearea {	float:left;	padding-left:20px;	position:relative;	width:265px;text-align:center; padding-top:10px;}
.newsimage2 {	float:left; margin-left:10px; clear:left; margin-bottom:10px;position:relative;}
.newsimagearea2 {	float:left;	padding-left:20px;	position:relative;	width:250px;text-align:center; padding-top:10px;padding-right:20px;}

#newsarea1 {float:left; width:95%; text-align:left; position:relative; margin-left:20px; margin-right:40px;}
#newsarea2 {float:left; width:95%; text-align:left; position:relative; margin-left:20px; margin-right:40px;}
#newsarea3 {float:left; width:95%; text-align:left; position:relative; margin-left:20px; margin-right:40px;}
#newsareaimg1 {float:left; clear:left; position:relative; width:95%; text-align:center;}
#news #main { text-align: left; position:relative; padding:0 30px;}
#viewnewswrapper {padding:0;}
#show_news #main {text-align:center;}
#newsfooter {float:right; clear:right; position:relative; width:100%; text-align:center;}

.formtextbox {margin-left:38px}
/* No longer used */
/*
#newsareaimg2 {float:left; clear:left; position:relative; width:30%;}
#newsareaimg3 {float:left; clear:left; position:relative; width:30%;}
#newsareatxt1 {float:right; clear:right; position:relative; width:100%;}
#newsareatxt2 {float:right; clear:right; position:relative; width:100%;}
#newsareatxt3 {float:right; clear:right; position:relative; width:100%;}
*/

#wireless .newsimagearea {
	float:left;
	padding-left:20px;
	position:relative;
	width:270px;
	text-align:center;
	height: 800px;
}
/* dc pages */
#dcleftimgcolumn {position:relative; float:left; clear:left; width:170px; text-align:center; margin-left:20px;}
#dcrightimgcolumn {position:relative; float:right; clear:right; text-align:center; right:40px;}
#dcmaincontent { position:relative; float:left; clear:right; width:385px; text-align:left; padding:10px;}
#dcrightarea { position:relative; float:right; clear:right; width:606px;}
#dcsignage #dcmaincontent, #dctelephony #dcmaincontent{ position:relative; float:left; clear:right; width:505px; text-align:left; padding:10px;}
#dcsignage #dcleftimgcolumn, #dctelephony #dcleftimgcolumn {position:relative; float:left; clear:left; width:210px; text-align:center; margin-left:20px;}
#dcsignage #dcrightarea, #dctelephony #dcrightarea { position:relative; float:right; clear:right; width:546px;}
.dcservicediv {position:relative; float:left; clear:left; width:720px; margin-left:20px;}
.dcserviceimg {position:relative; float:left; clear:left; width:200px; text-align:center;}
.dcservicetxt {position:relative; float:right; clear:right;width:500px;  text-align:left; right:10px;}
.imagefloatright {
	float:right; margin-left:20px; clear:right; padding-left:10px;
}
/* news alert */
#news_alert {
	position:absolute;
	left:270px;
	top:290px;
	width:720px;
	text-align:center;
	color:#BE1F67;
	font-size:1em;
}
#products #masthead {height: 130px;}

/* ecasts no flash headers */
#page-noflash body {margin:0;}
#page-noflash #masthead {height: 140px;}
#page-noflash #main, #page-noflash #main li {text-align:left;}
#page-noflash #main li, #page-noflash #main ul,#page-noflash h2, #page-noflash p {margin-left:0;}
#page-noflash #main ul {padding:0 10px 10px 30px;}
#contentwrapper {position:relative; padding:5px 30px; width:660px; margin:auto;}
#documentwrap {position:relative; padding:2px; border:1px solid #DDDDDD;}
.documententry {position:relative; margin:0 0 5px 0;}
.documentimg {position:relative; float:left; width:50px; text-align:center; padding:5px;}
.documentright {position:relative; float:right; width:590px;} 
.documentmemo {position:relative; padding:5px;}
.documentlink {position:relative; padding:5px;}


#products #main {padding:0 20px;}
#mailsafeflash {padding:0 0 0 20px; margin:-5px 0 0 -15px;}
#clockdate {text-align:right; padding-right:15px;}
td.indent10 {padding:0 0 0 10px;}
li.livacancies {font-weight:bold;}
/* Environmental */
#environmental-page #masthead {height: 130px;}
#environmental-page #main {padding:0 20px;}
#environmental-page h2, #environmental-page h3, #environmental-page h4 {
	/*color: #EF2453;*/
	color:#339900;
	}
#environmental-page h3 {
	/*color:#0066CC;*/
	color:#339900;
	}
#environmental-page h4 {
	/*color: #000;*/
	color:#339900;
	}
	
#environmental-page h2 a {
	/*color: #EF2453;*/
	color:#339900;
}
#environmental-page h2 a:visited {
	/*color:#f69;*/
	color:#339900;
}
li.green {font-weight:bold;}
li.green a:link {color:#339900;}
li.green a:visited {color:#339900;}
li.green a:hover {color:#339900;}
li.green a:active {color:#339900;}
/* exceptions */
#maincontent p, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent ul, #maincontent li {margin:0 0 10px 0;}
.divannounce {position:relative; background-color:#EFEFEF; border:1px solid #DDDDDD; margin:5px; padding:5px 10px;} 
/*
#main .divannounce p {margin-left: 15px;margin-right: 15px;}
#main .divannounce h2 {margin-left: 15px;margin-right: 15px;}
*/
#vmware #masthead {
  height: 130px; 
}

#vmbody { position:relative; padding:0;}

/* live chat in masthead */
#livechatdiv {position:absolute; top:42px; left:195px; width:140px; text-align:left; height:68px;}
#tblpinpoint th {font-size:12px;}
.sectionfeature {margin:0 20px 5px 20px; padding:5px; border:2px solid #00A800;}
.sectionfeature ul {margin:0 0 0 10px; padding:5px 0;}
.sectionfeature ul li { list-style-image:url(images/tick-24.png); line-height:36px; padding:0;}

.sectionfeature p,.sectionfeature2 h4 {margin:0 0 5px 0;}
.sectionfeature2 {margin:0 20px 5px 20px; padding:5px; background-color:#EEE; border:1px solid #DDD;}
.sectionfeature2 ul {margin:0 0 0 10px; padding:0;}
.sectionfeature2 p,.sectionfeature2 h4 {margin:0 0 5px 0;}
/* home featured */
#featuredsection {position:relative; margin:0;}
.featsectionentry {position:relative;float:left; width:222px; padding:5px; margin:5px 5px 5px 0; border:1px solid #E1E1FF; height:135px; background-color:#F0F0FF;}
#vmwarefeatured {position:relative; margin:5px 0; border:border:1px solid #CACAFF ;background-color:#F0F0FF;padding:5px; clear:both;}
ol.olfullpage {margin:5px 10px 5px 20px;}

/* 2011 */
#main-2011 {padding:20px 20px 0 20px; text-align:left;}
#leftnav-2011 {position:relative; width:160px; float:left;}
#right-main-2011 {position:relative; width:570px; float:right;}
#breadcrumbs-2011 {position:relative; padding:5px; font-size:10px;}
#right-main-body-2011 {position:relative; width:350px; float:left; padding:5px;}
#right-main-image-2011 {position:relative; width:200px; float:right; font-style:italic; font-size:10px;}
ul.ulleftnav { position:relative; padding:0; margin:0 0 0 10px;}
ul.ulleftnav li {list-style:none; margin-bottom:2px;}
ul.ulleftnav li a { padding:2px 10px; background-color:#ADADAD; color:#FFF; text-decoration:none; display:block;}
ul.ulleftnav li a:hover { background-color:#858585; color:#FFF; text-decoration:none;}
ul.ulleftnav li ul {margin-left:20px;}
ul.ulleftnav li ul li {list-style-type:square;}
ul.ulleftnav li ul li a { padding:2px 5px 2px 0; background-color:#FFF; color:#333; text-decoration:none; display:block; border-bottom:1px solid #DDD;}
ul.ulleftnav li ul li a:hover { color:#ED2452; text-decoration:none; background-color:inherit;}
ul.uldoclist {margin:10px; padding:0;}
ul.uldoclist li { list-style:none; height:40px; background-image:url(images/doctypes/pdf.gif); background-position:top left; background-repeat:no-repeat; padding:0 0 0 45px; border:1px solid #DDD; margin:0 0 5px 0;}
.aligncenter {text-align:center;}

#page-telecoms #masthead {height: auto;padding-top:10px;text-align: right;position: relative;overflow:auto;}
#page-telecoms #footer {  margin: 0 auto;  padding: 20px 0px 60px 0;  height: 80px;}
#vmware #main img {
	margin: 0;
}
#ruckuswrap { position:relative;}
#ruckusside { position:relative; width:160px; float:left; padding:5px;}
#ruckusmain { position:relative; width:520px; float:right; padding:5px;}
#ruckuscontact { position:relative; padding:5px 10px 0 10px; margin:5px; background-color:#E9E9F3;border:1px solid #CCCCE6; text-align:center;}
#ruckusside ul { margin:0; padding:0;}
#ruckusside ul li a { padding:5px; display:block; color:#333; text-decoration:none;background-color:#EEE;}
#ruckusside ul li a:hover {background-color:#DDD;}
#ruckusside ul li {border-bottom:1px solid #CCC; list-style:none; margin:2px 0 1px 0;}
#ruckusmain ul li { list-style-image:url(images/doctypes/tick-16.png);}