/* CSS Document */
body{padding:0px; margin:0px; background:#FFF; color:#6f6f6f; font:11px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

#mainbody{width:775px; margin:0 auto; position:relative; padding:0px; } 

/*  TOP HEADER  */

#topheader{height:101px; width:770px; background:url(../images/TopGrayLine_solid2.jpg) 0 0 no-repeat; margin:0 0 0 5px; position:relative; padding:0px;} 
#topheader img{
	height:48px;
	width:221px;
	position:absolute;
	top:28px;
	left:19px;
}




#LoginHolder{
	position:absolute;
	width:282px;
	height:60;
	top:25px;
	left:496px;
}

form#login {
 position:absolute;

}

div#username,
div#password {
  position:relative;
  float:left;
  margin:0 3px 0 0;
}

#errormessage {
	position:absolute;
	width:200px;
	color:red;
	height:10;
	top:27px;
	left:350px;
}

input#username-field,
input#password-field {
  margin:0 0 0 0;
  padding:0 0 0 0;
  height:15px;
  width:9em;
  font-family:Verdana, Geneva, sans-serif;
  font-size:11px;
}

label.overlabel {
  position:absolute;
  top:1px;
  left:5px;
  z-index:1;
  color:#aaa;
}

label.overlabel-apply {
	position:absolute;
	top:1px;
	left:5px;
	z-index:1;
	color:#aaa;
}



#replacement-1 {
  margin: 0 0 0 0;
  width: 39px;
  height: 22px;
  margin: 0px;
  border: 0;
  background: transparent url(../images/btn_login_sm.gif) 0 0 no-repeat;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#submit{margin:1px 0 0 0;}


#topheader ul {
	width:473px;
	height:25px;
	position:absolute;
	top:57px;
	left:287px;
	background:url(../images/NavBarImage.gif) 0 0 no-repeat;
}
#topheader ul li{
	font: normal 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	
	
	float:left;
	
	
}

/* For the nav buttons they  */

#topheader ul li.home{width:62px; height:18px; margin-left:2px; margin-right:22px}
#topheader ul li.home a{color:#999;font-size:14px;text-decoration: none;width:62px; height:18px; display:block; background:url(../images/btn_home.gif) 0 1px no-repeat;text-indent:-20000px;}
#topheader ul li.home a:hover{width:62px; height:18px; background:url(../images/btn_home_over.gif) 0 1px no-repeat;}

#topheader ul li.about{width:83px; height:18px; margin-right:20px}
#topheader ul li.about a{text-decoration: none;width:83px; height:18px; display:block; background:url(../images/btn_aboutus.gif) 0 1px no-repeat;text-indent:-20000px;}
#topheader ul li.about a:hover{width:83px; height:18px; background:url(../images/btn_aboutus_over.gif) 0 1px no-repeat;}

#topheader ul li.services{width:79px; height:18px; margin-right:22px}
#topheader ul li.services a{text-decoration: none;width:79px; height:18px; display:block; background:url(../images/btn_services.gif) 0 1px no-repeat;text-indent:-20000px;}
#topheader ul li.services a:hover{width:79px; height:18px; background:url(../images/btn_services_over.gif) 0 1px no-repeat;}

#topheader ul li.support{width:79px; height:18px; margin-right:21px}
#topheader ul li.support a{text-decoration: none;width:79px; height:18px; display:block; background:url(../images/btn_support.gif) 0 1px no-repeat;text-indent:-20000px;}
#topheader ul li.support a:hover{width:79px; height:18px; background:url(../images/btn_support_over.gif) 0 1px no-repeat;}

#topheader ul li.contacts{width:79px; height:18px;}
#topheader ul li.contacts a{text-decoration: none;width:79px; height:18px; display:block; background:url(../images/btn_contact.gif) 0 1px no-repeat;text-indent:-20000px;}
#topheader ul li.contacts a:hover{width:79px; height:18px; background:url(../images/btn_contact_over.gif) 0 1px no-repeat;}







/* TOP BACK */

