html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; /* !!! */
}

:focus { outline: 0; }

ol, ul { list-style: none; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* END clearfix */

.clear { clear:both; }


/****************************************
*									          Main
****************************************/
* { font-family:'Helvetica', Arial, sans-serif !important; text-decoration:none; }
html, body, #wrapper { height: 100%; }
body { margin:0; padding:0; background-color:#cbced4; }

/*#wrapper { margin:0 auto -85px auto; width:902px;  }*/
#wrapper { margin:0 auto -85px auto; width:901px;  }
body > #wrapper { height: auto; min-height: 100%; }
#footer { clear: both; position: relative; z-index: 10; height: 85px; /*margin-top: -3em;*/ }


/****************************************
*						         Typo and stuff
****************************************/
.content-dummy-border {
   clear:both;
   height:53px;
   width:100%;
   line-height:2px;
   overflow:hidden;
   background:url(../images/top_nav_border.png) no-repeat 0 bottom;
}
.content-dummy-border.heading {
   clear:both;
   height:12px;
   margin-bottom:15px;
}


h2.details {
   padding-top:33px;
   font-size:25px;
   font-weight:bold;
   color:#1a1a1a;
}
h3 {
   padding-bottom:7px;
   font-weight:bold;
   font-size:17px;
   line-height:17px;
   color:#1a1a1a;
}
h4 {
   font-size:13px;
   font-weight:bold;
   color:#414141;
}
h5 {
   font-size:13px;
   font-weight:bold;
   color:#222222;
}
.style-p {
   padding:12px 0 0 0;
   margin-bottom:32px;
}
.main .style-p {
   padding-top:0;
}

.main h2.synopsis {
   padding-bottom:16px;
   font-size:21px;
   font-weight:bold;
   color:#1a1a1a;
}
p {
   font-size:13px;
   line-height:19px;
}
.main p.details {
   padding-bottom:34px;
}
p.details.form {
   padding-bottom:24px;
}
p.big-lh {
   line-height:26px;
}
.main p.details.last {
   padding-bottom:0;
}
p.price {
	overflow:hidden !important;
}
.style-justify {
   text-align:justify;
}

/* multiple columns div */
div.r_m {
   padding-bottom:24px;
}
      div.r_m .we {
         float:left;
      }
         div.r_m .we p {
            padding:0;
         }
      div.r_m .we.fright {
         float:right;
         text-align:right;
      }

ul.basic-list {
   padding:0 0 0 20px;
}
   ul.basic-list li {
      padding-left:17px;
      padding-bottom:13px;
      font-size:13px;
      color:#565b60;
      background: url(../images/dot_services.png) no-repeat left 7px;
   }

/* Checkbox */
.xcheckbox {
   display:block;
   text-align:center;
}
      .xcheckbox label {
         display:block;
         font-size:17px;
         font-weight:bold;
         padding-bottom:8px;
      }
      .xcheckbox span {
         display:block;
         margin:0 auto;
      }
      .xcheckbox span:hover {
         cursor:pointer;
      }
      .xcheckbox span.sick {
         width:27px;
         height:29px;
         background:url(../images/checkbox_out.png) no-repeat 0 0;
      }
      .xcheckbox span.sick.checked {
         background:url(../images/checkbox_checked.png) no-repeat 0 0;
      }
            .xcheckbox span.sick input {
               display:none;
            }


/* Input radio */
.rcheckbox {
   display:block;
   text-align:center;
}
      .rcheckbox span {
         display:block;
         margin:0 auto;
         width:29px;
         height:29px;
      }
      .rcheckbox span.checkbox:hover {
         cursor:pointer;
      }
      .rcheckbox span.sick {
         background:url(../images/rounded/checkbox_trial_out.jpg) no-repeat 0 0;
      }
      .rcheckbox span.sick.checked {
         background:url(../images/rounded/checkbox_trial_checked.jpg) no-repeat 0 0;
      }
            .rcheckbox span.sick input {
               display:none;
            }



/****************************************
*						                Content
****************************************/
#content { }

.main {
   float:right;
   width:555px;
}
      .main .head-image {
         padding:35px 0 36px 0;
      }
            .main .head-image img {
               display:block;
               margin:0 auto;
               border:0;
            }
      #content p, .main p {
         color:#212528 ;
      }

/****************************************
*		                            Sidebar
****************************************/
.sidebar {
   clear:both;
   float:left;
   width:302px;
}
      .sidebar p {
         color:#555b61;
      }
      .sidebar p.details {
			padding-bottom:28px;
		}
      
      .sidebar p.last {
         padding-bottom:0;
      }
            .sidebar p.details.we span {
               color:#12181c;
            }


/****************************************
*						      Homepage Services
****************************************/
.services {
   padding:0 1px 4px 2px;
   margin-top:12px;
   height:232px;
   background:url(../images/backgrounds/bg_services.jpg) no-repeat 0 0;
}
      .services li ul {
         height:115px;
      }
      
      
      .services li {
         overflow:hidden;
			line-height:17px;
      }
      .services .enterprise {
         float:left;
         padding:12px 0 0 18px;
         width:296px;
         height:216px;
         border-right:1px solid #d3d3d3;
         background:url(../images/bg_services_enterprise.png) no-repeat right 53px;
      }
      .services .developer {
         float:left;
         padding:12px 0 0 18px;
         width:280px;
         height:216px;
         border-right:1px solid #d3d3d3;
         border-left:1px solid #FFFFFF;
         background:url(../images/bg_services_developer.png) no-repeat 105% 56px;
      }
      .services .xsp {
         float:left;
         padding:12px 0 0 18px;
         width:264px;
         height:216px;
         border-left:1px solid #FFFFFF;
         background:url(../images/bg_services_xsp.png) no-repeat 174px 57px;
      }
      
      .services li ul li {
         padding:0 12px 6px 10px;
         font-size:12px;
         color:#4f5459;
         background:url(../images/dot_services.png) no-repeat 0 6px;
      }
      .services h3 {
         padding-bottom:10px;
         font-size:18px;
         font-weight:bold;
         color:#000000;
      }


/****************************************
*				                 Bottom Icons
****************************************/
.working-icons {
   clear:both;
   padding:39px 0 35px 36px;
}
      .working-icons li {
         float:left;
         width:172px;
         /*margin-right:59px;*/
         overflow:hidden;
         height:55px;
      }
      .working-icons li.last {
         margin-right:0;
      }
      
            .working-icons li span {
               display:block;
               width:173px;
               height:55px;
               margin:0 auto;
               background:url(../images/icons/win_icons.jpg) no-repeat 0 0;
            }
            .working-icons li span.w_7 {
               background-position:0 -10px;
            }
               /*.working-icons li a.w_7:hover {*/
               /*   background-position:0 -65px;*/
               /*}*/
            .working-icons li span.w_g {
               width:84px;
               height:57px;
               background-position:-280px -4px;
            }
               /*.working-icons li a.w_g:hover {*/
               /*   background-position:-278px -67px;*/
               /*}*/
            .working-icons li span.w_xp {
               width:75px;
               height:54px;
               background-position:-517px -10px;
            }
               /*.working-icons li a.w_xp:hover {*/
               /*   background-position:-517px -65px;*/
               /*}*/
            .working-icons li span.w_2 {
               width:80px;
               height:55px;
               background-position:-960px -10px;
            }
               /*.working-icons li a.w_2:hover {*/
               /*   background-position:-748px -65px;*/
               /*}*/
            .working-icons li span.w_23 {
               width:80px;
               height:55px;
               background-position:-739px -10px;
            }


/****************************************
*						                 Footer
****************************************/
.push {
   height:85px;
}

#footer {
   position:relative;
   clear:both;
   height:85px;
   border-top:1px solid #f0f0f2;
   background-color:#2c2f33;
}


