/*
  CSS Document for converge-it.net -  
  Designed and built by Richard Hartley and Gavin Taylor ( TexT Internet Marketing - http://text.co.uk )
  Date created - 23 June 2008
*/

* {margin: 0px; padding:0px}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;
  margin: 0px;
  padding: 0px 20px;
}

p {
  margin: 0px;
  padding: 5px 0px;
}

a {
  color: #2FB1CB;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}
a:active {
  text-decoration: underline;
}

img {
border:0px;
}

img.legal_associates {
clear:both;
margin-top:10px;
	}

h1, h2, h3, h4 {
  margin: 0px;
}

h1 {
  font-size: 14px;
  color:#000000;
  font-weight: bold;
  margin: 10px 0px 0px 0px;
}

h2 {
  font-size: 12px;
  color:#000000;
  font-weight: bold;
}

h3 {
  font-size: 12px;
  color:#008E77;
  font-weight: bold;
}

h4 {
  font-size: 12px;
  color:#008E77;
}

ol, ul {
padding: 0px 0px 0px 20px;
margin-left:20px;
}


fieldset {
  margin: 10px 0px;
  padding: 5px;
  border: none;
}

legend {
  font-weight: bold;
}

a.support, a.solutions {
display:block;
width:166px;
height:35px;
float:left;
margin:0px;
padding:0px;
}

a.hosted_solutions {
background-image:url(../images/structure/hosted_solutions_button_off.jpg);
background-repeat:no-repeat;
display:block;
width:167px;
height:35px;
float:left;
margin:0px;
padding:0px;
}

a.hosted_solutions:hover {
background-image:url(../images/structure/hosted_solutions_button_on.jpg);
background-repeat:no-repeat;
}

a.support {
background-image:url(../images/structure/support_button_off.jpg);
background-repeat:no-repeat;
}

a.support:hover {
background-image:url(../images/structure/support_button_on.jpg);
background-repeat:no-repeat;
}

a.solutions {
background-image:url(../images/structure/solutions_button_off.jpg);
background-repeat:no-repeat;
}

a.solutions:hover {
background-image:url(../images/structure/solutions_button_on.jpg);
background-repeat:no-repeat;
}

a.it_support {
	display:block; 
	width:283px;
	height:61px;
	background-image:url(../images/structure/it_support_calculator_button.gif);
	}
	
	a.it_support:hover {
	background-position:0% 100%; 
	}
	
		a.it_support_internal {
	display:block;
	width:140px;
	height:61px;
	background-image:url(../images/structure/legal_sector_internal.jpg);
background-repeat:no-repeat;
	margin:0px;
}

a.it_support_internal:hover {
	background-position:0% 100%;
	}


a.online_backup {
	display:block;
	width:290px;
	height:57px;
	background-image:url(../images/structure/button_online_backup.jpg);
	margin:0px;
	margin-left:2px;	}

a.online_backup:hover {
	background-image:url(../images/structure/button_online_backup_active.jpg);
	}

	a.online_backup_internal {
	display:block;
	width:140px;
	height:64px;
	background-image:url(../images/structure/button_online_backup_internal.jpg);
	margin:0px;
}


a.online_backup_internal:hover {
	background-image:url(../images/structure/button_online_backup_internal_active.jpg);
	}

	a.it_calculator{
	display:block;
	width:283px;
	height:56px;
	background-image:url(../images/structure/button_support_calculator.jpg);
	}

a.it_calculator:hover {
	background-image:url(../images/structure/button_support_calculator_active.jpg);
	}

		a.it_calculator_internal {
	display:block;
	width:140px;
	height:58px;
	background-image:url(../images/structure/button_support_calculator_internal.jpg);
	}

a.it_calculator_internal:hover {
	background-image:url(../images/structure/button_support_calculator_internal_active.jpg);
	}

a.contact_button {
	display:block;
	width:283px;
	height:61px;
	background-image:url(../images/structure/button_contact_us.gif);
	}

	a.contact_button:hover {
	background-position:0% 100%;
	}

	a.contact_button_internal {
        clear:both;
	display:block;
	width:151px;
	height:64px;
	background-image:url(../images/structure/button_contact_us_internal.jpg);
	}

a.contact_button_internal:hover {
	background-image:url(../images/structure/button_contact_us_internal_active.jpg);
	}

a.blue_sky {
	display:block;
	width:283px;
	height:64px;
	background-image:url(../images/structure/button_legal_sector.gif);
	background-repeat:no-repeat;
}
	

a.blue_sky_internal {
	display:block;
	width:140px;
	height:64px;
	background-image:url(../images/structure/blue_sky_internal.gif);
	background-repeat:no-repeat;
}

a.blue_sky:hover, a.blue_sky_internal:hover {
	background-position:bottom;
}

a.blue_sky:hover {
	background-position:0% 100%;
}
	
	
span.show_none {
	display:none;
}

div.left_column fieldset {
  margin: 20px 10px 0px 0px;
}

form#contact_us_form {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:0 5px;
}

