/*------ GENERAL -------*/
html {
	min-height:100%; 
	margin-bottom:1px;
}
body {
	margin:0; 
	padding:0; 
	color:#4C4B4B;
	background:#fff url(../images/main-bg1.jpg) 0 0 repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}
div, p, img, ul, a, h2, h3, h4, form, input, select {
	margin:0; 
	padding:0;
}
a {
	text-decoration:none; 
	outline:none;
}
ul {
	list-style:none;
}
img {
	border:none;
}
.spacer {
	font-size:0; 
	line-height:0; 
	clear:both;
}

/*----- LOGO PANEL ----*/
#logoPanel {
	width:766px; 
	height:82px; 
	padding:11px 0 0 12px;
	background:url(../images/logo-panel-bg.gif) 0 0 repeat-x;
	margin:0 auto;
}
#logoPanel img {
	float:left;
}
#logoPanel ul {
	font-size:12px; 
	line-height:28px; 
	padding:46px 15px 0 0;
	color:#fff; 
	background-color:inherit; 
	font-weight:bold;
}
#logoPanel ul li {
	background:url(../images/demo-req-bg.jpg) 0 0 no-repeat;
	padding:0 0 0 37px; 
	width:98px;
	float:right; 
	margin:0 0 0 13px;
	position:relative;
}
#logoPanel ul li a {
	color:#fff;
	background-color:inherit;
} 
#logoPanel ul li a:hover {
	color:#000;
	background-color:inherit;
}

/*------ TOP MENU -------*/
#topMenu {
	width:778px; 
	margin:0 auto;
}
#topMenu {
	border-bottom:#fff 1px solid; 
	height:24px;
}
#topMenu ul {
	line-height:24px; 
	font-weight:bold; 
	font-size:11px;
}
#topMenu ul li {
	float:left; 
	padding-left:1px; 
	position:relative;
	white-space:nowrap;
	background:url(../images/black-bg.gif) 0 0 repeat-y;
}
#topMenu ul li a {
	display:block; 
	height:24px; 
	padding:0 25px; 
	color:#E7E7E7;
	background:url(../images/topmenu-btn-bg.gif) 0 0 repeat-x;
	background-color:inherit;
	float:left;
} 
#topMenu ul li a:hover, #topMenu ul li span, 
#topMenu ul li:hover a, #topMenu ul li.sfhover a {
	background-image:url(../images/topmenu-hover.gif);
	color:#E7E7E7;
	background-color:inherit; 
	padding:0 24px; 
	border-left:#06ACE1 1px solid;
	border-right:#06ACE1 1px solid;
}
#topMenu ul li span {
	cursor:default;
	display:block;
	float:left;
}
#topMenu ul li a.active {
	background-image:url(../images/topmenu-hover.gif);
	display:block;
	float:left;
}
#topMenu ul li.noBg {
	background:none; 
	padding:0;
}

/*-- DROP --*/
#topMenu ul li ul {
	position:absolute;
	border-top:#fff 1px solid;
	background:url(../images/black-bg.gif) 100% 0 repeat-y;
	padding-right:1px;
	left:-2000px;
	width:203px;
}
#topMenu ul ul li {
	clear:left;
}
#topMenu ul ul li a {
	float:none;
}
#topMenu ul li:hover ul, #topMenu ul li.sfhover ul {
	position:absolute; 
	top:24px; 
	left:0;
}
#topMenu ul li:hover ul a, #topMenu ul li.sfhover ul a,
#topMenu ul li.sfhover ul li.sfhover ul a, #topMenu ul li:hover ul li:hover ul a {
	color:#E7E7E7;
	background:#000;
	width:154px;
	border:none;
	padding:0 24px;
}
#topMenu ul ul li a {
	border-bottom:#555 1px solid !important;
}
#topMenu ul ul li a.bot {
	border-bottom:#000 1px solid !important;
} 
#topMenu ul li:hover ul a:hover, #topMenu ul li.sfhover ul a:hover,
#topMenu ul li:hover ul li:hover a, #topMenu ul li.sfhover ul li.sfhover a {
	background:#555;
	border:none;
	color:#E7E7E7;
}