.footer-menu {
   margin:0 auto;
   padding-top:18px;
   width:901px;
}
      .footer-menu li {
         float:left;
         margin-right:13px;
      }
            .footer-menu li a {
               font-size:12px;
               color:#acaaaa;
            }
            .footer-menu li a:hover {
               text-decoration:underline;
               color:#fff;
            }
            
      .footer-menu li.site-copy {
         float:right;
         margin-right:0;
         font-size:12px;
         color:#acaaaa;
      }


/****************************************
*				                       Slider
****************************************/
#head-slider {
   width:1908px;
   position:relative;
   z-index:-1;
}
      #head-slider li.c_slide {
         float:left;
         margin-right:44px;
         width:auto;
      }
      #head-slider li.c_slide {
         width:901px !important;
         overflow:hidden !important;
      }


/****************************************
*				          Solutions container
****************************************/
.solutions {
   margin-top:82px;
   background:url(../images/backgrounds/solutions_bg_fill.jpg) no-repeat 0 0;
}
      .solutions ul {
         height:392px;
      }
            .solutions li {
               position:relative;
               float:left;
               padding:154px 18px 0 18px;
               width:262px;
               height:235px;
            }
                  .solutions li div.we {
                     height:176px;
                  }
            .solutions ._inner li.dev {
               border-right:1px solid #d2d2d2;
               border-left:1px solid #ffffff;
            }
            .solutions ._inner li.enterprise {
               border-right:1px solid #d2d2d2;
            }
            .solutions ._inner li.xsp {
               border-left:1px solid #ffffff;
            }
            
            .solutions ul .icon {
               position:absolute;
               top:-53px;
               left:41px;
            }
            
            .solutions li p {
               font-size:12px;
               color:#4f5459 !important;
               line-height:19px;
               text-align:left;
            }