form#contact_us_form input,  form#contact_us_form textarea{
width:300px;
border:1px solid #ccc;
}

p.contact {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}


form#contact_us_form fieldset legend {
padding-left:120px;
}

form#contact_us_form td.col1 {
text-align:right;
}

form#contact_us_form td.col2 {
padding:4px 0px 0px 4px;
}


div.quick_search {
  float: left;
  height: 47px;
  width: 195px;
  padding-left: 135px;
  margin-top: 0px;
  vertical-align: bottom;
}
input.search_textbox {
  margin-bottom: 5px;
}
input.search_textbox_header {
  margin-bottom: 5px;
	color: #666666;
}
input.search_textbox_header:focus {
	color: #000000;
}

input.search_button {
  vertical-align: top;
}

div.search_tools {
  padding: 10px;
  margin: 10px auto 20px auto;
  text-align: center;
  background-color: #FFD7CF;
}

span.required {
  color: #FF0000;
}

div.wrapper {
  width: 800px;
  margin: 10px auto;
}

div.header {
  height: 77px;
  width: 800px;
  vertical-align: bottom;
	overflow:hidden;
}

div.header img.header_logo {
  float: left;
  clear: right;
}

a.header_logo {
 display:block;
 height:67px;
 width:300px;
 float:left;
}

div.header img.contact_us {
  float: right;
  margin-top:20px;
}

div.converge_login {
float:right;
margin:0px;
padding:0px;
height:24px;
width:189px;
background-image:url(/images/structure/my_converge_it.gif);
background-repeat:no-repeat;
}

a.converge_login {
display:block;
margin:0px;
padding:0px;
height:24px;
width:189px;
}

/* top menu bar - nav 1 */

div.menu_bar {
  border: 1px solid #CCCCCC;
  height: 22px; padding:0px;
  background-color: #EAEAEA;
}

ul.navigation_level_1 {
clear:both;
height:19px;
margin:0;
padding:0;
background:url(../images/structure/level_1_nav_background.jpg) repeat-x;
}

ul.navigation_level_1 li {
display:inline;
margin:0;
height:17px;
width:auto;
}

ul.navigation_level_1 li a {
color: #000000;
font-weight: bold;
font-size: 11px;
text-decoration:none;
text-align:center;
padding: 4px 30px;
display:block;
float:left;
background:url(../images/structure/level_1_nav_background.jpg) repeat-x;
}

ul.navigation_level_1 li.first a {
	padding: 4px 29px 4px 29px;
}

ul.navigation_level_1 li.last a {
	padding: 4px 29px 4px 29px;
}


ul.navigation_level_1 li a:hover, ul.navigation_level_1 li a.selected {
background-color:#000000;
color: #FFFFFF;
text-decoration:none;
background:url(../images/structure/level_1_nav_hover_background.jpg) repeat-x;
}


/* left internal menu - nav 2 */

ul.navigation_level_2 {
padding: 0px 0px 0px 1px;
margin: 1px 0px 0px 0px;
width: 150px;
background-image: url('../images/structure/level2_background.gif');
background-repeat: repeat-y;
float:left;
}

ul.navigation_level_2 li {
padding:0px 0px 0px 0px;
margin:1px 0px 1px 0px;
display:block;
background:url(../images/structure/level2_nav_divider.jpg) no-repeat bottom right;
width:148px;
list-style-type:none;
float:left;
}

ul.navigation_level_2 li a{
color: #000000; 
font-size: 12px;
text-decoration:none;
padding:2px 0px 2px 15px;
margin:0px;
display:block;
height:21px;
}

ul.navigation_level_2 li a:hover, ul.navigation_level_2 li a.selected {
color:#2FB1CB;
text-decoration: none;
background:url(../images/structure/level2_nav_active.jpg) no-repeat right ;
}



/* left internal menu - nav 3 */

ul.navigation_level_3 {
padding: 0px;
margin: 0px 0px 0px 0px;
width: 140px;

}

ul.navigation_level_3 li {
padding:0px;
display:block;
margin:0px 0px 1px 0px;
background-image:none;
}

ul.navigation_level_3 li a{
color: #000000;
font-size: 11px;
text-decoration:none;
padding:0px 0px 0px 22px;
display:block;
}