/* SUB MENU */
#topMenu ul li:hover ul li ul, #topMenu ul li.sfhover ul li ul {
	left:-2000px; 
	position:absolute; 
	top:0;
}
#topMenu ul li:hover ul li:hover ul, #topMenu ul li.sfhover ul li.sfhover ul {
	left:259px; 
	position:absolute; 
	top:-1px;
}
#topMenu ul li:hover ul li a.dropBull, #topMenu ul li.sfhover ul li a.dropBull,
#topMenu ul li.sfhover ul li a.dropBull:hover {
	background-image:url(../images/bull-drop.gif);
	background-position:98% 50%;
	background-repeat:no-repeat;
	border-bottom:#000 1px solid !important;
}
#topMenu ul li:hover ul li:hover ul a:hover {
	background:#555;
	border:none;
	color:#E7E7E7;
}


/*--- APPROACH -- */
#topMenu ul li:hover ul.approach, #topMenu ul li.sfhover ul.approach {
	width:174px;
}
#topMenu ul li:hover ul.approach li a, #topMenu ul li.sfhover ul.approach li a {
	width:125px;
}

/*--- Microsoft CRM --*/
#topMenu ul li:hover ul.microsoft, #topMenu ul li.sfhover ul.microsoft {
	width:188px;
}
#topMenu ul li:hover ul.microsoft li a, #topMenu ul li.sfhover ul.microsoft li a {
	width:139px;
}

/*--- Support CRM --*/
#topMenu ul li:hover ul.support, #topMenu ul li.sfhover ul.support {
	width:149px;
}
#topMenu ul li:hover ul.support li a, #topMenu ul li.sfhover ul.support li a {
	width:100px;
}

/*---- HEADER ----*/
#header {
	width:278px; 
	margin:0 auto; 
	height:189px; 
	padding:0 20px 0 478px;
	background:url(../images/header-bg.jpg) 0 0 no-repeat;
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
}
#header h2 {
	color:#08243C; 
	background-color:inherit;
	font-size:20px;
	line-height:32px;
	padding:21px 0 10px;
}
#header ul {
	font-size:11px; 
	line-height:16px;
	font-weight:bold;
	color:#08243C; 
	background-color:inherit;
	padding:3px 0 0 15px;
	color:#0782AB;
}
#header ul li {
	background:url(../images/bull-home-top.gif) 0 50% no-repeat;
	padding:0 0 0 10px;
}

/*---- BODY ----*/
#body {
	width:770px; 
	margin:0 auto 2px auto; 
	padding:3px; 
	background:#fff;
	color:#4C4B4B;
	border-bottom:#CCCCCC 1px solid; 
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
}

/* BANNERS */
#body div.basicPack {
	background:#FEFEFF url(../images/cerulean-banner-bg.jpg) 0 0 no-repeat;
	width:343px; 
	height:144px;
	padding:0 20px 0 20px;
	float:left;
	color:#fff;
	cursor:pointer;
	margin-bottom:3px;
}

#body div.basicPack h2, #body div.crmPack h2 {
	font-size:24px; 
	line-height:26px;
	color:#8B3E0A;
	padding:18px 0 12px;
}
#body div.basicPack p, #body div.crmPack p {
	font-size:12px;
	font-weight:bold; 
	line-height:16px;
}
#body div.basicPack p span, #body div.crmPack p span {
	display:block; 
	color:#793611; 
	width:80px;
	height:20px;
	font-size:11px;
	line-height:20px;
	font-weight:bold;
	background:url(../images/click-here-orange.gif) 0 0 no-repeat;
	padding:0 0 0 8px;
	margin-top:22px;
}
#body div.crmPack p span {
	color:#213816;
	background-image:url(../images/click-here-green.gif);
}
#body div.crmPack {
	width:343px; 
	height:144px;
	padding:0 20px 0 20px;
	float:right;
	background:#FEFEFF url(../images/crm-banner.jpg) 0 0 no-repeat;
	color:#fff;
	cursor:pointer;
	margin-bottom:3px;
}
#body div.crmPack h2 {
	color:#F0FF49;
}

#body p.crmWays {
	font-size:14px; 
	line-height:16px;
	color:#08243C;
	background-color:#fff;
	padding:16px 0 20px 17px;
}
#body p.crmWays span {
	font-size:18px;
}
#body p.crmWays span strong {
	color:#018AB7; 
	background-color:#fff;
}

/*----- CRM Ways List ------*/
ul.waysList {
	font-size:12px; 
	line-height:17px;
}
ul.waysList li {
	padding:12px 12px 9px 98px; 
	margin-bottom:3px;
	background:#EBF0F2 url(../images/step1-bg.jpg) 15px 0 no-repeat;
	color:#4C4B4B;
}
ul.waysList li.step2 {
	background-image:url(../images/step2-bg.jpg);
}
ul.waysList li.step3 {
	background-image:url(../images/step3-bg.jpg);
}

