@charset "utf-8";
/* CSS Document */

body {
	background-color:#d7d7d7;	
}

.siteborder {
	border:8px solid #e5e5e5;
}

.maintable {
	background-color:#fff;
	border:2px solid #fff;
}

/* LEFT PANEL */
.leftpanel {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0033cc;
	padding:3px;
	border:1px solid #6699ff;
	line-height:19px;
}

/* LEFT PANEL LINK */
.leftpanel a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6699ff;
	text-decoration:none;
	font-weight:bold;	
}

/* LEFT PANEL LINK HOVER */
.leftpanel a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0033cc;
	text-decoration:none;
	font-weight:bold;
	text-decoration:underline;
}

/* LEFT PANEL SPLIT */
.split {
	border-bottom:1px solid #dddddd;
	padding-left:3px;
}

/* THE DARK BLUE CONTACT US LINK IN LEFT MENU */
.split_contact { border-bottom:1px solid #dddddd; padding-left:3px; }
.split_contact a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0033cc;
	text-decoration:none;
	font-weight:bold;	
}

.MainMenu {
	background-color:#0033cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	}

/* ********** [ HEADER ] ********** */

.header {
	background-image:url(../images/header_bg_gradient.gif);
	background-repeat:repeat-x;
	background-color:#0033cc; /* BLUE LINE BELOW GRADIENT */
	height:114px; /* LEAVE AS IS FOR BLUE LINE BELOW GRADIENT */
	border-bottom:1px solid #ffffff; /* JUST A 1px PADDING AT THE BOTTOM */
}

/* TOP RIGHT WHITE LINKS */
.topwhitelinks {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-right:20px;
}

/* THIS WOULD BE THEIR LINK STYLING */
.topwhitelinks a {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* THIS IS TOPWHITELINKS HOVER STYLING */
.topwhitelinks a:hover {
	color:#0033CC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* TOP RIGHT CONTACT DETAILS  */
.topcontactlinks {
	color:#0033CC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-right:20px;
	font-weight:normal;
}

/* TOP RIGHT CONTACT DETAILS LINK  */
.topcontactlinks a {
	color:#0033CC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

/* ********** [ NAVIGATION ] ********** */

div#headernav_wrap {
	height: 26px; /* HEIGHT OF MENU BAR */
	background: #2274D9; /* BACKGROUND COLOUR OF MENU */
	position: center;}

	div#headernav { margin: auto auto; width: 780px; }

		div#headernav ul {
			margin: 0px;
			padding: 0px;
			height: 26px;  /* HEIGHT OF MENU BAR */
			list-style-type: none; }

			div#headernav ul li {
				margin: 0px; padding: 0px;
				float: left; }

				div#headernav ul li a {
					padding: 0px 20px;
					height: 26px;
					display: block;
					float: left;
					font: 12px/26px arial;  /* MUST EQUAL HEIGHT OF MENU BAR */
					color: #ffffff;
					text-decoration: none; }

/* THE HOVER COLOUR OF THE MENU */
div#headernav ul li a:hover { background: #619DE6; color: #ffffff; }

/* BODY TEXT */
.bodytext {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:7px;
}

/* BODY TEXT HEADER */
.bodytext_header {
	font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333333; font-weight:bold;
}

/* BODY TEXT LINKS */
.bodytext a {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#6699ff; 
	}

/* BODY TEXT LINKS HOVER */
.bodytext a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0033cc;
	text-decoration:underline; 
	}

/* BODY TEXT B */
.bodytext_b {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333; 
	padding-bottom:7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 0px	
}

/* BODY TEXT B LINKS */
.bodytext_b a {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#6699ff; 
	}
	
/* BODY TEXT B LINKS HOVER */
.bodytext_b a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0033cc;
	text-decoration:underline; 
	}

/* BREAD CRUMB TEXT*/
.bctext {
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6699ff; padding:7px; text-transform:capitalize;
}

/* BREAD CRUMB TEXT*/
.bctext a {
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6699ff; text-transform:capitalize; font-weight:bold;
}

/* CONTACT FORM TEXT */
.contactformtext {
	background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:7px; line-height:30px;
}