ul.navigation_level_3 li a:hover, ul.navigation_level_3 li a.selected {
color:#2FB1CB;
text-decoration: none;
background-image:none;
}

/* button menu */

div.button_menu{
 width: 504px;
 height: 28px;
 overflow:visible;
}
img.home_button {
 float: left;
 clear: right;
 border: none;
}

/* left col - home template*/
div.left_column {
  width: 500px;
  float: left;
  clear: none;
  overflow: hidden;
  padding-top: 7px;
}
div.left_column p {
  margin: 5px 0px;
	padding:5px 0;
}
div.left_column img.image_placeholder{
  float: left;
	clear:none;
}

div.left_column ol, ul{
	margin-left:10px;
	padding-left:20px;
}

/* left col - 3 col templates*/
div.left_3col {
  width: 151px;
  float: left;
  padding: 7px 0px 0px 0px; margin:0px;
}
div.left_menu {
  height: auto;
  overflow: visible;
  background-image: url('../images/structure/level_2_nav_top.gif');
  background-repeat:no-repeat;
	background-position: 0 0;
  clear: both; margin:0px;
  padding:1px 0px 0px 0px;
	float:left;
}

div.left_menu_bottom{
clear:both;
	 background-image: url('../images/structure/level2_nav_bottom.jpg');
	 width:151px;
	 height:48px;
}

/* main col - 3 col templates*/
div.main_3col {
  float: left;
  width: 504px;
  padding-left: 4px;
  padding-top: 7px;
  overflow:visible;
}
div.main_3col p {
  margin: 5px;
}
div.main_3col img.image_placeholder{
  float:left;
  margin-left:2px;
}




div.main_wide {
  float: left;
  width: 639px;
  margin-left: 10px;
  overflow:visible;
}

div.main_wide p {
  margin:0px 5px;
}

/* right col - 3 col template_news*/
div.right_3col {
  float:left;
  width:140px;
  padding-top: 7px;
}




/* right col - home template */
div.right_column {
  width: 280px; margin-right:0;
  float: right;
  padding-top: 7px;
	clear:none;
}
div.right_column img {
  border: 0px;
  float:right;
}

div.block {
  clear: both;
  border: 1px solid #CCCCCC;
  padding: 5px;
  color: #666666;
}

div.block_heading {
  clear: both;
  height: 14px;
  color:#2FB1CB;
  background-image:url('../images/structure/box_head_background.jpg');
  background-repeat: repeat-x;
  margin-top: 3px;
  border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
}

.block_heading_testimonials{
 clear: both;
  height: 14px;
  color:#2FB1CB;
  background-image:url('../images/structure/box_head_background.jpg');
  background-repeat: repeat-x;
margin-top:8px;
border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
}


/* footer */

div.sponsors {
 text-align: center;
 width: 799px;
 float: left;
 clear: none;
 color: #000000;
 border: 1px solid #CCCCCC;
 margin-top: 5px;
}
div.sponsors img
{
 padding: 8px 12px 3px 12px;
}

div.footer
{
text-align:left;
clear: both;
padding:0px 5px 0px 5px;
color:#666666;
width: 800px;
margin:auto;
}

div.b_nav {
  float: left;
  width: 400px;
}

div.footer ul
{
color: #666666;
padding:0px;
vertical-align: top;
margin: 4px 0px 0px 0px;
}
div.footer ul li
{
display:inline;
margin:4px 0px 0px 0px;
padding:0px;
float:left;
}
div.footer ul li a
{
color: #666666;
font-size: 11px;
text-decoration: none;
margin:0px;
padding:0px 3px;
}
div.footer ul li a img
{
margin:0px;
padding:0px;
}
div.footer p a
{
color: #666666;
text-decoration: none;
}

div.footer p.by_ukfast
{
color: #666666;
font-size: 10px;
float: right;
width: 400px;
text-align: right;
}

div.footer p.con_it
{
text-align:left;
clear: both;
color: #666666;
font-size: 10px;
}


/* other */

span.highlighted {
  background-color: #FFD7CF;
}

