/* CSS Document */

body
{
	width:100%;	 
	margin:0px auto;
	padding:0px; 	
}

#body
{
	width:100%;	 
	margin:0px auto;
	padding:0px; 
	background:url(../images/body_bg.jpg) repeat-x;	
}


h1,h2,h3,h4,h5,h6
{
	font-family:Arial, Tahoma, Helvetica, sans-serif;
}

p, input, textare
{
	margin:0px;
	padding:0px;
}

ul li 
{
	margin:0px;
	padding:0px;
}

html 
{	font-family:arial,tahoma,time new roman;
	font-size:12px;
}

a
{
	font-family:arial,tahoma,time new roman;
	font-size:12px;
	color:#990000;
	font-weight:bold;
}

a:hover
{
	font-family:arial,tahoma,time new roman;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
}

#clearall{clear:both}
#clearleft{ clear:left}
#clearright{ clear:right}
#floatleft{ float:left}
#floatright{ float:right}
#flash
{
	width:892px; 
    height:260px; 
	margin:0px auto;
	padding:0px;
	z-index:-1;
	margin-top:0px;
	background-color:transparent;
}

#flashchat
{
	 margin-left:715px; 
	 margin-top:-370px;
	 height:370px; 
	 width:172px; 
	 z-index:1;	 
}

#container
{
	width:892px; 
    height:auto; 
	margin:0px auto;	
	padding:0px;
	border:0px;
}

.maroontext
{
	font-family:Arial, Tahoma, TImes New Roman;
	font-size:12px;
	font-weight:bold;
	color:#930000;
	text-align:left;
	text-decoration:none;
	float:left;	
}


.bluetext
{
	font-family:Arial, Tahoma, TImes New Roman;
	font-size:12px;
	font-weight:bold;
	color:#2171ce;	
	text-decoration:none;	
}

.bluetextbig
{
	font-family:'Century Gothic';;
	font-size:16px;
	font-weight:bold;
	color:#4d77b8;	
	text-decoration:none;	
}

.bolditalic{font-size:14px; font-style:italic; font-weight:bold;}

.dynamictitle {
	font-family:Tahoma;
	color:#00038e;
	text-decoration:none;
}

.centertitle {
	font-family:"Arial Black";
	font-style:italic;
	color:#90080a;
	text-decoration:none;	
}

/*  ========================================  Styles for Buttons  ==================================  */

.bluebutton
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/bluebutton.png) no-repeat left;
	float:left;		
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:0px 0px 0px 5px;
	padding-top:1px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

.bluebutton:hover
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/redbutton.png) no-repeat left;
	float:left;		
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:0px 0px 0px 5px;
	padding-top:1px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

/*  ========================================  Styles for Buttons  ==================================  */


/* ==================================== Styles for Home page  ====================================== */


#body .mainframeonhomepage
{	
	position:relative;
	top:0px;
	left:0px;
	margin-top:-795px;
	white-space:nowrap;
	z-index:0;
	
	/*margin-top:-790px;
	padding-top:-790px;
	z-index:1;
	

	display:none; 
	position:relative;
	top:-790px;
	left:0px;		
	
	 	
	display:none;  
	position:absolute; 
	left:13.2%; 
	top:25%;
	 */
}

/*   Styles for Blue Box on the Home page Section     */

#bluecontentbg
{	width:438px; 
    height:198px; 
	margin:0px auto;
	background:url(../images/bluecontentbg.jpg) no-repeat center top;
	
}

#contentinbluebox
{
	width:305px; 
	text-align:justify; 
	float:left; 
	padding-left:10px;
}

#bluecontentbg #listitems
{
	margin:0px;
	padding:0px;	
}

