﻿#bannerWide, #bannerWide2{background:url(/__images/features/bannerWideBG.jpg) bottom left repeat-x; padding:15px 0; margin-bottom:30px;}
#bannerWide2{height:370px; position:relative;}

h1{font-size:34px; text-align:center;}
h2{font-size:24px; font-weight:bold; margin:5px 0 15px 0;}
.divider{border-top:4px double #b7b7b7; margin:50px 0; clear:both;}

/* lab links */
#labLinks{text-align:center; padding-bottom:50px;}
.labBox{width:255px; background-color:#fff; padding:20px;}
#labBox1{float:left; margin-right:40px;}
#labBox2{float:left}
#labBox3{float:right;}
.labBulletWrap{height:90px;}
.bullet-blue{text-align:left; margin:2px 0 2px 15px;}
.featuresCTAGrey{margin-right:30px; margin-top:-20px}
.featuresCTA{margin-top:-20px;}
.fluidSmallCTAGrey{margin-left:15px;}

/* feature boxes */
.featureBox{width:208px; padding:17px; float:left; border-right:1px solid #cecece; border-top:1px solid #cecece; margin-top:25px;
    border-bottom:1px solid #cecece; background-color:#f9f9f9; height:320px;}
.featureBox img{float:left; margin-right:20px;}
.featureBox h2{font-weight:bold; font-size:16px; height:60px}
.featureBox p{font-size:13px; font-weight:bold; height:80px;}
#featureBox1{border-left:1px solid #cecece;}
#featureBox4{border-right:1px solid #cecece;}
.v2BulletSprite{background-image:url(/__images/home/v2BulletSprite.png); background-repeat:no-repeat;}
.v2Bullet{font-size:13px; font-weight:bold; display:block; padding:0 0 5px 15px; margin-left:5px;}
.v2LightBlueBullet{background-position:0 3px;}
.v2GreenBullet{background-position:0 -46px;}
.v2OrangeBullet{background-position:0 -95px;}
.v2GreyBullet{background-position:0 -144px;}

/* examples */
#examples{text-align:center;}
#eventsNavBar{text-align:left; padding:10px 0 10px 70px;}
#eventWebSitePicWrap{position:relative; height:667px;}
.eventWebSitePic{position:absolute; top:0; left:0;}
.exampleSubs{font-size:14px; margin-left:10px; line-height:26px;}

/* xml/xslt styling */
#featuresNav{margin:50px 0 30px 0; border-top:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
.featureWrap{clear:both; margin-bottom:100px; font-size:13px;}
.featureWrap img{float:right; margin-left:50px; border:1px solid #c6c6c6;}
.featureWrap h3{font-size:24px; margin-top:10px; font-weight:bold; color:#666;}
.bulletWrap{width:650px;}
.fluidSmallCTA{float:left;}
.bulletWrap div{display:block; width:300px; float:left; margin:2px 0;}
.toTop{margin-top:5px;}


/* new features with feature banners. */
.themes{}
.themes h1{text-align:left;}
.themes img{float:right; margin:0 0 0 50px;}
.themes .featuresCTA{position:absolute; bottom:-25px; margin-left:210px}
#headerMobile .featuresCTA{margin-left:300px;}
#headerLeads .featuresCTA{right:435px;}
#headerLeads .blueArrowRight{margin-right:230px}

#trials{border:1px solid #5191cd; border-left:none; height:160px; margin-top:100px;}
#trials a{border-left:1px solid #5191cd; display:block; float:left; width:235px;
          background-position: 15px 20px; background-repeat:no-repeat; padding:15px 30px 15px 60px;
          text-decoration:none; color:#333; height:130px; position:relative;}
#trials a h2{font-size:18px; font-weight:normal;}
#trials span{position:absolute; bottom:15px; right:25px;}
#trials a:hover{background-color:#eef4fa;}
#trials a ul{padding:0; list-style-position:inside;}
#trials #liveDemo{background-image:url(/__images/features/iconLiveDemo.png)}
#trials #videoTour{background-image:url(/__images/features/iconVideoTour.png)}
#trials #sampleForms{background-image:url(/__images/features/iconSampleForms.png); width:236px;}
#v2{margin:5px 0}
