@charset "utf-8";
/* CSS Document */

body{
background-image:url(../images/background.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#c6e0ea;
color:#666666;
font-family: Arial, Tahoma,  Verdana, sans-serif; 
text-align:center;
height: 100%;
font-size:0.8em;
}

a, a:link, a:hover, a:visited{color: #0174a4; font-weight:bold;}
.links a, .links a:link, .links a:hover, .links a:visited {color:#FFFFFF;}
span{padding:0px; margin:0; height:0;display: inline;}
img{padding:0px; margin:0px; border: 0px;}



.newwindowlb {
background-color: transparent;
background-image: url(../images/icon-external-linklb.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 13px;

}

.newwindow {
background-color: transparent;
background-image: url(../images/icon-external-link.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right center;
padding-right: 13px;
}



.showex:link, .showex:visited, .showex:active, .showex:hover {
color: #0174a4;
text-align:left;
font-weight:bold;
font-size:12px;
}

.showex:hover {color:#cd0606; text-align:left; }


html{height: 100%;}

.total-cost { font-size: 1.4em; color:#666666;}
.total-cost-price { font-size: 1.4em; color:#0174a4; padding-left:5px; padding-right:5px;}
.vbuttons {float:left; clear:both; width:120px; }

ul.bullets_default li { /* layout of the main menu removal of bullets etc */
	list-style-type: none;
	clear:both;
	float:left;
	list-style-type: circle;
	list-style-image: url("../images/bullet.gif"); 
	list-style-position: inside; 
	color:green;
	margin: 10px 0 0 0; 
padding: 0; 
width:auto;
}

ul li {	text-align: center;}

#maincontainer{
width:958px;
margin:auto;
}
	
.content{
display:block;
clear:both;

}


/* span {display:none;}*/
.hidden {display:none;}

#logo{

margin-bottom:25px;
width:158px;
height:30px;
/*background-image: url(../images/webhelp-logo.gif);
background-repeat:no-repeat;*/
display: block;
clear:both;
float:left;
}

#livechat_callback_email{
margin:10px;
width:401px;
height:25px;
background-image: url(../images/livechat-callback-email.gif);
background-repeat:no-repeat;
/*display:block;*/
float:right;
top:1px;

}

#leftpanel{
margin-top:0px;width:414px;height:144px;background-repeat:no-repeat;display: block;clear:both;float:left;}

#rightpanel{
margin:auto;
margin-top:0px;
width:500px;
height:144px;
background-image: url(../images/top-right-panel-home.jpg);
background-repeat:no-repeat;
display:block;
float:right;
}


#inner_panel_blue_left{
padding:10px;
margin-top:1px;
width:392px;
height:270px;
background-image: url(../images/inner_panel_blue.gif);
background-repeat:repeat-x;
display: block;
clear:both;
float:left;
border:1px;
border-style:solid;
border-color:#d5d5d5;
text-align:left;

}

#inner_panel_blue_left_others{
padding:10px;
margin-top:1px;
width:392px;
background-image: url(../images/inner_panel_blue.gif);
background-repeat:repeat-x;
display: block;
clear:both;
float:left;
border:1px;
border-style:solid;
border-color:#d5d5d5;
text-align:left;

}

#inner_panel_blue_left_fullwidth{
padding:10px;
margin-top:1px;
width:893px;
background-image: url(../images/inner_panel_blue.gif);
background-repeat:repeat-x;
display: block;
clear:both;
float:left;
border:1px;
border-style:solid;
border-color:#d5d5d5;
text-align:left;

}

#inner_panel_blue_right{
padding:10px;
margin-top:1px;
width:478px;
height:270px;
background-image: url(../images/inner_panel_blue.gif);
background-repeat:repeat-x;
display: block;
float:right;
border:1px;
border-style:solid;
border-color:#d5d5d5;
text-align:left;

}


#inner_panel_blue_right_others{
padding:10px;
margin-top:1px;
width:478px;
background-image: url(../images/inner_panel_blue.gif);
background-repeat:repeat-x;
display: block;
float:right;
border:1px;
border-style:solid;
border-color:#d5d5d5;
text-align:left;

}

.bluebackfade{
background-image: url(../images/bluebackfade.gif);
background-repeat:repeat-x;

}

.bluebackfade a:hover{
background-image: url(../images/bluebfackfade.gif);
background-repeat:repeat-x;

}