#bluecontentbg #listitems ul
{
	font-family:arial,tahoma;
	font-size:12px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#bluecontentbg #listitems ul li
{	
	padding-left:0px;
	font-weight:bold;
	color:#486db4;
	text-align:left;
	height:35px;
	width:350px;
	
}

#bluecontentbg #listitems ul li a
{	
	background-image:url(../images/bluearrow.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:22px;
	font-weight:bold;
	color:#486db4;
	text-align:left;
	text-decoration:none;
	
}

#bluecontentbg #listitems ul li a:hover
{	
	background-image:url(../images/bluearrow.png);
	background-repeat:no-repeat;
	background-position:5px 0px;
	padding-left:22px;
	font-weight:bold;
	color:#00005c;
	text-align:left;
	text-decoration:none;
	
}

#bluecontentbg #listitems ul li span
{	

	padding-left:23px;
	font-weight:normal;
	color:#000000;
	font-size:11px;		
}

#imageonbluebox
{	
	padding:0px;
	margin:0px;
	margin-top:-110px;
	float:right;
}

/*   Styles for Blue Box on the Home page Section     */


/*   Styles for Lite Red Box on the Home page Section     */

#redcontentbg
{	width:438px; 
    height:198px; 
	margin:0px auto;
	background:url(../images/redcontentbg.jpg) no-repeat left top;	

	scrollbar-3dlight-color:#cea695;
	scrollbar-arrow-color:#711814;
	scrollbar-base-color:#cea695;
	scrollbar-darkshadow-color:#cea695;
	scrollbar-face-color:#fcf5f2;
	scrollbar-highlight-color:#fcf5f2;
	scrollbar-shadow-color:#cea695;	
}


#redcontentbg #listitems
{
	margin:0px;
	padding:0px 0px 0px 25px;
	width:400px;
	height:140px;
	overflow:auto;	
}

#redcontentbg #listitems ul
{
	font-family:arial,tahoma;
	font-size:12px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#redcontentbg #listitems ul li
{	
	padding-left:0px;
	font-weight:bold;
	color:#486db4;
	text-align:left;
	height:35px;
	
}

#redcontentbg #listitems ul li a
{	
	background-image:url(../images/roundarrow.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:22px;
	font-weight:bold;
	color:#d0350d;
	text-align:left;
	text-decoration:none;
	
}

#redcontentbg #listitems ul li a:hover
{	
	background-image:url(../images/roundarrow.png);
	background-repeat:no-repeat;
	background-position:5px 0px;
	padding-left:22px;
	font-weight:bold;
	color:#830103;
	text-align:left;
	text-decoration:none;
	
}

#redcontentbg #listitems ul li span
{	

	padding-left:23px;
	font-weight:normal;
	color:#000000;
	font-size:11px;
	
}
/*   Styles for Lite Red Box on the Home page Section     */



/*   Styles for Three Categories on the Home page Section     */

#threecatboxbg
{
	background:url(../images/threecategories_bg.jpg) no-repeat left top;
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:287px;
	height:257px;
	float:left;
	padding-left:8px;
	padding-top:-5px;
	margin-top:0px;
	font-weight:bold;
	color:#830103;
	text-align:left;
	text-decoration:none;
}

#threecatboxbg .scroll
{
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#4f4f4f;
	scrollbar-base-color:#c8c8c8;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#dddddd;
	scrollbar-highlight-color:#c8c8c8;
	scrollbar-shadow-color:#c8c8c8;	
}

#threecatboxbg #mtcservicetextpic
{
	background-image:url(../images/MTCServices_textpic.jpg);
	background-repeat:no-repeat;
	margin:14px 0px 0px 70px;	
	width:120px;
	height:16px;
}

#threecatboxbg #freeResourcestextpic
{
	background-image:url(../images/FreeResources_textpic.jpg);
	background-repeat:no-repeat;
	margin:14px 0px 0px 60px;	
	width:143px;
	height:16px;
}

#threecatboxbg #communitytextpic
{
	background-image:url(../images/Community_textpic.jpg);
	background-repeat:no-repeat;
    margin:14px 0px 0px 70px;
	width:112px;
	height:16px;
}

/*  #threecatboxbg #communitytextpic
    {
	font-family:'Century Gothic';
	font-size:19px;
	text-align:center; 
	text-decoration:none;
	font-weight:normal;
	color:#ffffff;	
	padding:10px 30px 0px 0px;
	
    }   
*/

#threecatboxbg p
{
	font-family:tahoma,arial;
	font-size:11px;
	text-align:justify; 
	text-decoration:none;
	font-weight:normal;
	color:#282828;
	padding:20px 25px 10px 0px;	
}

#threecatboxbg #delogo
{
	margin-left:18px;
	vertical-align:middle;
}


#threecatboxbg #listitems
{
	margin:0px;
	padding:0px 0px 0px 0px;
	width:260px;
	height:100px;
	overflow:auto;	
}

#threecatboxbg #listitems ul
{
	font-family:arial,tahoma;
	font-size:12px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#threecatboxbg #listitems ul li
{	
	padding-left:10px;
	font-weight:normal;
	color:#486db4;
	text-align:left;
	height:25px;	
}

#threecatboxbg #listitems ul li a
{	
	background-image:url(../images/roundarrow.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:22px;
	font-weight:normal;
	color:#b8340c;
	text-align:left;
	text-decoration:underline;	
}

#threecatboxbg #listitems ul li a:hover
{	
	background-image:url(../images/roundarrow.png);
	background-repeat:no-repeat;
	background-position:5px 0px;
	padding-left:22px;
	font-weight:normal;
	color:#000000;
	text-align:left;
	text-decoration:none;	
}

/*    Styles for Three Categories on the Home page Section   */

/* ==================================== Styles Ended for Home page  ====================================== */



/*  ================================= Styles for Email-to-Lead page Section   =========================================  */

#emailtoleadtable
{
	width:892px;
	height:auto;
	margin:0px auto;
	padding:0px;	
	
		
	/* border:solid 1px #747474; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 
	border-radius:5px; */		
}

#emailtoleadtablebg
{
	width:446px;
	height:280px;	
	background:url(../images/emailtolead_pagebg.jpg) repeat-x left top;
		
}

#productsbymtcbodybg
{
	width:892px;
	height:auto;
	margin:0px auto;
	padding:0px;
	background-color:#ffffff;	
	/* background:url(../images/page-borderbg.jpg) repeat-y left top; */
}

#productsbymtcbg
{
	width:892px;
	height:auto;
	margin:0px auto;
	padding:0px;	
	background:url(../images/contentbg.jpg) no-repeat left top;
	background-color:#ffffff;
	
}

#pageborderbg
{
	width:892px;
	height:auto;
	margin:0px auto;
	padding:0px;
	background-color:#ffffff;		
	background:url(../images/page-borderbg.jpg) repeat-y left top;
}

#pageborderwhitebg
{
	width:892px;
	height:auto;
	margin:0px auto;
	padding:0px;
	background-color:#ffffff;		
	background:url(../images/pageborder-whitebg.jpg) repeat-y left top;
}

#productsbymtcbgscroller
{
	
	width:850px;
	height:570px;
	overflow:auto;
	padding:0px 20px 0px 20px;
	background-color:#FFFFFF;
	
	scrollbar-3dlight-color:#acd2de;
	scrollbar-arrow-color:#82aebc;
	scrollbar-base-color:#d8ebf1;
	scrollbar-darkshadow-color:#acd2de;
	scrollbar-face-color:#d8ebf1;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
}

#scrollerforactivitytimer
{
	
	width:840px;
	height:200px;
	overflow:auto;
	padding:0px 20px 0px 20px;
	background-color:#FFFFFF;
	
	scrollbar-3dlight-color:#acd2de;
	scrollbar-arrow-color:#82aebc;
	scrollbar-base-color:#d8ebf1;
	scrollbar-darkshadow-color:#acd2de;
	scrollbar-face-color:#d8ebf1;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
}

#scrollerforactivitytimerscreens
{
	
	width:820px;
	height:280px;
	overflow:auto;
	padding:0px 20px 0px 20px;
	background-color:#FFFFFF;
	margin:0px;	
	text-align:justify;
	margin-left:10px;
	
	scrollbar-3dlight-color:#acd2de;
	scrollbar-arrow-color:#82aebc;
	scrollbar-base-color:#d8ebf1;
	scrollbar-darkshadow-color:#acd2de;
	scrollbar-face-color:#d8ebf1;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#82aebc;
}

#blueboxbg
{
	width:418px; 
    height:280px;	
	background:url(../images/bluebgforETL-withborder.jpg) no-repeat center top;
    padding-left:20px;
	
}

#bluebgforETL
{
	width:418px; 
    height:280px;	
	background:url(../images/bluebgforETL-withborder.jpg) no-repeat center top;
    padding-left:20px;
	
}

#blueboxbg h1
{
	width:404px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/Email-to-lead-textpic.jpg) no-repeat left;
}

#blueboxbg span
{
	width:404px; 
    height:auto;	
	text-align:left;
	float:left;
	
}

/*   Styles for Lite Red Box on the ETL page Section     */

#redcontentbgforETL
{	width:438px; 
    height:280px; 
	margin:0px 0px;
	background:url(../images/redbgforETL-withborder.jpg) no-repeat left top;
	text-align:left;	

	scrollbar-3dlight-color:#f1e0d8;
	scrollbar-arrow-color:#711814;
	scrollbar-base-color:#f1e0d8;
	scrollbar-darkshadow-color:#f1e0d8;
	scrollbar-face-color:#f1e0d8;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;	
}


#redcontentbgforETL #listitems
{
	margin:0px;
	padding:0px 0px 0px 25px;
	width:400px;
	height:140px;
	overflow:auto;	
}

#redcontentbgforETL #listitems ul
{
	font-family:arial,tahoma;
	font-size:12px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#redcontentbgforETL #listitems ul li
{	
	padding-left:0px;
	font-weight:bold;
	color:#486db4;
	text-align:left;
	height:35px;
	
}

#redcontentbgforETL #listitems ul li a
{	
	background-image:url(../images/roundarrow.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:22px;
	font-weight:bold;
	color:#d0350d;
	text-align:left;
	text-decoration:none;
	
}

#redcontentbgforETL #listitems ul li a:hover
{	
	background-image:url(../images/roundarrow.png);
	background-repeat:no-repeat;
	background-position:5px 0px;
	padding-left:22px;
	font-weight:bold;
	color:#830103;
	text-align:left;
	text-decoration:none;
	
}

#redcontentbgforETL #listitems ul li span
{	

	padding-left:23px;
	font-weight:normal;
	color:#000000;
	font-size:11px;
	
}
/*   Styles for Lite Red Box on the ETL page Section     */


#contentforetl
{
	width:392px; 
    height:150px;
	/*height:500px;*/	
	text-align:justify;
	float:left;
	padding-top:5px;
}

#contentforetl .etlpic
{
	width:122px; 
    height:126px; 
	margin:0px auto;
	background:url(../images/emailtoleadpic.png) no-repeat left;
	float:left;
	padding:0px 12px 0px 0px;
}

#contentforetl .atpic
{
	width:289px; 
    height:37px; 
	margin:0px auto;
	background:url(../images/activitytimerpic.jpg) no-repeat left;
	float:left;
	padding:0px 12px 0px 0px;
}

#contentforetl .scpic
{
	width:219px; 
    height:44px; 
	margin:0px auto;
	background:url(../images/SC.jpg) no-repeat left;
	float:left;
	padding:0px 12px 0px 0px;
}

#contentforetl .dspic
{
	width:212px; 
    height:35px; 
	margin:0px auto;
	background:url(../images/data-service-pic.jpg) no-repeat left;
	float:left;
	padding:0px 12px 0px 0px;
}

#buttons
{
	width:420px; 
    height:auto; 
	margin:0px auto;
	padding-left:20px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttons #bluebutton
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/bluebutton.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttons #bluebutton:hover
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/redbutton.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttons #bluebigbutton
{
	width:180px; 
    height:26px; 
	margin:0px auto;
	background:url(../images/bluebigbutton.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:12px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttons #bluebigbutton:hover
{
	width:180px; 
    height:26px; 
	margin:0px auto;
	background:url(../images/redbigbutton.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:12px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttons #redbutton
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/redbutton.png) no-repeat left;
	float:left;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttons #redbutton:hover
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/bluebutton.png) no-repeat left;
	float:left;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttons #redbigbutton
{
	width:180px; 
    height:26px; 
	margin:0px auto;
	background:url(../images/redbutton.png) no-repeat left;
	float:left;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttonforall
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/bluebutton.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttonforall:hover
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/redbutton.png) no-repeat left;
	float:left;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#submitbutton
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/submitbutton.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#submitbutton:hover
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/submitbutton_hover.png) no-repeat left;
	float:left;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#redbuttonforall
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/redbutton.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#redbuttonforall:hover
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/bluebutton.png) no-repeat left;
	float:left;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}


/*   Styles for Products Listing section & Scroll Bars     */

#productscroll
{	width:420px; 
    height:200px; 
	margin:0px auto;	
		
	scrollbar-3dlight-color:#c8c8c8;
	scrollbar-arrow-color:#4f4f4f;
	scrollbar-base-color:#c8c8c8;
	scrollbar-darkshadow-color:#c8c8c8;
	scrollbar-face-color:#c8c8c8;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;		
}

#productscroll #listitems
{
	margin:0px;
	padding:0px 0px 0px 0px;
	width:420px;
	height:200px;
	overflow:auto;	
}

#productscroll #listitems ul
{
	font-family:arial,tahoma;
	font-size:12px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#productscroll #listitems ul li
{	
	padding-left:0px;
	font-weight:normal;
	color:#486db4;
	text-align:left;
	height:20px;
	
}

#productscroll #listitems ul li a
{	
	background-image:url(../images/roundarrow.png);
	background-repeat:no-repeat;
	background-position:0px 0px;	
	padding-left:22px;
	font-weight:normal;
	color:#434343;
	text-align:left;
	text-decoration:none;
	
}

#productscroll #listitems ul li a:hover
{	
	background-image:url(../images/roundarrow.png);
	background-repeat:no-repeat;
	background-position:5px 0px;	
	padding-left:22px;
	font-weight:normal;
	color:#d0350d;
	text-align:left;
	text-decoration:none;
	
}

#productscroll .title
{	
	margin:0px;
	padding:0px;
	font-family:'Century Gothic';
	font-size:18px;
	color:#4d77b8;		
	font-weight:bold;
	letter-spacing:-1px;	
}


#productscroll .title1
{	
	margin:0px;
	padding:0px;
	font-family:'Century Gothic';
	font-size:16px;
	color:#4d77b8;		
	font-weight:bold;
	letter-spacing:-1px;	
}

#productscroll .greentext
{	
	margin:0px;
	padding:0px;
	font-family:'Century Gothic';
	font-size:20px;
	color:#4a9600;		
	font-weight:bold;	
}

#productscroll .free
{	
	font-family:Arial Black,tahoma;
	font-size:20px;
	color:#f4411b;		
	font-weight:bolder;
	margin-left:20px;
}


#productscroll .price
{	
	font-family:Arial Black,tahoma;
	font-size:18px;
	color:#f4411b;		
	font-weight:bolder;
	margin-left:12px;
}


#productscroll .graytext
{	
	font-family:Arial,tahoma;
	font-size:14px;
	color:#747474;		
	font-weight:bold;
	margin-left:3px;
}
/*   Styles for Products Listing section & Scroll Bars     */


#bottomborderforetlpage
{
	width:892px;
	height:auto;		
	border:solid 1px #000000; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 
	border-radius:5px;
	border-top:none; 
}

#midborderforetlpage
{
	/*border-left:solid 1px #000000;
	border-right:solid 1px #000000;*/
	background:url(../images/page-borderbg.jpg) repeat-y left top;
	width:892px;
		 	
}

#bottomborderforetlpage
{
	background:url(../images/page-bottom-borderbg1.jpg) no-repeat left top;
	width:892px;
	height:9px;
		 	
}

/* ==============================  Styles Ended for Email-to-Lead page Section  ====================================== */





/*  ========================================  Styles for Microsoft Dynmiacs CRM Product Pages  ==================================  */

#monitorpage
{	
	width:900px;
	height:auto;
	margin:0px auto;
	padding:0px;
}

#monitorpagebgtop
{
	background-image:url(../images/monitorpagebg_toppic1.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:900px;
	height:43px;	
}

#monitorpagebgtop #title
{	font-family:Arial, Tahoma, TImes New Roman;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	text-align:left;
	text-decoration:none;
}

#monitorpagebgtop #heading
{	font-family:'Century Gothic';
	font-size:23px;
	font-weight:normal;
	color:#ffffff;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	padding:8px 0px 0px 20px;
	float:left;
	width:430px;
}

#monitorpagebgtop #appstoreheading
{	font-family:'Century Gothic';
	font-size:23px;
	font-weight:normal;
	color:#ffffff;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	padding:8px 0px 0px 20px;
	float:left;
	width:330px;
}

#monitorpagebgmiddle
{
	background-image:url(../images/monitorpagebg_midpic.png);
	background-repeat:repeat-y;
	background-position:0px 0px;
	width:900px;
	height:auto;	
}

#monitorpagebgmiddle p
{
	font-family:Arial, Tahoma, TImes New Roman;
	font-size:12px;
	font-weight:normal;
	color:#343434;
	text-align:justify;
	text-decoration:none;	
}

#monitorpagebgmiddle .title
{
	font-family:Arial, Tahoma, TImes New Roman;
	font-size:12px;
	font-weight:bold;
	color:#930000;
	text-align:left;
	text-decoration:none;
	float:left;	
}

#monitorpagebgmiddle .heading
{
	font-family:Arial, Tahoma, TImes New Roman;
	font-size:16px;
	font-weight:bold;
	color:#930000;
	text-align:left;
	text-decoration:none;
	float:left;	
}

#monitorpagescroll .heading1
{	
	font-family:Arial, Tahoma, TImes New Roman;
	font-size:15px;
	font-weight:bold;
	color:#930000;
	text-align:left;
	text-decoration:none;	
}

#monitorpagescroll .italicheading
{	
	font-family:Arial, Tahoma, TImes New Roman;
	font-size:15px;
	font-weight:bold;
	color:#930000;
	text-align:left;
	text-decoration:none;
	font-style:italic;	
}

#monitorpagebgmiddle .italictext
{
	font-family:Arial, Tahoma, TImes New Roman;
	font-size:13px;
	font-weight:bold;
	color:#2171ce;
	text-align:center;
	text-decoration:none;
	font-style:italic;
	margin:0px auto;
	padding-top:5px;		
}

#monitorpagebgmiddle .italictext a
{
	font-family:Arial, Tahoma, TImes New Roman;
	font-size:13px;
	font-weight:bold;
	color:#2171ce;
	text-align:center;
	text-decoration:none;
	font-style:italic;
	margin:0px auto;
	padding-top:5px;		
}

#monitorpagescroll
{	
	width:545px; height:345px; padding:0px 20px 0px 30px; float:left; overflow:auto;
	
	scrollbar-3dlight-color:#c8c8c8;
	scrollbar-arrow-color:#4f4f4f;
	scrollbar-base-color:#c8c8c8;
	scrollbar-darkshadow-color:#c8c8c8;
	scrollbar-face-color:#c8c8c8;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;	
}

#monitorpagescroll .heading
{	
	font-family:Arial, Tahoma, TImes New Roman;
	font-size:18px;
	font-weight:bold;
	color:#930000;
	text-align:left;
	text-decoration:none;	
}

#monitorpagefullscroll
{	
	width:840px; height:345px; padding:0px 20px 0px 20px; float:left; overflow:auto;
	
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#4f4f4f;
	scrollbar-base-color:#c8c8c8;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#dddddd;
	scrollbar-highlight-color:#c8c8c8;
	scrollbar-shadow-color:#c8c8c8;	
}

#monitorpagefullscroll .heading
{	
	font-family:Arial, Tahoma, TImes New Roman;
	font-size:18px;
	font-weight:bold;
	color:#930000;
	text-align:left;
	text-decoration:none;	
}

#monitorpagebgbottom
{
	background-image:url(../images/monitorpagebg_bottompic.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:900px;
	height:5px;		
}

#bluebigbtnonmonitorpage
{
	width:180px; 
    height:26px; 
	margin:0px auto;
	background:url(../images/bluebigbutton.png) no-repeat left;
	float:right;		
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:0px 40px 0px 0px;
	padding-top:12px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#bluebigbtnonmonitorpage:hover
{
	width:180px; 
    height:26px; 
	margin:0px auto;
	background:url(../images/redbigbutton.png) no-repeat left;
	float:right;		
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:0px 40px 0px 0px;
	padding-top:12px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}


#mediumbtnonmonitorpage
{
	width:150px; 
    height:26px; 
	margin:0px auto;
	background:url(../images/bluemediumbutton.png) no-repeat left;
	float:right;		
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:0px 40px 0px 0px;
	padding-top:12px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#mediumbtnonmonitorpage:hover
{
	width:150px; 
    height:26px; 
	margin:0px auto;
	background:url(../images/redmediumbutton.png) no-repeat left;
	float:right;		
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:0px 40px 0px 0px;
	padding-top:12px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#bluebigbtnonmonitorpageactive
{
	width:180px; 
    height:26px; 
	margin:0px auto;
	background:url(../images/redbigbutton.png) no-repeat left;
	float:right;		
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:0px 40px 0px 0px;
	padding-top:12px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#bluebigbtnonmonitorpageactive:hover
{
	width:180px; 
    height:26px; 
	margin:0px auto;
	background:url(../images/bluebigbutton.png) no-repeat left;
	float:right;		
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:0px 40px 0px 0px;
	padding-top:12px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#bluemediumbtn
{
	width:150px; 
    height:26px; 
	margin:0px auto;
	background:url(../images/bluemediumbutton.png) no-repeat left;
	float:right;		
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:0px 40px 0px 0px;
	padding-top:12px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#bluemediumbtn:hover
{
	width:150px; 
    height:26px; 
	margin:0px auto;
	background:url(../images/redmediumbutton.png) no-repeat left;
	float:right;		
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:0px 40px 0px 0px;
	padding-top:12px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}


#bluemediumbtn1
{
	width:150px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/bluemediumbutton1.png) no-repeat left;
	float:left;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;		
}

#bluemediumbtn1:hover
{
	width:150px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/bluemediumbutton1_hover.png) no-repeat left;
	float:left;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;		
}

/*  ======================Styles for Demo's Section   ===================  */

#demos
{	width:137px;
	margin:0px auto;
}

#demos h1
{	width:137px;
	font-size:10px;
	font-weight:bold;
	color:#000066;
	margin-top:0px;
	text-decoration:none;
}

#demos p
{	width:137px;
	font-size:10px;
	font-weight:bold;
	color:#000066;
	margin-top:0px;
}

#demos a
{
	font-family:arial,tahoma,time new roman;
	font-size:11px;
	font-weight:bold;
	color:#000066;
	text-decoration:none;
}

#demos a:hover
{
	font-family:arial,tahoma,time new roman;
	font-size:11px;
	font-weight:bold;
	color:#990000;
	text-decoration:underline;
}


#demosandtrailscroll
{
	width:840px; height:270px; padding:0px ; float:left; margin-left:20px; overflow:scroll;
	
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#4f4f4f;
	scrollbar-base-color:#c8c8c8;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#dddddd;
	scrollbar-highlight-color:#c8c8c8;
	scrollbar-shadow-color:#c8c8c8;		
}
/*  ======================Styles for Demo's Section   ===================  */

/*  ======================Styles for Pricing Section   ===================  */
#pricinglist
{	font-family:Arial, Tahoma, TImes New Roman;
	font-size:11px;
	margin:0px auto;
}

#pricinglist a.blue
{
	font-family:Arial, Tahoma, TImes New Roman;
	font-size:11px;
	font-weight:bold;
	color:#2171ce;	
	text-decoration:none;	
}

#pricinglist a.blue:hover
{
	font-family:Arial, Tahoma, TImes New Roman;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;	
}

#pricinglist a.white
{
	font-family:Arial, Tahoma, TImes New Roman;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;	
	text-decoration:none;	
}

#pricinglist a.white:hover
{
	font-family:Arial, Tahoma, TImes New Roman;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;	
}
/*  ======================Styles for Pricing Section   ===================  */

/*  ========================================  Styles Ended for Microsoft Dynmiacs CRM Product Pages   ================================ */



/*  ========================================  Styles for Professional Services Pages   ================================ */

#pricingscroll
{
	width:860px; height:270px; padding:0px ; float:left; margin-left:20px; margin-right:20px; overflow:scroll;
	
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#4f4f4f;
	scrollbar-base-color:#c8c8c8;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#dddddd;
	scrollbar-highlight-color:#c8c8c8;
	scrollbar-shadow-color:#c8c8c8;		
}

#lowcostscreen
{
	width:860px; height:240px; padding:0px ; float:left; margin-left:20px; overflow:scroll;
	
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#4f4f4f;
	scrollbar-base-color:#c8c8c8;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#dddddd;
	scrollbar-highlight-color:#c8c8c8;
	scrollbar-shadow-color:#c8c8c8;		
}
/*  ========================================  Styles ended for Professional Services Pages    ================================ */





/*  ========================================  Styles About Pages   ==================================  */

#aboutuspagebg
{
	width:900px;
	height:auto;
	margin:0px auto;
	padding:0px;	
	background:url(../images/contentbluebg.png) no-repeat left top;		
}

#bigcontentgraybg
{
	background-image:url(../images/bigcontentgray_bg.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:588px;
	height:257px;
	float:left;
	padding-left:12px;	
	font-weight:bold;
	color:#830103;
	text-align:left;
	text-decoration:none;
}

#bigcontentgraybg .scroll
{
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#4f4f4f;
	scrollbar-base-color:#c8c8c8;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#dddddd;
	scrollbar-highlight-color:#c8c8c8;
	scrollbar-shadow-color:#c8c8c8;	
}

#bigcontentgraybg #whatwedotextpic
{
	background-image:url(../images/whatwedo-textpic.jpg);
	background-repeat:no-repeat;
    margin:12px 0px 0px 10px;
	width:115px;
	height:19px;
}

#threecatboxbg #whaymtctextpic
{
	background-image:url(../images/whymtc-textpic.jpg);
	background-repeat:no-repeat;
    margin:12px 0px 0px 10px;
	width:83px;
	height:19px;
}

#bigcontentgraybg p
{
	font-family:tahoma,arial;
	font-size:11px;
	text-align:justify; 
	text-decoration:none;
	font-weight:normal;
	color:#282828;
	padding:20px 25px 10px 0px;	
}

#bigcontentgraybg #delogo
{
	margin-left:18px;
	vertical-align:middle;
}

#scrollerforaboutuspage
{	
	width:830px;
	height:320px;
	overflow:auto;
	padding:0px 20px 0px 0px;
	background-color:#FFFFFF;
	margin:0px;	
	text-align:justify;	
	
	scrollbar-3dlight-color:#acd2de;
	scrollbar-arrow-color:#82aebc;
	scrollbar-base-color:#d8ebf1;
	scrollbar-darkshadow-color:#acd2de;
	scrollbar-face-color:#d8ebf1;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#82aebc;
}

/*  ========================================  Styles About Pages   ==================================  */


/*  ========================================  Styles MTC Services Pages   ==================================  */
#mtcservicespagebg
{
	width:900px;
	height:auto;
	margin:0px auto;
	padding:0px;	
	background:url(../images/contentredbg.png) no-repeat left top;	
	position:relative; left:0px; top:0px;	
}

#scrollerformtcservicespage
{	
	width:850px;
	height:320px;
	overflow:auto;
	padding:0px 10px 0px 0px;
	background-color:#FFFFFF;
	margin:0px;	
	text-align:justify;	
	
	scrollbar-3dlight-color:#cea695;
	scrollbar-arrow-color:#711814;
	scrollbar-base-color:#cea695;
	scrollbar-darkshadow-color:#cea695;
	scrollbar-face-color:#fcf5f2;
	scrollbar-highlight-color:#fcf5f2;
	scrollbar-shadow-color:#cea695;
}

#scrollerforimplementationpage
{	
	width:850px;
	height:250px;
	overflow:auto;
	padding:0px 10px 0px 0px;
	background-color:#FFFFFF;
	margin:0px;	
	text-align:justify;	
	
	scrollbar-3dlight-color:#cea695;
	scrollbar-arrow-color:#711814;
	scrollbar-base-color:#cea695;
	scrollbar-darkshadow-color:#cea695;
	scrollbar-face-color:#fcf5f2;
	scrollbar-highlight-color:#fcf5f2;
	scrollbar-shadow-color:#fcf5f2;
}

#scrollerforcustomdevlopment
{	
	width:850px;
	height:230px;
	overflow:auto;
	padding:0px 10px 0px 0px;
	background-color:#FFFFFF;
	margin:0px;	
	text-align:justify;	
	
	scrollbar-3dlight-color:#acd2de;
	scrollbar-arrow-color:#82aebc;
	scrollbar-base-color:#d8ebf1;
	scrollbar-darkshadow-color:#acd2de;
	scrollbar-face-color:#d8ebf1;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#82aebc;
}

/*  ========================================  Styles MTC Services Pages   ==================================  */



/*  ========================================  Styles App Store Pages   ==================================  */

#appstoretab1
{
	width:450px;
	height:47px;
	margin:0px auto;
	padding:0px;	
	background:url(../images/appstorewithtext-tab1.png) no-repeat left top;	
	float:left;
}

#appstoretab2
{
	width:450px;
	height:47px;
	margin:0px auto;
	padding:0px;	
	background:url(../images/appstorewithtext-tab2.png) no-repeat left top;	
	float:left;	
}

#scrollerforappstoretab1
{	
	width:839px;
	height:420px;
	overflow:auto;
	padding:10px 20px 0px 20px;
	background-color:#e4f2f5;
	margin:0px;	
	text-align:justify;	
	
	scrollbar-3dlight-color:#acd2de;
	scrollbar-arrow-color:#82aebc;
	scrollbar-base-color:#d8ebf1;
	scrollbar-darkshadow-color:#acd2de;
	scrollbar-face-color:#d8ebf1;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
}

#scrollerforappstoretab2
{	
	width:839px;
	height:420px;
	overflow:auto;
	padding:10px 20px 0px 20px;
	background-color:#f5e7e4;
	margin:0px;	
	text-align:justify;	
	
	scrollbar-3dlight-color:#acd2de;
	scrollbar-arrow-color:#82aebc;
	scrollbar-base-color:#d8ebf1;
	scrollbar-darkshadow-color:#acd2de;
	scrollbar-face-color:#d8ebf1;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
}


#scrollforappstore
{	
	width:545px; height:410px; padding:0px 20px 0px 30px; float:left; overflow:auto;
	
	scrollbar-3dlight-color:#c8c8c8;
	scrollbar-arrow-color:#4f4f4f;
	scrollbar-base-color:#c8c8c8;
	scrollbar-darkshadow-color:#c8c8c8;
	scrollbar-face-color:#c8c8c8;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;	
}


#buttonsonappstore
{
	width:530px; 
    height:auto; 
	margin:0px auto;
	padding-left:20px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttonsonappstore #bluebutton
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/bluebutton.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttonsonappstore #bluebutton:hover
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/redbutton.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}


#buttonsonappstore #bluebutton1
{
	width:100px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/bluebutton1.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttonsonappstore #bluebutton1:hover
{
	width:100px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/redbutton1.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}


#buttonsonappstore #redbutton1
{
	width:100px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/redbutton1.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttonsonappstore #redbutton1:hover
{
	width:100px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/bluebutton1.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}


#buttonsonappstore #bluebigbutton
{
	width:180px; 
    height:26px; 
	margin:0px auto;
	background:url(../images/bluebigbutton.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:12px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttonsonappstore #bluebigbutton:hover
{
	width:180px; 
    height:26px; 
	margin:0px auto;
	background:url(../images/redbigbutton.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:12px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttonsonappstore #redbutton
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/redbutton.png) no-repeat left;
	float:left;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttonsonappstore #redbutton:hover
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/bluebutton.png) no-repeat left;
	float:left;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttonsonappstore #redbigbutton
{
	width:180px; 
    height:26px; 
	margin:0px auto;
	background:url(../images/redbutton.png) no-repeat left;
	float:left;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

/*  ========================================  End App Store Pages    ==================================  */



/*  ========================================  Start Microsoft XRM Pages    ==================================  */

#buttonsonxrmpage{
	
    height:auto; 
	margin:0px auto;
	padding-right:10px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttonsonxrmpage #bluebutton
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/bluebutton.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttonsonxrmpage #bluebutton:hover
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/redbutton.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}


#buttonsonxrmpage #redbutton
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/redbutton.png) no-repeat left;
	float:left;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#buttonsonxrmpage #redbutton:hover
{
	width:76px; 
    height:23px; 
	margin:0px auto;
	background:url(../images/bluebutton.png) no-repeat left;
	float:left;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#bluebigbtnonxrmpage
{
	width:180px; 
    height:26px; 
	margin:0px auto;
	background:url(../images/bluebigbutton.png) no-repeat left;
	float:right;		
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:0px 10px 0px 0px;
	padding-top:12px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

#bluebigbtnonxrmpage:hover
{
	width:180px; 
    height:26px; 
	margin:0px auto;
	background:url(../images/redbigbutton.png) no-repeat left;
	float:right;		
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:0px 10px 0px 0px;
	padding-top:12px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

/*  ========================================  End of Microsoft XRM Pages    ==================================  */


/*  ========================================  Start of Customer Login Pages   ==================================  */

.loginlink {color:#fa903e; font-size:11px; text-decoration:none; }
.loginlink:hover {color:#000000; font-size:11px; text-decoration:underline; }
.loginlink1 {color:#fa903e; font-size:12px; text-decoration:none; }
.loginlink1:hover {color:#000000; font-size:12px; text-decoration:underline; }
.orangetext {color:#fa903e; font-size:11px; text-decoration:none; }
.bolditalicbluetext {font-family:Arial, Tahoma, TImes New Roman; font-size:14px; font-style:italic; color:#2171ce; font-weight:bold; padding:5px 0px 10px 0px; text-align:center }

/*  ========================================   End of Customer Login Pages   ==================================  */



/*  ========================================  Start Styles for Professsional Pages    ==================================  */
#professsionalpage
{
	width:545px; 
	height:325px; 
	padding:0px 20px 0px 30px; 
	float:left; 
	overflow:auto;
}

#professionalpagescroll
{	
	width:860px; height:270px; padding:0px; margin-left:20px; float:left; text-align:justify; overflow:auto;
		
	scrollbar-3dlight-color:#c8c8c8;
	scrollbar-arrow-color:#4f4f4f;
	scrollbar-base-color:#c8c8c8;
	scrollbar-darkshadow-color:#c8c8c8;
	scrollbar-face-color:#c8c8c8;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;	
}

#oursetuppagescroll
{	
	width:860px; height:330px; padding:0px; margin-left:20px; float:left; text-align:justify; overflow:auto;
		
	scrollbar-3dlight-color:#c8c8c8;
	scrollbar-arrow-color:#4f4f4f;
	scrollbar-base-color:#c8c8c8;
	scrollbar-darkshadow-color:#c8c8c8;
	scrollbar-face-color:#c8c8c8;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;	
}

/*  ========================================  End Styles for Professsional Pages    ==================================  */



/*  ========================================  Styles for Footer Section   ==================================  */

#footer
{	width:100%;	 
    height:43px; 
	margin:0px auto;
	background:url(../images/footerbg.jpg) repeat-x center center;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	z-index:1px;
	
}

/*	#footerpic 
{   width:900px;	 
    height:43px; 
	margin:0px auto;
	background:url(../images/footer.jpg) no-repeat center;
}*/

#footer .length 
{   width:900px;	 
    height:43px; 
	margin:0px auto;
	padding:0px;
	background:url(../images/footerbg.jpg) repeat-x center center;
}

#footer span 
{   
	float:left;	
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:15px 0px 0px 8px;
}

.footerlink
{	
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}

.footerlink:hover
{	
	font-size:11px;
	font-weight:bold;
	color:#fa903e;
	text-align:center;
	text-decoration:none;
}

#footer a 
{   
	float:left;	
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;	
}

#footer a:hover 
{   
	float:left;	
	font-size:11px;
	font-weight:bold;
	color:#fe6a3c;
	text-align:center;
	text-decoration:none;	
}

/*  ================================== Styles Ended for Footer Section  ======================================  */




/*  ================================== Styles for styleformaindiv on the Home page Section ==================================  */

#styleformaindiv
{
	position:absolute;	
	padding: 0px;
    margin: 0px auto;	
	width:892px;
	height: auto;
	top:120px;			
	left:0px;
	font-size: 14px;
	color: #FFF;
	/* background:url(../images/body_bg.jpg) repeat-x; */
	
}

/*
#styleformaindiv .mainframeonhomepage {
	display:none;	
	margin: 0; padding: 0;		
	text-transform: none;
	padding-top:17px;
	background:none;
}


.mainframeonhomepage {
	display:none;	
	margin:0px auto; 
	padding:0;		
	text-transform: none;	
	background:none;
	position:relative;
	top:25px;
	left:50px;	
}
*/

#body #newsletter
{	
	position:relative;
	top:0px;
	left:0px;	
	margin-top:-795px;
	margin-left:640px;
	width:250px;	
	font: normal 12px Arial, Sans-serif;
	text-transform: none;
	color: #000;
	white-space:nowrap;	
	z-index:1;		
	/*background:url(../images/newsletter-bg.jpg) repeat-x;*/	
	/* change the values of top and Left to adjust the position of the slogan*/
	
}

#newsletter #text{	
	
	font: bold 11px Arial, Sans-serif;	
	color: #3e6fad;
	padding-top:2px;
	float:left;
	width:100px;		
}

#newsletter .textarea{
	
	width:120px;
	height:15px;
	font: normal 11px Arial, Sans-serif;	
	color: #000;		
}


.newsletterposition {	
	z-index:1;
	margin: 0; padding: 0;
	width:200px;	
	font: normal 12px Arial, Sans-serif;
	text-transform: none;
	color: #000;
	position:absolute;
	top:25px;
	left:5px;	
	display:block;	
}

/*#mainframeonhomepage
{	display:none; 
	position:absolute; 
	left:168px; 
	top:130px;	
	
	 	
	display:none;  
	position:absolute; 
	left:13.2%; 
	top:25%;
	 
}*/

/* ============ Styles for Newsletter on the Home page Section ============ */

/*#newsletter
{	display:block;
    width:270px; 
	position:absolute; 
	left:64%; 
	top:24%;	
	
	 	
	display:none;  
	position:absolute; 
	left:13.2%; 
	top:25%;
	 
}*/

/* ============  Styles for Newsletter on the Home page Section  ============  */




/* ============  Styles for Popup for Newsletter on the Home page Section  ============  */


.submitbutton1
{
	width:76px; 
	height:23px; 
	margin:0px auto;
	background:url(../images/submitbutton.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

.submitbutton1:hover
{
	width:76px; 
	height:23px; 
	margin:0px auto;
	background:url(../images/submitbutton_hover.png) no-repeat left;
	float:left;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

.resetbutton1
{
	width:76px; 
	height:23px; 
	margin:0px auto;
	background:url(../images/reset.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

.resetbutton1:hover
{
	width:76px; 
	height:23px; 
	margin:0px auto;
	background:url(../images/reset_hover.png) no-repeat left;
	float:left;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

/* ============  Styles Ended Popup for Newsletter on the Home page Section  ============  */


.docbg
{
	width:880px;
	height:auto;
	margin:0px auto;
	padding:0px;
	background:url(../images/doc-bg.jpg) repeat-x left;

}

/*  ================================ Styles Ended for styleformaindiv on the Home page Section  ================================== */





/* ==================================== Styles for New Menu's  ====================================== */




/* Menu */

#menu {
	width:892px;
	height:44px;
	margin: 0 auto;
	padding:0px;	
}

#menu ul {
	width:892px;
	height:44px;
	margin:0;
	padding:0;	
	list-style-type: none;
}
#menu li {	
	height:44px;
	margin:0;
	padding:0;	
	list-style: none;
	float:left;
}

#menu li .seperator{
	float:left;
	margin:0;
	padding:0;
	width:3px;
	height:44px;
	background: url(../images/menu-seperator.jpg) no-repeat left top;
}

#menu li .btn1{
	float:left;
	margin:0;
	padding:0;
	width:122px;
	height:44px;
	background: url(../images/homebtn.jpg) no-repeat left top;
}

#menu .btn1 a {
	float: left;
	margin:0;
	padding:0;
	width:122px;
	height:44px;	 
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
	color: #000000;
	background: url(../images/homebtn.jpg) no-repeat left top;
	border:none;
}

#menu .btn1 a:hover {
	float: left;
	width:122px;
	height:44px;
	padding:0px; 
	background: url(../images/homebtn-hover.jpg) no-repeat left top;	
	border:none;
}

#menu .btn1 .active1 {
	float: left;
	width:122px;
	height:44px;
	padding:0px; 
	background: url(../images/homebtn-hover.jpg) no-repeat left top;	
	border:none;
}

#menu li .btn2{
	float:left;
	margin:0;
	padding:0;
	width:159px;
	height:44px;
	background: url(../images/applicationstore.jpg) no-repeat left top;
}

#menu .btn2 a {
	float: left;
	margin:0;
	padding:0;
	width:159px;
	height:44px;	 
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
	color: #000000;
	background: url(../images/applicationstore.jpg) no-repeat left top;
	border:none;
}

#menu .btn2 a:hover {
	float: left;
	width:159px;
	height:44px;
	padding:0px; 
	background: url(../images/applicationstore-hover.jpg) no-repeat left top;	
	border:none;
}

#menu .btn2 .active2 {
	float: left;
	width:159px;
	height:44px;
	padding:0px; 
	background: url(../images/applicationstore-hover.jpg) no-repeat left top;	
	border:none;
}

#menu .btn3 a {
	float: left;
	margin:0;
	padding:0;
	width:140px;
	height:44px;	 
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
	color: #000000;
	background: url(../images/cloudservices.jpg) no-repeat left top;
	border:none;
}

#menu .btn3 a:hover {
	float: left;
	width:140px;
	height:44px;
	padding:0px; 
	background: url(../images/cloudservices-hover.jpg) no-repeat left top;	
	border:none;
}

#menu .btn3 .active3 {
	float: left;
	width:140px;
	height:44px;
	padding:0px; 
	background: url(../images/cloudservices-hover.jpg) no-repeat left top;	
	border:none;
}

#menu .btn4 a {
	float: left;
	margin:0;
	padding:0;
	width:117px;
	height:44px;	 
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
	color: #000000;
	background: url(../images/aboutus.jpg) no-repeat left top;
	border:none;
}

#menu .btn4 a:hover {
	float: left;
	width:117px;
	height:44px;
	padding:0px; 
	background: url(../images/aboutus-hover.jpg) no-repeat left top;	
	border:none;
}

#menu .btn4 .active4 {
	float: left;
	width:117px;
	height:44px;
	padding:0px; 
	background: url(../images/aboutus-hover.jpg) no-repeat left top;	
	border:none;
}


#menu .btn5 a {
	float: left;
	margin:0;
	padding:0;
	width:146px;
	height:44px;	 
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
	color: #000000;
	background: url(../images/customerlogin.jpg) no-repeat left top;
	border:none;
}

#menu .btn5 a:hover {
	float: left;
	width:146px;
	height:44px;
	padding:0px; 
	background: url(../images/customerlogin-hover.jpg) no-repeat left top;	
	border:none;
}

#menu .btn5 .active5 {
	float: left;
	width:146px;
	height:44px;
	padding:0px; 
	background: url(../images/customerlogin-hover.jpg) no-repeat left top;	
	border:none;
}



#menu .btn6 a {
	float: left;
	margin:0;
	padding:0;
	width:95px;
	height:44px;	 
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
	color: #000000;
	background: url(../images/partners.jpg) no-repeat left top;
	border:none;
}

#menu .btn6 a:hover {
	float: left;
	width:95px;
	height:44px;
	padding:0px; 
	background: url(../images/partners-hover.jpg) no-repeat left top;	
	border:none;
}

#menu .btn6 .active6 {
	float: left;
	width:95px;
	height:44px;
	padding:0px; 
	background: url(../images/partners-hover.jpg) no-repeat left top;	
	border:none;
}


#menu .btn7 a {
	float: left;
	margin:0;
	padding:0;
	width:113px;
	height:44px;	 
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
	color: #000000;
	background: url(../images/contactus.jpg) no-repeat left top;
	border:none;
}

#menu .btn7 a:hover {
	float: left;
	width:113px;
	height:44px;
	padding:0px; 
	background: url(../images/contactus-hover.jpg) no-repeat left top;	
	border:none;
}

#menu .btn7 .active7 {
	float: left;
	width:113px;
	height:44px;
	padding:0px; 
	background: url(../images/contactus-hover.jpg) no-repeat left top;	
	border:none;
}


.submitbutton 
{	width:76px; 
	height:23px; 
	margin:0px auto;
	background:url(../images/submitbutton.png) no-repeat left;
	float:left;	
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:6px 8px 0px 0px;
	border:none;
	text-decoration:none;
	cursor:pointer;	
}

/*#menu .current_page_item a {
	background: url(../images/homebtn-hover.jpg) repeat-x;
	color: #FFFFFF;
}/*

/* ==================================== Styles for New Menu's  ====================================== */

.msdynamicscrmbluetext
{
     font-family:Arial, Helvetica, sans-serif;
	 font-size:25px;
	 font-weight:bold;
	 text-decoration:none;
	 color:#07698C;
}

.pricered
{	
	font-family:Arial Black,tahoma;
	font-size:18px;
	color:#f4411b;		
	font-weight:bolder;

}