@charset "UTF-8";


@import url(/pr/shared/css/import.css);


#content .Section h2 {
    margin-bottom: 20px;
}

/* @group #promo */

#promo {
	position: relative;
	width: 930px;
	height: 325px;
    margin-top: 4px;
    margin-bottom: 20px;
    padding-top: 15px;
    background: url(img/bg_slider.png) no-repeat left top;
}

#promo p.Loading {
	text-align: center;
}

#promo #slider {
    position: relative;
    margin: 0 15px;
    width: 900px;
    height: 244px;
    overflow: hidden;
}


#promo #sliderWrap {
    position: absolute;
    width: 3600px;
}

#promo #sliderWrap div {
	position: relative;
    float: left;
    width: 900px;
    height: 244px;
    overflow: hidden;
}

#promo #sliderWrap h2,
#promo #sliderWrap p,
#promo #sliderWrap img.Image {
	position: absolute;
}

/* @group slide1 */


#promo #slide1 h2 {
    top: 16px;
    left: 22px;
}

#promo #slide1 p {
    top: 156px;
    left: 21px;
}

#promo #slide1 img.Image {
    top: 6px;
    right: 11px;
}



/* @end */

/* @group slide2 */


#promo #slide2 h2 {
    top: 37px;
    left: 22px;
}

#promo #slide2 p {
    top: 145px;
    left: 22px;
}

#promo #slide2 img.Image {
    top: 19px;
    right: 61px;
}


/* @end */

/* @group slide3 */


#promo #slide3 h2 {
    top: 36px;
    left: 22px;
}

#promo #slide3 p {
    top: 150px;
    left: 22px;
}

#promo #slide3 img.Image {
    top: 15px;
    right: 10px;
}


/* @end */


/* @group slide4 */


#promo #slide4 h2 {
    top: 36px;
    left: 22px;
}

#promo #slide4 p {
    top: 155px;
    left: 22px;
}

#promo #slide4 img.Image {
    top: 19px;
    right: 40px;
}


/* @end */






#promo .Nav {
    width: 914px;
    margin: 0 auto;
    overflow: hidden;
}

#promo .Nav li {
    float: left;
}

#promo .Nav li a {
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 72px;
    background: url(img/nav_slider.png) no-repeat;
}

#promo .Nav li.SlideTab1 a {
    width: 235px;
    background-position: 0 0;
}

#promo .Nav li.SlideTab2 a {
    width: 250px;
    background-position: -235px 0;
}

#promo .Nav li.SlideTab3 a {
    width: 205px;
    background-position: -485px 0;
}

#promo .Nav li.SlideTab4 a {
    width: 224px;
    background-position: -690px 0;
}

#promo .Nav li.SlideTab1 a:hover,
#promo .Nav li.SlideTab1.Current a {
    background-position: 0 -72px;
}

#promo .Nav li.SlideTab2 a:hover,
#promo .Nav li.SlideTab2.Current a {
    background-position: -235px -72px;
}

#promo .Nav li.SlideTab3 a:hover,
#promo .Nav li.SlideTab3.Current a {
    background-position: -485px -72px;
}

#promo .Nav li.SlideTab4 a:hover,
#promo .Nav li.SlideTab4.Current a {
    background-position: -690px -72px;
}



/* @end */


/* @group #solutionBlock */

#solutionBlock h2 {
    margin-top: 10px;
    text-align: center;
}

#solutionBlock #case1,
#solutionBlock #case2,
#solutionBlock #case3 {
    position: relative;
    margin-left: 27px;
    margin-bottom: 12px;
    padding-top: 8px;
    width: 870px;
    background: url(img/bg_case.png) no-repeat left top;
}

#solutionBlock .CaseWrap {
    padding: 0 8px 8px 50px;
    background: url(img/bg_case.png) no-repeat left bottom;
    overflow: hidden;
}

#solutionBlock img.CaseNum {
    position: absolute;
    left: -15px;
    top: 40px;
}

#solutionBlock .CaseWrap .Problem {
    float: left;
    width: 203px;
}

#solutionBlock .CaseWrap h3 {
    font-size: 123.1%;
}

#solutionBlock .CaseWrap p {
    font-size: 108%;
}

#solutionBlock .CaseWrap .Image {
    float: left;
    width: 273px;
}

#solutionBlock .CaseWrap .Solution {
    float: left;
    width: 329px;
    padding-top: 8px;
}


#solutionBlock #case1 .Problem {
    padding-top: 1em;
}

#solutionBlock #case2 .Problem {
    padding-top: 2em;
}

#solutionBlock #case2 .Image {
    padding-top: .75em;
}

#solutionBlock #case3 .Image {
    padding-top: .5em;
}

#solutionBlock .ViewDemo {
    margin-left: 27px;
    padding: 10px 0;
    width: 870px;
    background-color: #3C8ED9;
    text-align: center;
}

#solutionBlock .ViewDemo * {
    display: inline;
}

#solutionBlock .ViewDemo p {
    padding-right: 10px;
    font-size: 123.1%;
    font-weight: bold;
    color: #fff;
}

#solutionBlock .ViewDemo img {
    vertical-align: middle;
}

#solutionBlock .Price {
    margin-left: 27px;
    padding: 10px 0;
    width: 870px;
    text-align: right;
}



/* @end */







/* @group #flowBlock */

#flowBlock ul {
    margin: 2em auto;
    width: 846px;
}

#flowBlock ul li {
    margin-bottom: 20px;
    text-align: right;
}


#flowBlock p,
#securityBlock p {
    margin: 0 24px 1em;
}


/* @end */