#topback{height:295px; width:770px; background:url(../images/main_back1.jpg) 0 0 no-repeat; margin:0 0 0 5px; position:relative; padding:0px;}
#topback h2{width:181px; height:28px; text-indent:-20000px; margin:14px 0 0 19px;}
#topback p{width:170px; margin:16px 0 0 23px; font:11px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#FFF; }
#topback p span {font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13; text-transform:uppercase;}
#topback ul{width:170px; margin:14px 0 0 23px;}
#topback ul li{line-height:22px;}
#topback ul li a{display:block; width:160px; height:20px; background:url(../images/arrow1.jpg) 0 6px no-repeat; font:11px/20px Tahoma, Arial, Helvetica, sans-serif; color:#6fe3f0; font-weight:normal; text-decoration:none; padding:0 0 0 20px;}
#topback ul li a:hover{text-decoration:underline; color:#FFF} 
#topback ul.ask {width:200px; height:50px; position:absolute; top:232px; left:558px; background: none; margin:0}
#topback ul.ask li a{width:200px; height:50px; display:block; text-indent:-20000px; background: none; padding:0}
#topback ul.ask li a:hover{width:200px; height:50px;}
#topback p.writingline1{margin:0 0 0 0;position:absolute;top:30px; left:510px; font:22px "Times New Roman", Times, serif;  font-style:italic;}
#topback p.writingline2{margin:0 0 0 0;width:200px;position:absolute;top:125px; left:540px; font:16px/18px Tahoma, Arial, Helvetica, sans-serif; font-style:italic;line-height:14px;}

/*  BODY PAN */

#bodypan{width:775px; margin:0 0 0 5px; position:relative; padding:0px;}

/* LEFT PAN */

#leftpan{width:219px; margin:18px 0 0 19px; position:relative; padding:0px; float:left}
#leftpan h2{width:219px; height:27px; background:url(../images/h_latestnews.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 1px 0; border-bottom:#1c3743 1px solid;}
#leftpan ul{width:215px; margin:0 0 0 4px;}
#leftpan ul li.arrow{background:url(../images/arrow2.jpg) 0 5px no-repeat; height:16px; padding:0 0 0 16px; font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13; margin:14px 0 5px 0; }
#leftpan ul li{background:none; padding:0 0 0 16px;}
#leftpan ul li span {color:#4aafdc;}
#leftpan ul li a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#leftpan ul li a:hover{color:#4aafdc;}

/* LIVESUPPORT PAN */

#livesupport{width:736px; margin:18px 0 0 19px; position:relative; padding:0 0 35px 0; float:left}
#livesupport h2{width:736px; height:27px; background:url(../images/h_livesupport.gif) 0 0 no-repeat; text-indent:-20000px; margin:0 0 1px 0; border-bottom:#1c3743 1px solid;}
#livesupport ul{width:215px; margin:0 0 0 4px;}
#livesupport ul li.arrow{background:url(../images/arrow2.jpg) 0 5px no-repeat; height:16px; padding:0 0 0 16px; font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13; margin:14px 0 5px 0; }
#livesupport ul li{background:none; padding:0 0 0 16px;}
#livesupport ul li span {color:#4aafdc;}
#livesupport ul li a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#livesupport ul li a:hover{color:#4aafdc;}

/* YourStore PAN */


#YourStorePan{width:219px; margin:18px 0 0 19px; position:relative; padding:0px; float:left}
#YourStorePan h2{width:219px; height:27px; background:url(../images/h_yourstore.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 1px 0; border-bottom:#1c3743 1px solid;}
#YourStorePan h4{
	margin:2px 0 14px 0;
	font:13px/16px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333;
}