#comm1{
padding:10px;
margin-top:1px;
width:480px;
height:179px;
background-image: url(../images/comm1.jpg);
background-repeat:repeat-x;
display: block;
float:right;
border:0px;
border-style:solid;
border-color:#d5d5d5;
text-align:left;

}

#comm2{
padding:10px;
margin-top:1px;
width:480px;
height:179px;
background-image: url(../images/comm2.jpg);
background-repeat:repeat-x;
display: block;
float:right;
border:0px;
border-style:solid;
border-color:#d5d5d5;
text-align:left;

}

#inner_panel_red{
padding:10px;
margin-top:1px;
width:392px;

background-image: url(../images/inner_panel_red.gif);
background-repeat:repeat-x;
display: block;
clear:both;
float:left;
border:1px;
border-style:solid;
border-color:#d5d5d5;
text-align:left;
}

#inner_panel_red_right{
padding:10px;
margin-top:1px;
width:478px;
height:118px;
background-image: url(../images/inner_panel_red.gif);
background-repeat:repeat-x;
display: block;
float:right;
border:1px;
border-style:solid;
border-color:#d5d5d5;
text-align:left;

}

.title_global {width:300px;height:25px;margin-bottom:15px;background-repeat:no-repeat;display:block;clear:both;float:left;}
#title_accessibility{background-image:url(../images/title-accessibility.gif); }
#title_clientcasestudies{background-image:url(../images/client-case-studies.gif); }
#title_clientcomments {background-image:url(../images/client-comments.gif); }
#title_contactus {background-image:url(../images/title-contactus.gif);}
#title_costs{ background-image:url(../images/title-costs.gif); }
#title_dynamiccallback{ background-image:url(../images/title-dynamiccallbacklogin.gif); }
#title_examples{background-image:url(../images/title-examples.gif);}
#title_faq{ background-image:url(../images/title-faq2.gif); }
#title_features{ background-image:url(../images/title-features.gif); }
#title_getitnow{ background-image:url(../images/title-getitnow.gif); }
#title_livedemo{background-image:url(../images/live-demo.gif); }
#title_products{background-image:url(../images/title-products.gif);}
#title_privacypolicy{background-image:url(../images/title-privacypolicy.gif);}
#title_realtimestats{background-image:url(../images/title-realtime-stats.gif); }
#title_signup{ background-image:url(../images/title-signup.gif); }
#title_support{ background-image:url(../images/title-support.gif); }
#title_tryitnow{ background-image:url(../images/title-tryitnow.gif);}
#title_webhelpdemo{ background-image:url(../images/title-webhelpdemo.gif); }
#title_webhelpsetup{ background-image:url(../images/title-webhelpsetup.gif);}
#title_welcometowebhelp{background-image:url(../images/title-welcometowebhelp.gif);}
#title_whatiswebhelp{background-image:url(../images/title-whatiswebhelp.gif);}


#footer{
/*display:block;*/
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
/*float:right;
text-align:left;*/
}


.bottommost { clear:both;  color:#7ca5b4; padding-right: 20px; padding-left: 20px; padding-top: 5px;}
.bottommost a:link, .bottommost a:visited, .bottommost a:active{ text-decoration:none;  font-weight:normal; color:#7ca5b4;}
.bottommost a:hover{ text-decoration:underline;  font-weight:normal; }

.footercontactdetails{ float:left; }
.topic { color: #666666; font-weight:bold;}
.topic2 { color:#666666; }
.secondary_menu{  text-decoration:none; font-weight:normal; display:inline; clear:both; float:left;}
.secondary_menu a:link, .secondary_menu a:visited, .secondary_menu a:active{ text-decoration:none;  font-weight:normal; }
.secondary_menu a:hover{ text-decoration:underline;  font-weight:normal; }
.validators { float:right; display:inline; }
.validators-css {   padding-left:5px; display:inline; }
.validators-xhtml {  padding-left:5px; display:inline;}
.validators-access {   padding-left:5px; display:inline;}
.copy { color:#999999; float:left; clear:both; padding-top: 10px; white-space:nowrap;  }
.toolbox {float:right; display:none; padding-left:5px;}
.bookmark {float:right; display:inline; padding-left:5px; }


#navcontainer ul { /* layout of the main menu removal of bullets etc */
	width:auto;
	border: 0;
	margin: auto;
	padding: 0;
	list-style-type: none;
	text-align: center;
	display: inline;
	clear:both;
	float:left;
}

#navcontainer li { /* layout of the menu items removal of bullets etc */
	width:auto;
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	

}

#navcontainer ul li {  /* layout of both ul's and li's */

	/*display:inline;*/
	/* float: left; // removed as this doesnt seem to make a difference */
	text-align: center;
	/*padding: 0; 
	margin: auto;*/
}

#navcontainer ul li a { /* style of tabs in their normal state */
	width: 78px; /* this size adjusts all */
	height: 17px;
	border-right: 1px solid #fff;
	/*border-left: 1px solid #f5d7b4;
	border-bottom: 1px solid #f5d7b4;
	border-right: 1px solid #f5d7b4;*/
	padding: 2px;
	padding-top: 5px;
	margin: 0; /* 	margin: auto; makes the menu vertically bad */
	text-decoration: none; /* gets rid of normal link underline */
	display: block; /* !!!IMPORTANT */
	text-align: center;
	font: 0.9em Tahoma, arial, verdana, lucida, sans-serif;
	background-color:#0177a7;
	background-image:url(../images/menu_b_b.gif);
	color:#ffffff;
}

#navcontainer ul li a:hover { /* what the tab should look like when it is hovered */
	color: #003f59;
	background: #DFDFDF;
}