/*------- BOTTOM PANEL -------*/
#body div.bottom {
	width:249px; 
	padding:2px 2px 0 2px;
	border:#E2E2E2 1px solid;
	float:left;
	margin:0 3px 3px 0;
}
#body div.bottom div {
	padding:8px 10px 17px 10px;
}
#body div.bottom h2 {
	font-size:18px; 
	line-height:20px;
	font-weight:normal;
}
#body div.bottom ul {
	font-size:11px; 
	line-height:17px;
	padding:0 0 0 10px;
}
#body div.bottom ul li {
	color:#7D7D7D;
	padding:0 0 0 14px;
	background:url(../images/bull-sales.gif) 0 50% no-repeat;
	background-color:inherit;
}
#body div.bottom ul li.doubleline {
	background-position:0 6px;
	line-height:12px;
	padding-top:3px;
	padding-bottom:2px;
}
#body div.bottom a.more {
	font-weight:bold;
	font-size:11px;
	line-height:27px;
	padding:0 0 0 15px;
	margin:0 0 0 8px;
	background:#F8FBFC url(../images/more-info-btn.gif) 0 50% no-repeat;
	color:#006F9C;
	text-decoration:underline;
}
#body div.bottom a.more:hover {
	text-decoration:none;
}

/* Sales */
#body div.bottom div.sales, div.sales {
	background:#F8FBFC url(../images/sales-panel-bg.gif) 0 0 repeat-x;
	color:#076186;
}
#body div.bottom div.sales h2, div.sales h2 {
	padding:3px 0 16px 29px;
	background:url(../images/waves-icon.gif) 0 0 no-repeat;
	height:20px;
}
#body div.bottom div.sales ul {
	padding-bottom:12px;
}
/* Marketing */
#body div.bottom div.marketing {
	background:#F8FCF8 url(../images/marketing-panel-bg.gif) 0 0 repeat-x;
	color:#076186;
}
#body div.bottom div.marketing h2 {
	padding:3px 0 13px 31px;
	background:url(../images/waves-icon.gif) 0 0 no-repeat;
	height:23px;
	color:#01740B;
}
#body div.bottom div.marketing a.more {
	color:#01740B;
	background-color:inherit;
}

/* Customer Service */
#body div.customer {
	margin:0;
	float:right;
	width:248px;
}
#body div.customer div {
	padding-bottom:18px;
}

/*------ LATEST NEWS -------*/
#body div.latestNews {
	width:478px;
	padding:13px 18px 18px 17px;
	float:left;
	background:#08243C url(../images/latest-news-bg.jpg) 100% 0 no-repeat;
	color:#7F92A3;
	font-size:11px;
	line-height:14px;
}
#body div.latestNews h2 {
	color:#fff;
	font-size:17px;
	line-height:20px;
	padding:0 0 10px;
	background:#08243C;
	width:140px;
}
#body div.latestNews p {
	padding:0 0 10px;
}
#body div.latestNews p.noPad {
	padding:0;
}
#body div.latestNews p.date {
	font-size:12px;
	font-weight:bold;
	color:#B2C9DE;
	background:#08243C;
	width:85px;
	padding:0;
}

#body div.latestNews a {
	color:#79AFDF;
	background:#08243C;
	font-weight:bold;
}
#body div.latestNews a:hover {
	text-decoration:underline;
}

/*---------- MICROSOFT DYNAMICS ----------*/
#body div.microsoft {
	border:#D5D5D5 1px solid;
	width:250px;
	float:right;
	padding:1px;
}
#body div.microsoft img {
	display:block;
}

/*------- NEWS LETER ------*/
#body div.newsLeter {
	background:#F0F0F0;
	color:#08243C;
	padding:12px 11px 0 11px;
	height:103px;
	border:#D5D5D5 1px solid;
	width:230px;
	float:right;
	margin-bottom:3px;
}
#body div.newsLeter h2 {
	height:39px;
	margin-bottom:18px;
	font-size:16px;
	font-weight:normal;
	line-height:22px;
}
#body div.newsLeter h2 span {
	color:#1679A2;
	background-color:inherit;
	font-size:18px;
}
#body div.newsLeter h2 strong {
	font-size:18px;
}
#body div.newsLeter input {
	float:left;
	width:166px;
	height:15px;
	line-height:15px;
	padding-left:1px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#7D7D7D;
}
#body div.newsLeter input.btn {
	float:right;
	width:50px;
	height:19px;
}
/*---------- FOOTER ----------*/
#footer {
	background:url(../images/footer-bg.gif) 0 0 repeat-x;
	height:73px;
}
#footer ul {
	font-size:11px;
	line-height:25px;
	margin:0 auto;
	height:25px;
	width:515px;
}
#footer ul li {
	float:left;
	padding:0 7px 0 8px;
	background:url(../images/footer-devider.gif) 0 50% no-repeat;
}
#footer ul li a {
	color:#08243C;
	background-color:#94C2E9;
}
#footer ul li a:hover, #footer ul li span, #footer ul li a.active {
	color:#fff;
	background-color:#94C2E9;
}
#footer ul li.noBg {
	background:none;
}
#footer p {
	text-align:center;
	font-size:10px;
	color:#08243C;
	background-color:inherit;
	padding:21px 0 0;
}