div.errors {
  position:relative;
  border: solid 1px red;
  margin:10px 0px;
  padding: 5px 0px;
  background: url(http://images.harperjames.com/control_panel/icons/ordererror.gif) #FFE1E1 no-repeat 6px 7px;
  width: 99%;
}

div.errors p {
  margin: 0px 30px;
  padding-bottom: 5px;
  text-align: justify;
}

div.errors ul {
  color: #F00;
  list-style-type: disc;
  list-style-position:inside;
  font-weight:bold;
  margin:0px 0px 0px 30px;
  padding:0px;
}

div.errors ul li {
  margin-bottom:3px;
}

div.confirmation {
  border: solid 1px #00F;
  margin:10px 0px;
  padding: 5px 0px;
  background: url(http://images.harperjames.com/control_panel/icons/blue_info_graphic.gif) #E1E1FF no-repeat 6px 7px;
}

div.confirmation p {
  margin: 0px 30px;
  padding-bottom: 5px;
  padding-left:0px;
  text-align: justify;
}

div.confirmation ul {
  color: #00F;
  list-style-type: disc;
  list-style-position: inside;
  font-weight: bold;
  margin: 0px 0px 0px 30px;
  padding: 0px;
}


div.confirmation ul li {
  margin-bottom: 3px;
}

/* jargon css */

div.alphabet{
  padding: 10px 0px;
}

div.alphabet ul {
  margin: 0px 0px 0px 30px;
  padding: 0px;
}

div.alphabet ul li {
  display:inline;
  background-color:#EAEAEA;
  border:1px solid #CCCCCC;
  padding:1px 3px 1px 3px;
  text-align:center;
  width:12px;
  color:#333333;
  margin-left: 3px;
}

div.alphabet ul li:hover {
background-color:#9dd2f4;
text-decoration:none;
}

div.alphabet a {
text-align:center;
width:12px;
}

div.alphabet a:hover {
text-decoration:none;
}

div.alphabet a#active_letter {
background-color:#2FB1CB;
color:#FFFFFF;
}

table.jargon {
  margin: 5px 0px 30px 0px;
  width: 98%;
}
table.jargon tr {
  padding-bottom: 15px;
}
table.jargon td {
  vertical-align: text-top;
}
table#hoverhighlight tr.shaded {
  background: #E3E7E8;
}
table#hoverhighlight tr.highlight td {
background: #A2D1EB;
}

div.helpdesk_box {
		width:485px;
		height:235px;
		position:relative;
		background-image:url(../images/structure/helpdesk_box.jpg)
		}
		
div.helpdesk_box p {
	padding: 80px 100px 0px 50px;
	color:#999;
	line-height:20px;
	}
	
div.helpdesk_box img.help_button {
	position:absolute;
	right:2px;
bottom:38px
	}
/* end of jargon css */


/* support calculator */
fieldset.support_calculator  {
  border: none;
	background-image: url(../images/structure/calculator_background.jpg);
	background-repeat: no-repeat;
  margin-top: 20px;
	padding: 55px 2px 2px 30px;
	height: 300px;
	width: 470px;
	color: #333333;
	font-weight: bold;
}
fieldset.support_calculator p {
	margin-left: 40px;
	width: 200px;
}
fieldset.support_calculator legend {
  display: none;
}
fieldset.support_calculator table {
  margin: 10px 0px 10px 0px;
	width: 350px;
}
fieldset.support_calculator table td.col1 {
  text-align: right;
	padding-right: 10px;
	width: 120px;
}
fieldset.support_calculator table input#quote_submit_button {
	margin: 3px 0px 0px 3px;
}


a#special_offer {
	display:block;
	width:286px;
	height:92px;
	background-image:url(../images/structure/special_offers_button.jpg);
	background-repeat:no-repeat;
	margin-left:-8px; color:#fff;
}

a#special_offer:hover {
	text-decoration:none;
}

a#special_offer div {
	padding:35px 10px 5px 15px;
}

a#special_offer span.special_offer_title {
	font-weight:bold;
}

#homepage_content_box {
margin-top:10px;
}

#homepage_content_box a#pay_as_you_go_box {
width:246px; float:left;
height:150px;
background:url(/images/structure/converge_it_homepage_boxes_blue_icon.jpg) no-repeat;
text-decoration:none;
display:block;
}

#homepage_content_box a#it_support_box {
width:246px; float:left; 
margin-left:6px;
height:150px;
background:url(/images/structure/converge_it_homepage_boxes_green_icon.jpg) no-repeat;
text-decoration:none;
display:block;
}

#homepage_content_box h1 {
 padding:4px 10px;
}

#homepage_content_box a#pay_as_you_go_box ul, #homepage_content_box a#it_support_box ul {
margin:4px 0 0 0; 
width:230px;
padding:0px 0 0px 10px;
}

#homepage_content_box a#pay_as_you_go_box ul li {
margin:0px;
padding:5px 5px;
list-style-type: disc;
list-style-position:inside;
}

#homepage_content_box a#it_support_box ul li{
margin:0px;
padding:5px 5px;
list-style-type: disc;
list-style-position:inside;
}