/* CSS Document */

body { /*These are the styles for the Screen */
	margin: 0;
	padding: 0;
	background-image:url('../images/screen_background.gif');
	background-size: 100%;
	background-color:#000033;

}


#Page {
	position:relative;
	width: 800px;
	margin: 0 auto;
	padding:0px;
	background-color:#FFFFFF;
}

#PageHeader {

}

#Banner {
	margin-left: auto;
	margin-right: auto;
	width: 830px;
	min-width: 830px;
	height:120px;
	background-image:url('../images/vicom_banner_black_bg.gif');

}

#SearchBox {
	float:right;
	margin-right: 30px;
	margin-top: 80px;
	color:#FFFFFF;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#NavBar {
	background-color:#0055AA;
	height:20px;
	min-height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:0;
	font-weight:bold;
	position:relative; 
	z-index: 1000;
}

#NavBar a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}


#PageBody {

}

#PageBody p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0;
	margin-bottom:10px;
	font-weight:normal;
	font-style:normal;
	color:#000000;
}

#PageBody a {
	color:#0055AA;
	text-decoration:none;
}

#PageBody a:hover {
	color:#FFBB22;
	text-decoration:underline;
}

#PageBody h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#0055AA;
	font-style:italic;
	margin-top:0;
	margin-bottom:5px;
}

#PageBody h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFBB22;
	font-style:italic;
	margin-top:0;
	margin-bottom:5px;
}

#PageBody h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0055AA;
	font-style:italic;
	margin-top:0;
	margin-bottom:5px;
}

#PageBody img{
	margin-top:0;
	margin-bottom:5px;
	margin-left:0;
	margin-right:10px;	
}



#LeftColumn {
	float: left; /* since this element is floated, a width must be given */
	width: 550px;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
}

#RightColumn {
	float:right;
	width: 250px;
	margin: 0;
	padding: 0;
	text-align:left;
}

.BoxTitle {
	height:20px;
	background-image:url('../images/box_title_image.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color:#0055AA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	font-style:italic;
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:3px;
	padding-left:5px;
}

.BoxLeft {

	position:relative;
	width:510px;
	min-height:100px;
	height:auto;
	border:1px solid #0055AA;
	padding:9px;
	margin-left:10px;
	float:left;
	display:inline;
	margin-top:10px;

}


.TwoColumnShaded .Column1 {
	position:relative;
	float: left; /* since this element is floated, a width must be given */
	width: 244px;
	height: 200px;
	background-color:#FFFFFF;
	border-left:1px solid #0055AA;
	border-bottom:1px solid #0055AA;
	border-top:1px solid #0055AA;
	padding:10px;
	float:left;
	display:inline;
	margin-top:10px;
	margin-left:10px;
	margin-right:0;

}

.TwoColumnShaded .Column2 {
	position:relative;
	background-color:#AABBCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width: 244px;
	height: 200px;
	border-right:1px solid #0055AA;
	border-bottom:1px solid #0055AA;
	border-top:1px solid #0055AA;
	float:right;
	display:inline;
	margin-top:10px;
	margin-left:0;
	margin-right:10px;
	padding:10px;
}

.ShadedScrollArea {
	margin-top:15px;
	margin-left:10px;
	height:160px;
	overflow: auto;

}

.BoxRight {

	position:relative;
	width:220px;
	min-height:100px;
	height:auto;
	border:1px solid #0055AA;
	padding:9px;
	margin-right:10px;
	float:left;
	display:inline;
	margin-top:10px;

}

#WideColumn {
	float: left; /* since this element is floated, a width must be given */
	width: 760px;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
}

.BoxWide {
	position:relative;
	width:760px;
	min-height:100px;
	height:auto;
	border:1px solid #0055AA;
	padding:9px;
	margin-left:10px;
	float:left;
	display:inline;
	margin-top:10px;

}



.BoxCornerLeftTop{
	position:absolute;
	top:-1px;
	left:-1px;
	width:9px;
	height:9px;
	overflow:hidden;
	background-image:url('../images/crn_top_left.gif');
	background-repeat:no-repeat;
}
.BoxCornerRightTop{
	position:absolute;
	top:-1px;
	right:-1px;
	_right:-2px;
	background-image:url('../images/crn_top_right.gif');
	background-repeat:no-repeat;
	width:9px;
	height:9px;
	overflow:hidden;
}