/****************************************
*				             Round containers
****************************************/
.wrapper-round {
   padding-top:15px;
}
      .wrapper-round .inner-border {
         padding-right:2px;
      }
            .wrapper-round .inner-border .inner-right {  }
                  .wrapper-round .desc, .wrapper-round .ctrl-right {
                     float:left;
                  }
      .wrapper-round .round-bottom {
         height:15px;
         overflow:hidden;
      }


/* Developer */
.wrapper-round.developer {
   margin-bottom:16px;
   width:901px;
   background:url(../images/rounded/developer_round_top.png) no-repeat 0 0;
}
.wrapper-round.developer.first {
   margin-top:18px;
}
      .wrapper-round.developer .round-bottom {
         background:url(../images/rounded/developer_round_bottom.png) no-repeat 0 0;
      }
      .wrapper-round.developer .inner-border {
         background: url(../images/rounded/developer_round_border.png) repeat-y right top;
      }
            .wrapper-round.developer .inner-border .inner-right {
               background-color:#fbfbfb;
            }
                  .wrapper-round.developer .desc {
                     padding:6px 10px 10px 20px;
                     width:787px;
                     border-right:1px solid #a6aab0;
                     background-color:#bcbec4;
                  }
				  .wrapper-round.developer .desc.last {
					padding-bottom: 0;
				  }
                        .wrapper-round.developer .desc div.text {
                           float:right;
                           width:414px;
                        }
                        .wrapper-round.developer .desc .img_placeholder {
                           float:left;
                           width:370px;
                           /*margin-right:30px;*/
                        }
                              .wrapper-round.developer .desc .img_placeholder img {
                                 display:block;
                                 margin:0 auto;
                              }
                              
                              .wrapper-round.developer .desc div h3, .wrapper-round.developer .desc div p {
                                 /*float:right;
                                 width:414px;*/
                              }
                  .wrapper-round.developer .ctrl-right {
                     width:81px;
                  }
                        .wrapper-round .xcheckbox {
                           padding-top:70px;  
                        }


.developer-bottom {
   color:#555b61;
   margin-top:16px;
}


.s-round {
   width:901px;
   height:71px;
   background:url(../images/backgrounds/hermix_developer_29.png) no-repeat 0 0;
}
      .s-round div {
         padding:20px 18px 0 18px;
         text-align:left;
      }
		.s-round p {
		  color:#4F5459 !important;
		}


.t-box-ft {
   padding-top:15px;
   width:556px;
   margin-bottom:18px;
   background:url(../images/rounded/round-top.png) no-repeat 0 0;
}
      .t-box-ft .round-bottom {
         background:url(../images/rounded/round-bottom.png) no-repeat 0 0;
      }
      .t-box-ft .inner-border  {
         padding-right:2px;
         background:url(../images/rounded/round-right.png) repeat-y right top;
      }
      .t-box-ft .inner-right {
         background-color:#fbfbfb;
      }

         .t-box-ft .desc {
            background-color:#C2C4C9;
            border-right:1px solid #A6AAB0;
            float:left;
            padding:0 20px 6px 20px;
            width:431px;
         }
         .t-box-ft .ctrl-right {
            float:left;
            width:82px;
         }
         .t-box-ft .ctrl-right.ind {
            padding-top:20px;
         }
         .t-box-ft .ctrl-right.sil {
            padding-top:30px;
         }