#YourStorePan ul{width:215px; margin:0 0 0 4px;}
#YourStorePan ul li.arrow{background:url(../images/arrow2.jpg) 0 6px no-repeat; height:16px; padding:0 0 0 16px; font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13; margin-top:14px}
#YourStorePan ul li{background:none; padding:0 0 0 16px;}
#YourStorePan ul li span {font:11px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#4aafdc;}
#YourStorePan ul li a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#YourStorePan ul li a:hover{color:#4aafdc;}
#YourStorePan p.quizquestion {margin:18px 0 6px 0; font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; }
#YourStorePan p.quizquestionSM {margin:0px 35px 6px 12px; font:10px/10px Tahoma, Arial, Helvetica, sans-serif;}
#YourStorePan p.quizradio {margin:0px 0px 0px 14px;Text-align:left;}
#YourStorePan input {margin:0px 5px 0px 0px;padding:0 2px 0 2px;}
#YourStorePan .radio {margin:2px 9px 0px 0px;}

#GraphPlaceHolder {margin:18px 0px 0px 0px;text-align:center;}
#GraphPlaceHolder p.graphname {margin:0px 0px 10px 0px;font:11px/14px Tahoma, Arial, Helvetica, sans-serif;font-weight:bold;}
#GraphPlaceHolder span{font:11px/14px Tahoma, Arial, Helvetica, sans-serif;font-weight:bold;}
#leadquestion {
	margin:4px 0 15px 0;
	text-align:center;
	color:#F60;
}
#horizontalline{margin:0px 0px 5px 0px;text-align:center;}

/* CALLBACK PAN - services.asp */

#callback {width:219px; margin:18px 0 0 19px; position:relative; padding:0px; float:left}
#callback h2{width:219px; height:27px; background:url(../images/h_callback.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 1px 0; border-bottom:#1c3743 1px solid;}
#callback ul{width:215px; margin:0 0 0 4px;}
#callback ul li.arrow{background:url(../images/arrow2.jpg) 0 5px no-repeat; height:16px; padding:0 0 0 16px; font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13; margin:14px 0 5px 0; }
#callback ul li{background:none; padding:0 0 0 16px;}
#callback ul li span {color:#4aafdc;}
#callback ul li a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#callback ul li a:hover{color:#4aafdc;}

/* OURINFO PAN - services.asp */

#ourinfo {width:219px; margin:18px 0 0 19px; position:relative; padding:0px; float:left}
#ourinfo h2{width:219px; height:27px; background:url(../images/h_ourinfo.gif) 0 0 no-repeat; text-indent:-20000px; margin:0 0 1px 0; border-bottom:#1c3743 1px solid;}
#ourinfo h4{ color:#72ab13; margin:0px 0 8px 0;font:14px Tahoma, sans-serif;}
#ourinfo p {margin:0 0 0 10px; line-height:20px;}
#ourinfo p.heading{font:13px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000000;}



/* WHITEPAPER PAN */

#WhitePaperPan{width:219px; margin:18px 0 0 19px; position:relative; padding:0px; float:left}
#WhitePaperPan h2{width:219px; height:27px; background:url(../images/h_whitepapers.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 1px 0; border-bottom:#1c3743 1px solid;}
#WhitePaperPan p.heading{font:13px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000000;margin:0 0 0 0;}
#WhitePaperPan p.preparedby{font:9px/11px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#222222;margin:1px 0 10px 10px;}
#WhitePaperPan p.WPbody{margin:0 10px 10px 10px;line-height:15px;}
#WhitePaperPan p.WPdownload{margin:0 10px 10px 10px;background:url(../images/pdf.gif) 0 6px no-repeat; height:25px; padding:0 0 0 30px;}
#WhitePaperPan span{text-decoration:underline;color:#810081; }
#WhitePaperPan span:hover{text-decoration:underline;color:#72AB13; }


/* MIDDLE PAN */

#middlepan{width:212px; margin:18px 0 0 31px; position:relative; padding:0px; float:left}
#middlepan h2{width:212px; height:27px; background:url(../images/h_featuredservice.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#middlepan h3{width:212px; height:76px; background:url(../images/img1.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 12px 0;}
#middlepan h4{ color:#72ab13; margin:0 0 2px 0;font:16px Tahoma, sans-serif; }
#middlepan h4 span{ color:#72ab13; font:12px Tahoma, sans-serif; font-weight:normal;}
#middlepan h4 a{ color:#72ab13; font:16px Tahoma, sans-serif; font-weight:bold;}
#middlepan h4 a:hover{ color:#4aafdc; font:16px Tahoma, sans-serif; font-weight:bold;}
#middlepan span{color:#4aafdc;}
#middlepan a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#middlepan a:hover{color:#4aafdc}