.BoxCornerLeftBottom{
	position:absolute;
	bottom:-1px;
	left:-1px;
	background-image:url('../images/crn_bottom_left.gif');
	background-repeat:no-repeat;
	width:9px;
	height:9px;
	overflow:hidden;
}
.BoxCornerRightBottom{
	position:absolute;
	bottom:-1px;
	right:-1px;
	_right:-2px;
	background-image:url('../images/crn_bottom_right.gif');
	background-repeat:no-repeat;
	width:9px;
	height:9px;
	overflow:hidden;
}



#Clear {
	margin:0;
    	clear:both;
}

#PageFooter {
	background-image:url('../images/page_bottom_corners.png');
	background-repeat:no-repeat;
	height:25px;
    	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0055AA;
	font-weight:bold;
	text-align:center;
	padding-top:12px;
	margin:0 auto;
	width: 800px;
}

#PageFooter a {
	color:#0055AA;
	text-decoration: none;


}

#ScreenFooter {
	width: 800px;
	height: 25px;
	margin:5px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align: left;
}

#ScreenFooter a {
	color:#AABBCC;
	text-decoration: none;
}

#ScreenFooter a:hover {
	color:#AABBCC;
	text-decoration: underline;
}

#Copyright {
	float:left;
	width: 50%;
	margin: 0;
	padding: 0;
}

#TM {
	float:right;
	width: 50%;
	margin: 0;
	padding: 0;
	text-align: right;
}

#List {
	margin:0;
	padding:0;
	border:0;
	width:100%;
  	border-collapse: collapse;
	border-spacing: 0;
}

#SalesCallBox {
	background-color:#AABBCC;
	position:relative;
	width:220px;
	min-height:100px;
	height:auto;
	border:1px solid #0055AA;
	padding:9px;
	margin-right:10px;
	float:left;
	display:inline;
	margin-top:10px;

}

#SalesCallBox .FieldLabelText {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#FFFFFF;
	font-size:11px;
}

#SalesCallBox .FieldText {
	font-size:13px;
}

#SalesCallForm {
	margin:0;
}

#SalesCallText {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#FFFFFF;
	font-size:18px;
}

#SalesCallForm input { /*Styles for the input fields the Request Sales Call form*/
	font-size:13px;
}

#SalesCallForm #FormButton {
	color:#FFFFFF; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-weight:bold;
	background-color: #0055AA;
	width:205px;
	padding:5px;
	margin-top:5px;
	margin-bottom:0;
	margin-left:5px;
}

#WebForm .FieldRequiredText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFBB22;
}

#WebForm .FieldLabelText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:200px;
	text-align:right;
	padding-right:5px;
}

#WebForm .FieldText {
	font-size:12px;
}

#WebForm .BodyText {
	font-size:12px;
}

#WebForm #FormButton {

}

/*Added the following CSS for Joomla Only*/
#PageBody .ShadedScrollArea h2{
	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;
	color:#0055AA;
	font-style:italic;
	margin-top:0;
	margin-bottom:5px;
   text-transform:capitalize;
}
#Banner #SearchBox .search .button
{
   vertical-align: top;
}

#List a{
	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;
	color:#0055AA;
	font-style:italic;
	margin-top:0;
	margin-bottom:5px;
   text-transform:uppercase;
}

a.newslink
{
   font-size:12px;
   font-family:Arial, Helvetica, sans-serif;
}

a.catlink
{
   font-size:12px;
   text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}

.jwrapper_ {
	height:20px;
	background-image:url('../images/box_title_image.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color:#0055AA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	font-style:italic;
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:3px;
	padding-left:5px;
}

#PageBody h1.jwrapper_ 
{
	color:#FFFFFF;
}

ul, li
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#PageBody #page
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

address
{
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:#000000;
}

#PageBody h2 a
{
   color:#FFBB22;
}

#PageBody h1 a
{
   color:#0055AA;
}