/* Free trial */
.wrapper-round.tbox {
   width:556px;
   margin-bottom:18px;
   background:url(../images/rounded/round-top.png) no-repeat 0 0;
}
      .wrapper-round.tbox .round-bottom {
         background:url(../images/rounded/round-bottom.png) no-repeat 0 0;
      }
      .wrapper-round.tbox .inner-border {
         background:url(../images/rounded/round-right.png) repeat-y right top;
      }
            .wrapper-round.tbox .inner-border .inner-right {
               /*background:#f4f4f3 url(../images/rounded/rounded-interior.jpg) no-repeat right top;*/
               background-color:#fbfbfb;
            }

      .wrapper-round.tbox .desc {
         float:left;
         width:431px;
         padding:0 20px 6px 20px;
         border-right:1px solid #a6aab0;
         background-color:#c2c4c9;
      }
      .wrapper-round.tbox .ctrl-right {
         float:left;
         padding-top:30px;
         width:82px;
      }
      .wrapper-round.tbox .ctrl-right.individual {
         padding-top:20px;
      }


.wrapper-round.tour {
   width:901px;
   margin-top:40px;
   background:url(../images/rounded/tour_round_top.png) no-repeat 0 0;
}
      .wrapper-round.tour .round-bottom {
         background:url(../images/rounded/tour_round_bottom.png) no-repeat 0 0;
      }
      .wrapper-round.tour .inner-border {
         padding:0 2px 0 1px;
         background:url(../images/rounded/tour_round_border.png) repeat-y 0 0;
      }
            .wrapper-round.tour .inner-content {
               line-height:407px;
               height:407px;
            }
                  .wrapper-round.tour .inner-content .we {
                     font-size:43px;
                     text-align:center;
                     color:#fefefe;
                     font-weight:bold;
                  }
            .wrapper-round.tour .inner-bottom {
               border-top:1px solid #abaeb4;
               background:#f5f4f3 url(../images/rounded/tour_round_content.png) repeat-x 0 0;
            }
                  .wrapper-round.tour .inner-bottom .we {
                     padding:22px 18px 7px 18px;
                  }
                        .wrapper-round.tour .inner-bottom .we p {
                           line-height:26px;
                        }


/****************************************
*				             Free Trial forms
****************************************/
.form.trial .f_textinput .i_text  {
   width:295px;
}
.form.trial .f_textinput label {
   width:71px;
}
.form.trial .row.text {
   margin:16px 0;  
}
.form.trial .row.last {
   margin-bottom:0;
}
      .form.trial .row.we label {
         width:96px;
      }
      .form.trial .row.we .i_text {
         width:270px;
      }

.form .multiple {
   padding-bottom:20px;  
}
      .form .multiple .row {
         float:left !important;
         margin-bottom:0;
      }
      .form .multiple .f_text_small {
         margin:0 16px 0 0;
      }
.form.trial .f_submit {
   margin-bottom:0;
}


/****************************************
*				             Payment forms
****************************************/
.form.payment .multiple {
   margin:0;
}
      .form.payment .multiple .row {
         margin-right:44px;
      }
.form h3.f_p {
   padding:14px 0;
}
.form h3.f_p.first {
   padding-top:0;
}