/* ABOUTUS PAN */

#AboutUsPan{width:486px; margin:18px 0 0 31px; position:relative; padding:0px; float:left}
#AboutUsPan h2{width:486px; height:27px; background:url(../images/h_aboutus.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid; }
#AboutUsPan h3{width:212px; height:76px; background:url(../images/img1.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 12px 0;}
#AboutUsPan h4{ color:#72ab13; margin:0 0 0 0;font:14px Tahoma, sans-serif;}
#AboutUsPan p {line-height:18px;}
#AboutUsPan p.heading{font:14px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13;margin:0 0 10px 0;}
#AboutUsPan a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#AboutUsPan a:hover{color:#4aafdc;}

/* SENDMESSAGE PAN */

#sendmessage{width:486px; margin:18px 0 0 31px; position:relative; padding:0px; float:left}
#sendmessage h2{width:486px; height:27px; background:url(../images/h_sendmessage.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid; }
#sendmessage h3{}
#sendmessage h4{ color:#72ab13; margin:0px 0 8px 0;font:14px Tahoma, sans-serif;}
#sendmessage p {line-height:18px;}
#sendmessage p.heading{font:14px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13;margin:0 0 10px 0;}
#sendmessage a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#sendmessage a:hover{color:#4aafdc;}
.formtext{}
.formtextRequired{font-weight:bold;}






#sendmessage table {
  border-spacing: 10px;
  border-collapse: collapse;
  empty-cells: show;
  width:486px;
}

#sendmessage .label {
  vertical-align: top;
  width:100px;
  white-space: nowrap;
}

#sendmessage .field {
 width:380px;
  white-space: nowrap;
}


#sendmessage .status {
  vertical-align: top;
 
 
}



/* OURSERVICE PAN */

#OurServicePan{width:486px; margin:18px 0 0 31px; position:relative; padding:0px; float:left}
#OurServicePan h2{width:486px; height:27px; background:url(../images/h_ourservice.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid; }
#OurServicePan h3{ margin:0 0 14px 0;}
#OurServicePan h4{ color:#72ab13; margin:0 0 16px 0;font:16px Tahoma, sans-serif; }
#OurServicePan h4 span{ color:#72ab13; font:12px Tahoma, sans-serif; font-weight:normal;}
#OurServicePan p {line-height:18px; }
#OurServicePan p.heading{background:url(../images/arrow2.jpg) 0 6px no-repeat; height:16px; padding:0 0 0 16px; font:14px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13;margin:0 0 10px 0; line-height:16px;}
#OurServicePan p.description{margin:10px 30px 10px 17px; }
#OurServicePan a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#OurServicePan a:hover{color:#4aafdc;}


/* RIGHT PAN */

#rightpan{width:246px; margin:18px 0 0 28px; position:relative; padding:0px; float:left}
#rightpan h2{width:246px; height:27px; background:url(../images/h_clientsuccess.jpg) 0 0 no-repeat; text-indent:-20000px; margin:0 0 16px 0; border-bottom:#1c3743 1px solid;}
#rightpan span{color:#4aafdc;}
#rightpan #img01{background:url(../images/img2.jpg) 0 0 no-repeat; min-height:76px; padding:0 0 0 89px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; margin-top:14px}
#rightpan #img02{background:url(../images/img3.jpg) 0 0 no-repeat; min-height:76px; padding:0 0 0 89px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; margin-top:14px}
#rightpan #imgholderlrg{margin-top:18px;margin-bottom:10px;}
#rightpan a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#rightpan a:hover{color:#4aafdc;}
#rightpan p.quote { font-style:italic;}
#rightpan p.quotesig {margin-top:8px; margin-left:28px}

/* CASESTUDY PAN */