#navcontainer #currentpage a { /* what the tab should look like when it is the current/active page */
	background: #b00101;
	color: #ffffff;
	font-weight:normal;
	background-image:url(../images/menu_r_b.gif);
	height:18px;
	}
	
#navcontainer #currentpage-left a { /* what the tab should look like when it is the current/active page far left */
	background: #fefefe;
	color: #ffffff;
	font-weight:normal;
	background-image:url(../images/menu_r_l.gif);
	height:18px;
	}
	
#navcontainer #currentpage-left-off a { /* what the tab should look like when it is the current/active page far left */
	background: #fefefe;
	color: #ffffff;
	font-weight:normal;
	background-image:url(../images/menu_r_l-off.gif);
	height:18px;
	}
	
	
#navcontainer #currentpage-left-off a:hover { /* what the tab should look like when it is the current/active page far left */
	background: #ffffff;
	color: #003f59;
	font-weight:normal;
	background-image:url(../images/menu_r_l-hov.gif);
	height:18px;
	}
	
#navcontainer #currentpage-right a { /* what the tab should look like when it is the current/active page far right */
	background: #fefefe;
	color: #ffffff;
	font-weight:normal;
	background-image:url(../images/menu_r_rl-off.gif);
	height:18px;
	}
	
#navcontainer #currentpage-right-off a { /* what the tab should look like when it is the current/active page far right */
	background: #fefefe;
	color: #ffffff;
	font-weight:normal;
	background-image:url(../images/menu_r_r-off.gif);
	height:18px;
	}
	
	
#navcontainer #currentpage-right-off a:hover { /* what the tab should look like when it is the current/active page far right */
	background: #ffffff;
	color: #003f59;
	font-weight:normal;
	background-image:url(../images/menu_r_r-hov.gif);
	height:18px;
	}	
	

	
#navcontainer #currentpage2 a { /* what the tab should look like when it is the current/active page far right */
	background: #b00101;
	color: #ffffff;
	font-weight:normal;
	background-image:url(../images/menu_b_b.gif);
	height:18px;
	}
	

	
/*#navcontainer #currentpage2 a:hover {  
	color: #003f59;
	background: #DFDFDF;
}*/


table.shadow { 
	width:957px;
  }

  td.shadow-top { 
    height: 21px;  
    background-image: url(../images/tbl-t.png)
  }

  td.shadow-topRight { 
    width: 21px;
    height: 21px;
    background-image: url(../images/tbl-tr.png)
  }

  td.shadow-right { 
    width: 21px; 
    background-image: url(../images/tbl-r.png)
  }

  td.shadow-bottomRight { 
    width: 21px; 
    height: 21px; 
    background-image: url(../images/tbl-br.png)
  } 

  td.shadow-bottom { 
    height: 21px;
    background-image: url(../images/tbl-b.png)
  }

  td.shadow-bottomLeft { width: 21px;
    height: 21px;
    background-image: url(../images/tbl-bl.png)
  } 

  td.shadow-left { width: 21px;
    background-image: url(../images/tbl-l.png)
  }

  td.shadow-topLeft { 
    width: 21px; 
    height: 21px; 
    background-image: url(../images/tbl-tl2.png)
  }      

  td.shadow-center { 
    background-color: white ; 
	font-style:normal;
  }