/****************************************
*				                      Buttons
****************************************/
.btn {
   display:block;
   height:29px;
   text-indent:-9999px;
}
      /* Learn more */
      .btn.learn-more.hp {
         margin-top:20px;
      }
      .btn.learn-more {
         width:131px;
         background:url(../images/buttons/buttons_sprite.png) no-repeat;
         background-position:-13px -16px;
      }
      .btn.learn-more:hover {
         background-position:-13px -50px;
      }
		
		.btn.select-buy {
		   width:182px;
			background:url(../images/buttons/buttons_sprite.png) no-repeat;
			background-position:-13px -401px;
		}
			.btn.select-buy span {
				text-indent:0;
				text-align:left;
				line-height:27px;
				font-size:17px;
				font-weight:bold;
			}


      /* Register */
      .btn.register-f {
         width:133px;
         background:url(../images/buttons/buttons_sprite.png) no-repeat;
         background-position:-448px -406px;
      }
      .btn.register-f:hover {
         background-position:-448px -446px;
      }




      /* Back to top */
      .btn.back-top {
         float:right;
         margin-top:35px;
         width:133px;
         background:url(../images/buttons/buttons_sprite.png) no-repeat;
         background-position:-574px -17px;
      }
      .btn.back-top:hover {
         background-position:-574px -50px;
      }

      /* Checkout */
      .btn.checkout {
         float:right;
         width:119px;
         height:29px;
         text-indent:-9999px;
         background:url(../images/buttons/buttons_sprite.png) no-repeat;
         background-position:-184px -119px;
      }
      .btn.checkout:hover {
         background-position:-184px -153px;
      }

		
		.btn.payment {
			width:189px;
			background:url(../images/buttons/buttons_sprite.png) no-repeat;
         background-position:-349px -16px;
		}


      /* Buy now */
      .btn.buy-now, .pricing table.inner td .btn.buy-now {
			position:relative;
         margin:0 auto;
			padding:3px 0 0 20px;
         width:163px;
			height:26px;
         background:url(../images/buttons/buttons_sprite.png) no-repeat;
         background-position:-431px -223px;
         text-indent:0;
			text-align:left;
      }
		.pricing table.inner td .btn.buy-now.sfh {
			background:none;
		}
			.btn.buy-now.sfh input {
				background:url(../images/buttons/buttons_sprite.png) no-repeat;
				background-position:-431px -223px;
			}
      .btn.buy-now:hover {
         background-position:-431px -257px;
      }
            .pricing table.inner .btn.buy-now span, .btn.buy-now span {
               margin:0;
					padding:0;
               display:inline;
               font-size:17px;
               font-weight:bold;
               color:#fff;
               text-align:left;
               background:none;
            }
				.pricing table.inner .btn.buy-now span.we, .btn.buy-now span.we {
					font-size:12px;
				}

	   /* view complete list */
	   .btn.btn-view-complete-list {
			background: url(../images/buttons/buttons_sprite.png) no-repeat -240px -400px;
			width: 156px;
			height: 30px;
			margin-left: 16px;
			display: block;
	   }
	   .btn.btn-view-complete-list:hover {
			background: url(../images/buttons/buttons_sprite.png) no-repeat -240px -434px;
	   }
				
       /* hermix developers */
      .btn.hermix-dev {
         width:178px;
         background:url(../images/buttons/buttons_sprite.png) no-repeat -484px -311px;
      }
		.btn.hermix-dev:hover {
			background:url(../images/buttons/buttons_sprite.png) no-repeat -484px -345px;
		}


      /* hermix xsp */
      .btn.hermix-xsp {
         width:134px;
         background:url(../images/buttons/btn_hermi_xsp.png) no-repeat 0 0;
      }

      /* Return to pricing table */
      .btn.return-pricing {
         width:201px;
         background:url(../images/buttons/buttons_sprite.png) no-repeat;
         background-position:-196px -222px;
      }
      .btn.return-pricing:hover {
         background-position:-196px -256px;
      }
      
      
      /* View all examples */
      .btn.all-examples {
         width:242px;
         background:url(../images/buttons/buttons_sprite.png) no-repeat;
         background-position:-342px -119px;
      }
      .btn.all-examples:hover {
         background-position:-342px -153px;
      }
		
		
		/* All the features */
		.btn.all-features {
			width:192px;
         background:url(../images/buttons/buttons_sprite.png) no-repeat;
         background-position:-242px -311px;
		}
		.btn.all-features:hover {
			background-position:-242px -345px;
		}
		
		
		/* Benefits */
		.btn.benefits {
			width:192px;
         background:url(../images/buttons/buttons_sprite.png) no-repeat;
         background-position:-13px -311px;
		}
		.btn.benefits:hover {
			background-position:-13px -345px;
		}


      /* Free Trial */
      .btn.free-trial {
         width:145px;
         background:url(../images/buttons/buttons_sprite.png) no-repeat;
         background-position:-13px -222px;
      }
      .btn.free-trial:hover {
         background-position:-13px -256px;
      }
            .btn.free-trial span {
               display:inline !important;
               width:auto !important;
               background:none !important;
            }
      
      .btn.place-order {
         width:134px;
         background:url(../images/buttons/buttons_sprite.png) no-repeat;
         background-position:-13px -119px;
      }
            .btn.place-order:hover {
               background-position:-13px -153px;
            }


/* Login */
		.btn.login {
			width:95px;
         background:url(../images/buttons/buttons_sprite.png) no-repeat;
         background-position:-605px -406px;
		}
		.btn.login:hover {
			background-position:-605px -439px;
		}

      .h-btn {
         float:right;
         height:29px;
         margin-top:35px;
      }
      .h-btnnf {
         margin-top:35px;
         height:29px;
      }
      .rfloat {
         float:right;
      }


.contact-we li {
  font-size:13px;
  color:#555b61;
}
		.contact-we li p {
			font-weight:bold;
		}
		.contact-we li a {
			color:#555b61;
			text-decoration:underline;
		}

#cot_tl_fixed {
                z-index:1000;
}