/* CONTACT FORM INPUTS */
.contactforminput { border:3px solid #f5f5f5; padding:6px; background-color:#900; }

/* FOOTER */
.footer { background-color:#3e79ef; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
/* FOOTER LINK */
.footer a { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; }

/* GREEN FIELD BODY FOOTER */	
.greenfields { 
     background-image:url(../images/img_footer.jpg); 
     background-repeat:no-repeat; 
     font-family:Arial, Helvetica, sans-serif; 
     color:#FFFFFF; 
     font-size:10px; }
     
.greenfields_div { 
     width:600px; 
     text-align:left; 
     padding-left:10px; 
     font-family:Arial, Helvetica, sans-serif; 
     color:#FFFFFF; 
     font-size:11px; }
     
.greenfields_div a {  
     font-family:Arial, Helvetica, sans-serif; 
     color:#FFFFFF; 
     font-size:11px; 
     font-weight: normal; }
     
.greenfields_div a:hover {  
     font-family:Arial, Helvetica, sans-serif; 
     color:#d7d7d7; 
     font-size:11px; 
     font-weight: normal; }
          
.greenfields_synergy { 
     width:600px; 
     text-align:left; 
     padding-left:11px; 
     font-family: Arial, helvetica; 
     color:#000000; 
     font-size:18px; 
     font-weight:bold;}

/* FIRST IT SOLUTIONS BLOCK ON HOMEPAGE */
.homepage_itsolutions { background-image:url(../images/img_laptop.jpg); background-repeat:no-repeat; background-position:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000; font-weight:bold; text-align:right; padding-right:10px; border-bottom:1px solid #dddddd;  }

.homepage_itsolutions_text { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:normal; text-align:right;  }

/* IT SOLUTIONS LINK */
.homepage_itsolutions_text a { 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:11px; 
    color:#2274D9; 
    font-weight:bold; }
    
/* CONNECT LINK HOVER */
.homepage_itsolutions_text a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0033cc;
	font-weight:bold;
	text-decoration:underline; }
	
/* SECOND CONNECT BLOCK ON HOMEPAGE */
.connect { 
    background-image:url(../images/img_people.jpg); 
    background-repeat:no-repeat; 
    background-position:right bottom; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:16px; color:#000; 
    font-weight:bold; 
    text-align:left; 
    padding-left:10px; 
    border-bottom:1px solid #dddddd;  }

.connect_text { 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:11px; color:#000; font-weight:normal; text-align:left;  }

/* CONNECT LINK */
.connect_text a { 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:11px; 
    color:#2274D9; 
    font-weight:bold; }

/* CONNECT LINK HOVER */
.connect_text a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0033cc;
	font-weight:bold;
	text-decoration:underline;
}

/* SALES EMAIL*/
.sales_email {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#333333;
	font-weight:normal;
	text-decoration:underline;
}

/* SALES EMAIL LINKS */
.sales_email a {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#333333;
	font-weight:normal;
	text-decoration:underline;
	}

/* SALES EMAIL LINKS */
.sales_email a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	font-weight:normal;
	text-decoration:underline;
	}

/* THANK YOU MESSAGE AFTER SENDING MAIL FROM FORM */
#thankyou {
	background-color:#ffffff; border:10px solid #e6e6e6; text-align:center;
	color:#555555; font-family:Arial, Helvetica, sans-serif; font-size:12px;
	padding:20px;
}

#thankyou a { text-align:center; color:#ff0000; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

/* BAD MAIL INPUT */
h3 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333333; }

/* MESSAGE FORM */
.message_form_table{border-collapse: collapse; font-family: sans-serif; font-size: 12px; color: #999999;}
#message_form_table_2{ border: solid #999999 0px; }
.message_form_table td{border-collapse: collapse; padding: 0px; margin: 0px;}
.message_form_table td div{margin: 0px;}

.field_label_cell{width: 175px;}
.field_label_container{text-align: right; padding-right: 15px;}


.textarea_label_cell{}
.textarea_label_container{padding-left: 10px; text-align:left;}

.textarea_container{padding: 10px;}
.textarea_container textarea{border-collapse: collapse; }

.input_field_container{width: 100%; vertical-align: middle; padding: 5px 0px; text-align: center;}
.input_field_container input[type="text"]{border-collapse: collapse; border: solid #999999 1px; width: 95%;}

#validation_code_field_container{float: left; text-align: center;width: 75px;}
#validation_code_field{width: 71px;}
#message_textarea { text-align:left;}
.checkbox_group_container{}

.sending_message_block{text-align: center; font-size: 12px; height: 335px; font-family: sans-serif; color: #333333;}

/* END MESSAGE FORM */