#casestudy{width:736px; margin:18px 0 0 19px; position:relative; padding:0 0 35px 0; float:left}
#casestudy h2{width:736px; height:27px; background:url(../images/h_casestudy.gif) 0 0 no-repeat; text-indent:-20000px; margin:0 0 1px 0; border-bottom:#1c3743 1px solid;}
#casestudy h3{margin:14px 0 0 0;font:18px/18px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; }
#casestudy h4{margin:14px 0 10px 0;font:16px/20px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#72ab13;}

#casestudy ul{width:700px; margin:0 0 0 4px;}
#casestudy ul li.arrow{background:url(../images/arrow2.jpg) 0 5px no-repeat;  padding:0 0 0 16px; font:12px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;  margin:14px 0 5px 0; }
#casestudy ul li{background:none; padding:0 0 0 16px;}
#casestudy ul li span {color:#4aafdc;}
#casestudy ul li a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#casestudy ul li a:hover{color:#4aafdc;}

/*  ASK FOR FREE DEMO */

#AskForDemo{text-align:center;padding:20px 0 20px 0; clear:both;}
#AskForDemo span{background:url(../images/Asterisk.gif) 3px 1px no-repeat; padding:4px 5px 5px 30px;font:16px Tahoma, Arial, Helvetica, sans-serif; border: 1px dotted #a0a0a0;}
#AskForDemo a{color:#F60; text-decoration:none;}
#AskForDemo a:hover{color:#72AB13;}


#clicktocallme {text-align:center;padding:20px 0 20px 0; clear:both;}
#clicktocallme span{background:url(../images/Asterisk.gif) 3px 1px no-repeat; padding:4px 5px 5px 30px;font:16px Tahoma, Arial, Helvetica, sans-serif; border: 1px dotted #a0a0a0;}
#clicktocallme p{color:#F60; text-decoration:none;}
#clicktocallme p:hover{color:#72AB13;}

#RequestWhitePaper {}


/*  FOOTER */

#footer{width:770px; height:75px; margin:15px 0 0 5px; position:relative; padding:0px; background:#efefef;clear:both;}
#footer p{position:absolute; top:20px; left:30px; font:10px/18px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;}
#footer a{font:10px/18px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#6f6f6f; text-decoration:none;}
#footer a:hover{color:#000; text-decoration:underline;}

#footer #callus{background:url(../images/CallUsNow_color.gif) 0 0 no-repeat; width:109px; height:51px; position:absolute; top:14px; left:511px;}
#footer img.EBDSecure {position:absolute; top:10px; left:642px;}




/* Buttons */

.button {
	border: 1px solid #fff;
	background-color: #78C4E4;
	font-size:12px;
	color: #fff;
	padding:1px 0px 1px 0px;
}
.button:hover {
    border: 1px solid #efefef;
  color: #78C4E4;
  background-color: #ffffff;
  border: 1px solid #78C4E4;
	
}
label.error { 
	display: none;
	color:#F00;
	font-style:bold;
}

/*  Charts on Service page */

#placeholder1 {width:220px;height:150px}

/*  ASKFORDEMO (on DemoSignup.asp) */
#AskForDemo{margin:auto;}

.formFIELD {
	BORDER-RIGHT: #bbbbbb 1px solid;
	BORDER-TOP: #bbbbbb 1px solid;
	FONT-SIZE: 14px;
	BORDER-LEFT: #bbbbbb 1px solid;
	COLOR: #000000;
	BORDER-BOTTOM: #bbbbbb 1px solid;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffff;
	width: 250px;
}





/* Steves modal window - Thanks Steve from DevRootConsulting.com :) */


#callme ul {padding:0 0 12px 0;}


.list li {
	list-style-type: disc;
}


.formfield {
	width:200px;
	margin:0 0 0 0;
}

.formlabel {
	width: 10em; float: left;
	font-weight:bold;
}

.formsubmit {
	
	margin-left:10em;
	font-weight:bold;
}


ul.errnote {
	list-style-type:none;
	margin-left:10em;
	font-style:italic;	
}



label.error {
	
	float: none; color: red; vertical-align: top;
}

input.error {
	border: 1px dotted red; 

}