/*-------- About Us Page ---------*/
#innerBody {
	width:776px; 
	margin:0 auto 2px auto;
	border-bottom:#CCCCCC 1px solid; 
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	padding:1px 0 0;
	background-color:#fff;
	color:#4C6071;
}

/* INNER PAGE HEADERS */

#innerBody div.bodyContent {
	background:#fff url(../images/body-inner-bg.gif) 0 0 repeat-x;
	color:#4C6071;
	padding:0 0 48px;
	float:left;
	width:776px;
}
#innerBody div.bodyContent p {
	font-size:12px; 
	line-height:18px; 
	padding:0 0 18px;
}
#innerBody div.bodyContent p a {
	color:#0799C1;
	font-weight:bold;
}

#innerBody div.bodyContent p.bottom, #innerBody div.bodyContent li.bottom {
	padding-bottom:0 !important;
}
#innerBody div.bodyContent h2 {
	font-size:24px; 
	line-height:20px; 
	padding:0 0 16px;
	color:#08243C;
	background-color:inherit;
	font-weight:normal;
}
#innerBody div.bodyContent h2 span {
	color:#0799C1;
	background-color:inherit;
	font-weight:bold;
}

/*-- Bredcumbers --*/
#innerBody div.bodyContent p.bredcumbers {
	color:#000;
	padding:0 0 16px 201px;
	line-height:35px;
}
#innerBody div.bodyContent p.bredcumbers a, #innerBody div.bodyContent p.bredcumbers span {
	color:#0799C1; 
	font-weight:normal;
}
#innerBody div.bodyContent p a:hover {
	color:#000; 
	background-color:inherit;
}

/*------ LEFT PANEL ------*/
#leftPanel {
	width:169px; 
	float:left;
	padding:0 0 0 13px;
}
#leftPanel h3 {
	color:#0799C1;
	padding:0 0 6px 11px;
	font-size:12px;
	line-height:13px;
	background:url(../images/bull-left-hdr.gif) 0 2px no-repeat;
	background-color:inherit;
}
#leftPanel h3 a {
	color:#0799C1;	
	background-color:inherit;
}
#leftPanel h3 a:hover {
	color:#098AAD;	
	background-color:inherit;
}
#leftPanel ul {
	font-size:11px; 
	line-height:21px;
	padding:0 0 25px 11px;
}
#leftPanel ul li {
	background:url(../images/bull-left-nav.gif) 0 50% no-repeat;
	padding:0 0 0 8px;
}
#leftPanel ul li.double {
	line-height:13px; 
	background-position:0 7px; 
	padding-top:3px;
}
#leftPanel ul li a {
	color:#000;
	background-color:inherit;
}
#leftPanel ul li a:hover {
	color:#4C6071;
	background-color:inherit;
}

/*------ RIGHT PANEL ------*/
#rightPanel {
	padding:0 0 0 18px;
	float:left;
	width:562px;
	border-left:#CECECE 1px dashed;
}
#rightPanel h4 {
	color:#0799C1;
	background-color:inherit;
	font-size:13px;
	font-weight:bold;
	padding-bottom:6px;
}
#rightPanel ul.list {
	font-size:12px; 
	line-height:17px;
}
#rightPanel ul.list li {
	padding:0 0 14px 15px;
	background:url(../images/bull-sales.gif) 0 6px no-repeat;
}
#rightPanel div.screenshots {
	padding:10px 0 0;
	float:left;
}

#rightPanel div.screenshots a {
	display:block;
	width:250px;
	height:130px;
	border:#CECECE 1px solid;
	padding:2px;
	float:left;
	margin:0 10px 0 0;
}
#rightPanel div.screenshots a:hover {
	border:#7F7F7F 1px solid;
}
#rightPanel div.screenshots p {
	float:left;
	margin:0 18px 0 0;
	width:255px;
}
#rightPanel div.screenshots p img {
	margin-bottom:15px;
	border:#CECECE 1px solid;
	padding:3px;
	display:block;
}
/*--- POP UP ---*/