.mainfonts{font-size: 0.8em}
.pixeldimensions {font-size:0.7em}
.modules1 {width:470px; padding:5px; border:dashed; border-width:1px; border-color: #999999;}
.modules1:hover { border:dashed; border-width:1px; border-color: #a5a5a7;
}
.modules3 {height:215px; padding:5px; border:dashed; border-width:1px; border-color: #999999;}
.modulesc {width:760px; white-space:normal; padding:5px; border:dashed; border-width:1px; border-color: #999999;}

.screens{ border:solid 1px #048dc0; float:right; margin-left:10px; width:auto;}
.greentick {float:left; font-style:normal; font-size:1.2em; color:#33ba26; font-weight:bold; padding-top:8px; }
.greentickimg {float:left;}

.posthidden {display:none} 
.postshown {display:inline}

.req_fields_text {color:#CC0000;}
.req_field {background-color: #FFF2F2; border:solid; border-width:1px; border-color: #a5a5a7; padding:2px;}
.field {background-color: #ffffff; border:solid; border-width:1px; border-color: #a5a5a7; padding:2px;}
LABEL { cursor:pointer;}
.checkbox { cursor:pointer;}
.radio { cursor:pointer;}
.submit { font-size:1.2em; cursor:pointer; color:#ffffff; background-color:#0273a2; border:solid; border-width:1px; border-color: #000000; padding:5px;}
.button_signup{ font-weight:bold; font-size:1.2em; cursor:pointer; color:#ffffff; background-color:#0273a2; border:solid; border-width:1px; border-color: #000000; padding:2px;}
.button_addanothersite { font-weight:bold; font-size:1.2em; cursor:pointer; color:#ffffff; background-color:#0273a2; border:solid; border-width:1px; border-color: #000000; padding:2px;}

.button_text { font-weight:bold; font-size:1.0em; cursor: pointer; color:#ffffff; background-color:#0273a2; border:solid; border-width:1px; border-color: #000000; padding:3px 6px 3px 6px; margin-top:10px; }
.button_text:hover { text-decoration:underline;}

.costs {font-size:0.7em;}
.table_title { color:#Fefefe; font-weight:bold; background-color:#0174a4; white-space:nowrap;}







.panel{ margin:auto; }
  
.panel-top{ clear:both; }
  
.panel-topLeft{
    width: 21px; 
    height: 21px; 
    background-image: url(../images/tbl-tl2.png);
	float:left;	
  }

.panel-topMiddle{
    height: 21px;
	width:915px;
	background-image: url(../images/tbl-t.png);
	float:left;
}

.panel-topRight{
width: 21px; 
height: 21px; 
background-image: url(../images/tbl-tr.png);
float:left;

}

.panel-center { 
width:100%;

  }
  
.panel-centerLeft{


width: 21px; 
float:left;/* 
background-image: url(../images/tbl-l.png);
background-repeat:repeat-y;
*/
}

.panel-img{

	width: 21px;
	float:left;
	position:relative;
	background-repeat:repeat-y;
}

.panel-centerMiddle{
width: 915px;
background-color:#FFFFFF;
float:left;
text-align:left;
padding-top:0px;
margin-top:0px;
margin:auto;
}

.panel-centerRight{
    background-image: url(../images/tbl-r.png);
	float:left;
	width: 21px; 
	height:600px; 
	background-repeat:repeat-y;
}

.panel-bottom { 

clear:both;
  }
  
.panel-bottomLeft{ 
	width: 21px;
    height: 21px;
    background-image: url(../images/tbl-bl.png);
	float:left;

  } 

.panel-bottomMiddle { 
    height: 21px;
	width:915px;
    background-image: url(../images/tbl-b.png);
	float:left;
  }
  
.panel-bottomRight { 
    width: 21px; 
    height: 21px; 
    background-image: url(../images/tbl-br.png);
	float:left;
  } 
  
  




#holding .style1{
color: #0174a4;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;

}

#holding .style2{
color: #666262;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;

}

#holding .style3{
color: #666262;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;

}

#bullet{
padding-right:10px;
padding-left:15px;

}

#people_bg {
background-image:url(../images/people.png);
background-position:bottom;
background-repeat:repeat-x;


}