.blue { color:#16387c;}
.green { color:#008d29;}
.red { color:#cc0000; }
.orange{ color:#e59c21;}
.normal{ color:#4a4a4a;}
.main-title{ position:relative; font-size:28px; font-weight:bold; background:url(/images/products-h1Bg.gif) no-repeat; height:49px; line-height:49px; padding-left:18px; color:#16387c; z-index:2;}
.main-title span.pipe{ float:left; background:url(/images/products-h1Piple.gif) no-repeat right; padding-right:40px; }
.main-title span.products-logo{position: absolute; top: -10px; left: 12px;}
.products .main-title span.pipelogo{float:left; background:url(/images/products-h1Piple.gif) no-repeat right; padding-right:40px; padding-left:78px;}
.space{ height:6px; font-size:0; line-height:0; background:#fff; clear:both;}
.products-space{height:18px; background:#fff; width:944px; margin-left:1px; clear:both;}


.backtop { font-size:11px; padding-right:16px; color:#008d29; position:absolute; right:16px; *line-height:normal;}
ol li{ list-style:decimal; margin-left:26px;}
.snapshot td{ border-top:1px solid #bdc7cf; padding:10px;}
.left p{ padding-top:16px;}
.left p.first{ padding-top:0;}
#video li{ list-style:none; background:url(/images/products-videoIcon.gif) no-repeat 0 4px; margin-left:0; padding-left:20px;}
#video li.first{ list-style:none; background:url(/images/products-videoIcon.gif) no-repeat 0 4px; margin-left:0; padding-left:20px;}




.awards-bottom{ background:url(/images/products-bottomBg.gif) no-repeat; height:5px; line-height:0; font-size:0; clear:both;}

.main-title .subnavi{ position:absolute; right:16px; font-size:13px; }
.main-title .subnavi li { float:left; padding:6px 12px 0 12px; background:url(/images/sales-line.gif) no-repeat right;}
.main-title .subnavi li.last { background:none;}
.main-title .subnavi li a{ float:left; color:#707070;}
.main-title .subnavi li.on a{ background:url(/images/sales-subnaviBg.gif) no-repeat bottom; color:#16387c;}
.sales #content{border:1px solid #bdc7cf; border-bottom:none; border-top:none;}



.products .overview{border:1px solid #bdc7cf; border-bottom:none; border-top:none; }
.products .overview a{ color:#16387c; text-decoration:underline;}
.products .overview h2{font-size:14px; font-weight:bold; color:#16387c; padding:18px 16px 0 16px;}
.products .overview p{ line-height:18px;}


.products .overview .overview-content{ float:left; padding:22px 0 16px 20px; width:526px; line-height:18px;}
.products .overview .overview-content  h2{font-size:16px; font-weight:bold; color:#16387c; padding-top:18px; padding-left:0;}
.products .overview .overview-content h2.first{ padding-top:0; font-size:16px;}
.products .overview .overview-content p{ padding:0; padding-top:16px;}
.products .overview .overview-content p.first{ padding-top:0;}
.products .overview .overview-content ul li{ list-style:square; margin-left:20px;}


.products .overview .overview-content .button{ padding-top:16px;}
.products .overview .overview-content .button img{ padding-right:12px;}

.products .overview .products-video{ float:left; padding:22px 16px 10px 16px;}
.products .overview .products-video .border{ border:1px solid #bdc7cf;}
.products .overview .products-video .title{ background:url(/images/products-videoBg.gif) no-repeat top center; padding-top:18px;}
.products .overview .products-video .video-title{ text-align:center; }
.products .overview .products-video .video-title span{ background:url(/images/products-videoIcon.gif) left center no-repeat; padding-left:16px;}

.products .overview .customer{ clear:both; border-top:1px solid #bdc7cf; padding-top:3px; background:url(/images/products-awards-topBg.gif) repeat-x; }
.products .overview .customer h2{ font-size:14px; color:#008d29; font-weight:bold; float:left; padding:4px  20px;border-right:1px solid #bdc7cf;}
.products .overview .customer h2 p a{ font-size:11px; color:#4a4a4a; font-weight:normal; line-height:normal; background:url(/images/moreBg-blue.gif) right center no-repeat; padding-right:10px;}

.products .overview p.quote{ padding-left:22px; padding-top:16px; line-height:18px; background:url(/images/home_quoteTop.gif) 10px 10px no-repeat;}
.products .overview p.quoter{color:#16387c; padding-left:24px; clear:both;}
.products .overview h2.casestudy{ position:relative; border:1px solid #bdc7cf; border-left:none; border-right:none; padding:0 16px; line-height:34px; height:34px; margin-top:16px; clear:both;}
.products .overview h2.casestudy .all{ position:absolute; right:26px; font-size:12px; *line-height:normal;}
.products .overview h2.casestudy .all a{ color:#4a4a4a; background: url(/images/moreBg.gif) right center no-repeat; padding-right:16px;}
.products .overview .case-content{ padding:16px 0 8px 0;}
.products .overview .case{ float:left; margin-left:20px;  _margin-left:16px; width:164px;}
.products .overview .case h3{  color:#16387c; font-weight:bold; font-size:120%; padding:3px 0;}
.products .overview .case p { padding:0;}
.products .overview .case p .more a{ color:#008d29;}




.products .overview .customer ul{ }
.products .overview .customer li{ float:left; padding:0 10px;}
.products .overview .customer li h4{ text-align:center; font-size:11px;}
.products .overview .customer li h4 a{ line-height:normal; font-weight:normal;}

.products .maincontent{ margin-top:12px; background:url(/images/products-mainmiddleBg.gif) repeat-y; padding-bottom:8px; border:1px solid #c5ced5; border-bottom:none; border-top:none;}
.products .maincontent .left, .products .features .left{ float:left; width:703px;}
.left a, .left a{ text-decoration:underline; color:#16387c;}
.products .maincontent .left .more a, .products .features .left .more a{ color:#008d29; font-weight:bold;}

.products .maincontent .left h2{ background:url(/images/products-maintopBg.gif) no-repeat; height:36px; line-height:36px; font-size:16px; padding-left:16px; font-weight:bold; margin-left:-1px;}
.products .maincontent .left .thumbnail-wrapper, .products .features .left .thumbnail-wrapper{ clear:both;}
.products .maincontent .left .with-thumbnail, .products .features .left .with-thumbnail{ float:left; width:476px;}
.products .maincontent .left .with-thumbnail h3, .products .features .left .with-thumbnail h3{ font-size:14px; padding:16px 16px 0 16px; font-weight:bold; color:#16387c;}
.products .maincontent .left .with-thumbnail p{}
.products .maincontent .left .with-thumbnail ul, .products .features .left .with-thumbnail ul, .products .maincontent .left .with-thumbnail p, .products .features .left .with-thumbnail p{ padding:0 16px 0 16px; line-height:18px;}
.products .maincontent .left .with-thumbnail li, .products .features .left .with-thumbnail li{ list-style:square; margin-left:16px;}
.products .maincontent .left .thumbnail, .products .features .left .thumbnail{ float:left; margin-left:16px; margin-top:16px;}

.products .maincontent .left .thumbnail p.thumbnail-wrapper, .products .features .left .thumbnail p.thumbnail-wrapper{ padding:0 0 6px 0; position:relative;}
.products .maincontent .left .thumbnail p.thumbnail-wrapper span, .products .features .left .thumbnail p.thumbnail-wrapper span{ position:absolute; right:-5px; top:-5px;}
.products .maincontent .left .thumbnail p, .products .features .left .thumbnail p  { text-align:center; }
.products .maincontent .left .thumbnail p a, .products .features .left .thumbnail p a{  font-weight:bold; color:#008d29;}

.products .maincontent .left .two-columns , .products .maincontent .left .one-column, .products .features .left .two-columns , .products .features .left .one-column { clear:both; padding:0 16px 16px 16px; line-height:18px; }
.products .maincontent .left .two-columns h3, .products .maincontent .left .one-column h3, .products .features .left .two-columns h3, .products .features .left .one-column h3{ font-size:14px; padding-top:16px; font-weight:bold; color:#16387c;}
.products .maincontent .left .two-columns ul li, .products .maincontent .left .one-column ul li, .products .features .left .two-columns ul li, .products .features .left .one-column ul li{list-style:square; margin-left:16px;  line-height:18px; margin-top:12px;}
.products .maincontent .left .two-columns ul li.first, .products .maincontent .left .one-column ul li.first, .products .features .left .two-columns ul li.first, .products .features .left .one-column ul li.first{list-style:square; margin-left:16px;  line-height:18px; margin-top:0;}

.products .maincontent .left .two-columns .column1, .products .features .left .two-columns .column1{ float:left; width:48%;}
.products .features .left .two-columns .column2, .products .maincontent .left .two-columns .column2{ float:left; width:48%; margin-left:20px;}
.products .maincontent .left p.first, .products .features .left p.first{ padding-top:0px;}
.products .maincontent .left .two-columns ul li.first, .products .features .left .two-columns ul li.first{ padding-top:0;}


.products .maincontent .left .support{ padding:16px; border-top:1px solid #bdc7cf;}
.products .maincontent .left .support .support-img{ float:left; margin-right:10px; width:135px;}
.products .maincontent .left .support .support-txt{ float:left; width:520px;}
.products .maincontent .left .support h3{ font-size:14px; font-weight:bold; color:#16387c;}
.products .maincontent .left .support li{ list-style:square; margin-left:16px; line-height:18px;}
.products .maincontent .left .support p{ line-height:18px;}
.products .maincontent .left .support span.more a{ color:#008d29;}

.products .maincontent .left h3.customers-title{ font-size:12px; font-weight:bold; color:#16387c; border-bottom:1px solid #bdc7cf;  border-top:1px solid #bdc7cf; padding-left:16px; line-height:28px;}
.products .maincontent .left ul.customer-list{ padding-left:6px;}
.products .maincontent .left ul.customer-list li{ float:left; padding-left:20px; padding-top:16px;}
.products .maincontent .left .customer-name{ clear:both; padding:10px 30px; line-height:18px;}
.products .maincontent .left .customer-name ul{ float:left; width:33%;}
.products .maincontent .left .customer-name ul li.title{ color:#16387c; padding-top:14px; font-weight:bold;}
.products .maincontent .left .customer-name ul li a{ font-weight:normal; text-decoration:underline; color:#16387c;}

.products .features .left .news-feature{ font-size:12px; padding:16px;}
.products .features .left p.description{ padding:0 16px 16px 16px; line-height:18px;}
.products .features .left p.description .more a{ color:#008d29;}

.products .features .left ul.news-list{ list-style:square; padding:16px; border-top:1px solid #bdc7cf;}
.products .features .left ul.news-list li{ margin-left:18px;  margin-top:16px; line-height:16px;  font-weight:bold; color:#16387c;}
.products .features .left ul.news-list li a{ font-weight:normal; color:#4a4a4a;}
.products .features .left ul.news-list li strong, b{  color:#4a4a4a;}

.products .features{ background:url(/images/products-mainmiddleBg.gif) repeat-y; border:1px solid #c5ced5; border-bottom:none; border-top:none; }

.products .features .left h2{ padding:0 100px 0 16px; *height:36px;  line-height:36px;  position: relative; border-top:1px solid #bdc7cf;  border-bottom:1px solid #bdc7cf; font-size:16px; font-weight:bold; color:#16387c; clear:both;}
.products .features .right h2{  padding:0 10px 0 16px; line-height:36px;  border-left:none; margin-top:16px; font-size:13px;border-top:1px solid #bdc7cf;  border-bottom:1px solid #bdc7cf; font-weight:bold; color:#008d29; clear:both;}
.products .features .right h2.first{ margin:0;}



.products .features h2.alm-download, .products .overview h2.alm-download{ position:relative; padding:0 0 0 80px; color:#16387c; background:url(/images/download-Bg.gif) repeat-x; line-height:37px; height:37px; font-size:16px; font-weight:bold;  clear:both; margin:0 1px;}
.products .features h2.alm-download span.devsuitelogo, .products .overview h2.alm-download span.devsuitelogo, .products .features h2 span.devsuitelogo, .products .overview h2 span.devsuitelogo{ position:absolute; left:10px; top:-14px;}
.products .features .download-wrapper{ clear:both; padding-bottom:18px;}
.products .features .download-wrapper .left h3{ font-size:12px; font-weight:bold; padding:16px 16px 0 16px;}
.products .features .download-wrapper .left p{ padding:0 16px; line-height:18px;}
.products .features .download-wrapper .left ul { padding-left:30px; margin-top:10px;  }
.products .features .download-wrapper .left ul li{ list-style:square;  line-height:18px;}

.products .features  h3.crm{ clear:both;background:url(/images/download-Bg.gif) repeat-x; line-height:37px; padding:0 16px; margin:8px 1px; font-size:13px; font-weight:bold;}


.products .maincontent .right, .products .features .right{ float:left; width:243px; line-height:18px; }
.products .maincontent .right a, .products .features .right a{ text-decoration:underline;}
.products .maincontent .right h2{ font-size:13px; color:#008d29; font-weight:bold; border:1px solid #bdc7cf; line-height:28px; margin-top:16px; padding-left:16px; border-left:none; border-right:none;}
.products .maincontent .right h2.first{ border:none; background:url(/images/products-maintopBg-right.gif) no-repeat right; margin:0; margin-right:-1px; height:36px; line-height:36px;}
.products .maincontent .right p, .products .features .right p{padding:16px 16px 0 16px;}
.products .maincontent .right h3, .products .features .right h3{ font-weight:bold; color:#16387c; padding:16px 16px 0 16px; font-size:108%;}
.products .maincontent .right ul, .products .features .right ul{ padding:0 16px;}
.products .maincontent .right li, .products .features .right li{list-style:square; margin-left:16px;}
.products .maincontent .right ul.video li, .products .features .right ul.video li{ background:url(/images/demolistBg.gif) 0 4px no-repeat; list-style:none; margin:0; padding-left:20px; padding-bottom:8px; }
.products .maincontent .right input, .products .features .right input{ margin-left:16px; width:200px;}
.products .maincontent .right p.contact, .products .maincontent .right p.news, .products .features .right p.contact, .products .features .right p.news{ padding:0 16px 16px 16px;}

.products .maincontent .right ul.snapshot, .products .features .right ul.snapshot{ padding:0;}
.products .maincontent .right ul.snapshot li, .products .features .right ul.snapshot li{ list-style:none; border-bottom:1px solid #bdc7cf; margin:0; padding:8px 20px 8px 20px; background:url(/images/moreBg.gif) no-repeat 212px 12px; }


.products .maincontent-bottom{ background:url(/images/products-mainbottomBg.gif) no-repeat; height:9px; line-height:0; font-size:0; clear:both;}



.products .bottom{ background:url(/images/products-mainBg.gif) no-repeat; height:12px; font-size:1px; line-height:0; clear:both;}
.products #content{ border:1px solid #c1cad2; border-bottom:none; border-top:none;}
.products #content .alm{ width:473px;   float:left; border-right:1px solid #c1cad2;}
.products #content .alm h2{ background:url(/images/products-h2Bg.gif) no-repeat; height:45px; font-size:13px; font-weight:bold; color:#16387c; padding:33px 0 0 81px;}
.products #content .alm a{ color:#16387c; font-weight:bold;}
.products #content .alm .suite{ width:200px; *width:190px;  float:left; margin:0 12px; _margin:0 8px; padding-top:8px;}
.products #content .alm .suite li{ border-top:1px solid #bdc7cf; padding:8px 12px 12px 4px; background:url(/images/moreBg.gif) no-repeat right center;}
.products #content .alm .suite li.button{ text-align:center; background:none; padding:14px 0 8px 0;}
.products #content .alm .single{ width:200px; float:left; margin:0 12px; padding-left:14px; border-left:1px solid #bdc7cf; padding-top:8px;}
.products #content .alm .single li{ border-top:1px solid #bdc7cf; padding:8px 12px 12px 4px;background:url(/images/moreBg.gif) no-repeat right center;}
.products #content .alm .single li.button{ text-align:center; background:none; padding:14px 0 8px 0;}

.products #content .itsm{ width:472px;float:left;}
.products #content .itsm h2{ background:url(/images/products-h2Bg-green.gif) no-repeat; height:45px; font-size:13px; font-weight:bold; color:#137c0d; padding:33px 0 0 81px;}
.products #content .itsm a{ color:#137c0d; font-weight:bold;}
.products #content .itsm .servicewise{ width:200px; _width:190px;  float:left; margin:0 12px; padding-top:8px;}
.products #content .itsm .servicewise li{ border-top:1px solid #bdc7cf; padding:8px 12px 12px 4px; background:url(/images/moreBg.gif) no-repeat right center;}
.products #content .itsm .servicewise li.button{ text-align:center; background:none; padding:14px 0 8px 0;}
.products #content .itsm .customerwise{ width:190px; float:left; margin:0 12px; padding-left:14px; border-left:1px solid #bdc7cf; padding-top:8px;}
.products #content .itsm .customerwise li{ border-top:1px solid #bdc7cf; padding:8px 12px 12px 4px;background:url(/images/moreBg.gif) no-repeat right center;}
.products #content .itsm .customerwise li.button{ text-align:center; background:none; padding:14px 0 8px 0;}

.products .awards-title{ position:relative; background:url(/images/products-awardsBg.gif) no-repeat; color:#16387c; height:31px; line-height:31px; padding-left:16px; margin-top:12px; font-weight:bold; font-size:12px;}
.products .awards-title .more a{ position:absolute; color:#707070; right:32px; top:0; background:url(/images/moreBg.gif) right center no-repeat; padding-right:20px;}
.products .awards-content{ border:1px solid #bdc7cf; border-bottom:none; border-top:none; padding:4px 10px;}
.products .awards-content li{ float:left; padding-right:6px;}

.sales #content h2{ font-size:14px; color:#16387c; padding:16px 16px 0 16px; font-weight:bold;}
.sales #content h3{  color:#16387c; padding:16px 16px 0 16px; font-weight:bold;}
.sales #content p{padding:0 16px 0 16px; line-height:18px; text-align:left;}
.sales #content li{ list-style:square; margin-left:30px; line-height:18px;}



table.mainTable{}
table.mainTable .header{ background:#f2f4f6 url(/images/sales-tableBg.gif)  repeat-x; font-size:14px; font-weight:bold; color:#16387c; }
table.mainTable td{ border:1px solid #bdc7cf; padding:8px 8px; text-align:center;}
table.mainTable td p{ text-align:left; line-height:18px;}
table.mainTable td p.title{ font-weight:bold; color:#16387c; text-align:left; padding:0 16px 0 16px;}
table.mainTable td ul.list li{ text-align:left; line-height:18px; list-style:square; margin-left:36px;}
table.mainTable td ul.list-main li{ text-align:left; line-height:18px; list-style:square; margin-left:16px;}
table.mainTable td.first{ border-left:none;}
table.mainTable td.last{ border-right:none;}
table.mainTable td.none{ border-left:none; border-right:none;}

.try-live a{ color:#d0401e; font-weight:bold; background:url(/images/moreBg.gif) right center no-repeat; text-decoration:none; padding-right:14px;}
.try-liveGreen a{ color:#008d29; font-weight:bold; background:url(/images/moreBg.gif) right center no-repeat; text-decoration:none; padding-right:14px;}
.price { font-size:18px; }
 #content table.mainTable td.none p.note{ font-size:10px; color:#999; text-align:left; padding:0 10px 0 10px; line-height:11px;}
 table.mainTable td.none p.contact{ padding-top:8px; border-top:1px solid #bdc7cf; text-align:left; padding-left:16px; line-height:18px;}
 table.noborder td{ border:none;}


.products .overview .course-list  h3{ font-weight:bold; padding:16px 16px 0 16px;}
.products .overview .course-list li{ border-bottom:1px solid #bdc7cf; padding-bottom:10px;}
.products .overview .course-list li.last{ border:none;}

.sales #content .download-login{ padding:30px 100px;}
.sales #content .download-login p,.sales #content .download-login h2{ padding:10px; text-align:center;}
.sales #content .download-login h2{ font-size:18px;}
.sales #content .download-login .login-box{ background:#e2eaf1; margin-top:20px; height:269px; width:100%;}

.sales #content .download-login .login-box .left{ float:left; padding:25px; margin:10px 0; width:322px; border-right:1px solid #a6aaae;}
.sales #content .download-login .login-box .left p{ text-align:left; padding:0;}
.sales #content .download-login .login-box .right{ float:none; margin-left:373px; padding:25px; width:auto; padding-top:102px;}
.sales #content .download-login .login-box .right p{ text-align:center; padding:0;}


.sales #content .download-login .login-box .left h3{ font-size:11px; padding-left:0;}

.products .nav-third-level{background:#fff; clear:both; margin:0 1px;}
.products  .nav-third-level li { float:left; padding:10px 16px;}
.products  .nav-third-level a { font-weight:normal; color:#4a4a4a; text-decoration:none;}

.products .more a{ font-weight:bold; color:#008d29; background:url(/images/moreBg-green.gif) right center no-repeat; text-decoration:none; padding-left:4px; padding-right:10px; }

.products .more-blue a{ font-weight:bold; color:#16387c; background:url(/images/moreBg-blue.gif) right center no-repeat; text-decoration:none; padding-left:4px; padding-right:10px; }


.trylive-bottom{ background:url(/images/try-live-bottom.gif) no-repeat; height:13px; line-height:0; font-size:0; clear:both;}
.web{ float:left; width:315px; padding-top:20px;}
.download{ float:left; width:314px; border:1px solid #bdc7cf; border-bottom:none; border-top:none;  padding-top:20px;}
.help{ float:left; width:315px;  padding-top:20px;}


.web ul.columnList,.download ul.columnList, .help ul.columnList{ list-style:square; margin-left:16px;}
.web ul.columnList,.download ul.columnList, .help ul.columnList,.web p,.download p, .help p{ padding:20px; line-height:18px;}