body.screen {
	margin:0;
	padding:0;
	background:none;
}

/*----- CONTACT ----*/
#innerBody div.bodyContent p.contact {
	font-size:11px;
	line-height:16px;
	padding-bottom:8px;
}

/*----- DEMO REQUEST FORM ----*/
#innerBody div.bodyContent form#requestDemo,
#innerBody div.bodyContent #newsletterForm, 
#innerBody div.bodyContent div#reponse_text {
	padding:0 0 0 10px;
}
#innerBody div.bodyContent form#requestDemo p,
#innerBody div.bodyContent #newsletterForm p {
	font-size:12px;
	line-height:18px;
	display:block;
	height:26px;
	padding:0;
}
#innerBody div.bodyContent form#requestDemo p span,
#innerBody div.bodyContent #newsletterForm p span {
	float:left;
	display:block;
	height:18px;
	width:170px;
}
#innerBody div.bodyContent form#requestDemo input,
#innerBody div.bodyContent #newsletterForm input {
	width:170px;
	height:17px;
	float:left;
	font-size:12px;
	color:#4C6071;
	background-color:#fff;
	border:#CCCCCC 1px solid;
	padding:2px 0 0 3px;
	font-family:Arial, Helvetica, sans-serif;
}
#innerBody div.bodyContent form#requestDemo select {
	width:175px;
	height:22px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:1px;
	color:#4C6071;
	background-color:#fff;
	float:left;
}
#innerBody div.bodyContent form#requestDemo p.btn,
#innerBody div.bodyContent #newsletterForm p.btn  {
	width:344px;
	padding:10px 0 0;
}
#innerBody div.bodyContent form#requestDemo p.btn input,
#innerBody div.bodyContent #newsletterForm p.btn input {
	width:50px;
	height:19px;
	background:none;
	border:none;
	padding:0;
	float:right;
	margin:0 0 0 10px;
}

/*--- AJAX TEXT ---*/
#innerBody div.bodyContent div#reponse_text {
	background:url(../images/alert.gif) -12000px 0 no-repeat;	
	background:url(../images/success.gif) -12000px 0 no-repeat;	
	background:url(../images/loading.gif) -12000px 0 no-repeat;
	width:326px;
}
#innerBody div.bodyContent div#reponse_text p {
	font-weight:bold;
	padding:5px 0 5px 30px;
	border:#E2E2E2 1px solid;
}
#innerBody div.bodyContent div#reponse_text p.sending {
	background:url(../images/loading.gif) 5px 5px no-repeat;
}
#innerBody div.bodyContent div#reponse_text p.success {
	color:#0799C1;
	background:url(../images/success.gif) 5px 6px no-repeat #fff;
}
#innerBody div.bodyContent div#reponse_text p.failed {
	color:#FF0000;
	background:url(../images/alert.gif) 5px 5px no-repeat #fff;
}

/*----- SITEMAP ------
div.sitemap {
	padding:50px 0 0 300px !important;
}
div.sitemap ul {
	padding:0 0 15px 11px !important;
}
*/
#innerBody div.bodyContent h2.sitemap {
	padding:20px;
	background:none;
}
div.sitemap {
	width:120px !important;
	padding:0 !important;
}
div.sitemap ul {
	padding:0 !important;
}
div.sitemap h3 {
	font-size:11px !important;
	line-height:14px !important;
	background:url(../images/bull-left-hdr.gif) 0 3px no-repeat !important;
}
div.sitemapFirst {
	width:80px !important;
	padding-left:18px !important;
}
div.sitemapLast {
	width:90px !important;
}
div.sitemapCrm {
	width:170px !important;
	padding-left:15px !important
}
div.sitemapabt {
	width:150px !important;
}
/*----- FOR ALL -----*/
.bottomPad {
	padding-bottom:20px !important;
}
.bottomPad1 {
	padding-bottom:19px !important;
}

#textBody
{
	clear: both;
	margin: 0 0 5px 0;
	padding: 5px 5px 0px 5px;
	border: solid 1px #ccc;
	font-size: 80%;
}

#textBody h2 {
	padding:3px 0 16px 32px;
	background:url(../images/waves-icon.gif) 0 0 no-repeat left 50%;
	height:20px;
	font-size: 150%;
}

#textBody p
{
	margin-bottom: 10px;
}