/*-------- Feature Overview --------*/
.FeatureBannerDiv {clear: both; width: 950px; height: 410px; background: url(../../Images/Banner/FeatureBanner.jpg) no-repeat right bottom; }
.FeatureBannerTextDiv {background: url(../../Images/Banner/FeatureBannerTitle.jpg) no-repeat left top; width: 440px; padding-top: 150px; padding-left: 20px; margin: 15px 0 0 25px;}
.FeatureBannerTextDiv h1 {color: #333; font-size: 18pt;}
.FeatureBannerTextDiv h2 {color: #777; font-size: 13pt; font-weight: 400;}
.FeatureBannerTextDiv a {border: 0; text-decoration: none; display: block;}
.FeatureBannerTextDiv .TryDemoButton {background: url(Images/Design/Button/TryDemoButton.gif) no-repeat 0 0; width: 174px; height: 42px; float: left;}
.FeatureBannerTextDiv .TryDemoButton:hover {background: url(Images/Design/Button/TryDemoButton.gif) no-repeat 0 -42px; width: 174px; height: 42px;}
.FeatureBannerTextDiv .PurchaseButton {background: url(Images/Design/Button/PurchaseButton.gif) no-repeat 0 0; width: 203px; height: 42px; float: right;}
.FeatureBannerTextDiv .PurchaseButton:hover {background: url(Images/Design/Button/PurchaseButton.gif) no-repeat 0 -42px; width: 203px; height: 42px;}
.FeatureOverview { clear: left; float: left; width: 100%; padding-top: 10px; }
.FeatureOverview .Left {float: left; clear: left;}
.FeatureOverview .Right {float: right; clear: right;}
.FeatureOverviewDiv {width: 460px; padding: 30px 5px;}
.FeatureOverviewDiv .Title {width: 270px; float: left; background: url(Images/Design/Bullet/ArrowBullet3.png) no-repeat left 1px; padding-left: 18px; font-size: 10pt; color: #000; font-weight: bold; text-transform: uppercase;}
.FeatureOverviewDiv .Text {width: 270px; clear: left; float: left; padding: 20px 0 15px 18px; color: #666; font-size: 9pt; } 
.FeatureOverviewDiv .Image {width: 160px; float: right;}
.FeatureOverviewDiv .Image a {border: solid 6px #ddd; display: block; width: 145px; height:130px; }
.FeatureOverviewDiv .Image a:hover {border: solid 6px #ffc790; }
.FeatureOverviewDiv a.MoreLink { margin-left: 20px; float: left; clear: left; width: 70px; }
.FeatureOverviewDiv a.MoreLink:hover { color: #333;}
.FeatureOverviewDiv ul {list-style: none; margin: 0px; padding: 0px; } 
.FeatureOverviewDiv ul li { background: url(Images/Design/Bullet/FeaturesBullet1.gif) no-repeat left 8px; padding-left:15px; font-size: 9pt; }
/*------- FeaturesTopMenu (Horizontal) -------*/ 
.FeaturesHorMenu { float: right;}
.FeaturesHorMenu ul {height: 35px; list-style: none; margin: 0px; padding: 0px; }
.FeaturesHorMenu ul li { float: left; font-size: 12px; font-weight: bold; background: url(Images/Design/Bullet/pipe.gif) no-repeat right center; padding-right: 3px;}
.FeaturesHorMenu ul li a.MenuLink { margin: 0px 8px; height: 35px; line-height: 35px; vertical-align: middle; display: block; float: left; color: #fff; font-weight: bold; text-align: center; text-decoration: none; font-size: 12px; }
.FeaturesHorMenu ul li a.MenuLink:hover { color: #FFFA7A; }
.FeaturesHorMenu ul li a.CurrentSelected {color: #FFFA7A; background: none;}
/*------- Features Details --------*/
.FeaturesDetails {clear: both; width: 230px; padding: 1px 1px 10px; background-color: #fff; border-top: solid 1px #f1f1f1; border-bottom: solid 1px #f1f1f1;  float: left; margin-top: 20px;}
.FeaturesDetails .Title {width: 210px; float: left; font-size: 10pt; color: #555; line-height: 25px; padding: 5px 0 5px 20px; font-weight: bold; text-transform: uppercase; border-bottom: solid 1px #f1f1f1; background-color: #F2F4F7;}
/*Vertical Menu Tabs */
ul.FeaturesTabs {	margin: 0;padding: 0; list-style: none; width: 230px; position: relative; z-index: 100; }
ul.FeaturesTabs li { clear: left; float: left; margin: 0; overflow: hidden; position: relative; display: block; width: 205px; padding: 0 5px 0 20px; background: none;}
ul.FeaturesTabs li a { text-decoration: none; color: #999; display: block; font-size: 9pt; line-height: 20px; padding: 5px 0;  outline: none;   border-bottom: solid 1px #f1f1f1;}
ul.FeaturesTabs li a:hover { color: #ff9e51; }
html ul.FeaturesTabs li.active,
html ul.FeaturesTabs li.active1  {background: url(Images/Design/Bullet/ArrowBullet4.png) no-repeat left center; color: #ff9e51; }
html ul.FeaturesTabs li.active a , html ul.FeaturesTabs li.active1 a  { color: #ff9e51; }
/*Multi-store Vertical Menu Tabs */
ul.FeaturesTabs1 { margin: 15px 0 5px 20px; list-style: none; padding: 0;}
ul.FeaturesTabs1 li{ background: none; padding-top: 4px; padding-bottom: 4px; line-height: 16px; clear: left; float: left;}
a.FeaturesLink {font-size: 12px; color: #aaa; text-decoration: none;}
a.FeaturesLink:hover {color: #ff9e51;}
/*Tab Content */
.tab_container { overflow: hidden; float: left; width: 690px; background: #fff; margin-left: 15px;  margin-top: 20px;}
.tab_content { padding: 10px 0; font-size: 9pt;  color: #555;}
.tab_content .ContentTitle {clear: both; float: left; width: 100%;  background: none; padding: 0;}
.tab_content .ContentTitle .Title {color: #247745; float: left; font-size: 20px; font-weight: bold; margin: 0; width: 90%;}
.tab_content .ContentBanner {width: 690px; clear: both; margin-bottom: 20px; display: block;}
.tab_content .ContentBody { clear: both; padding: 15px 0; float: left; width: 100%; line-height:22px;}
.tab_content .ContentBody h2 {font-size: 11pt; font-weight: bold; color: #000; margin-top: 25px; }
.tab_content .ContentBody ul {list-style: none; margin: 0px; padding: 0px; width: 340px; float: left;  }
.tab_content .ContentBody ul li{background: url(Images/Design/Bullet/circle-bullet-green.gif) no-repeat left 8px; padding-left:25px; font-size: 9pt; color: #333;}
/*-------- VevoCart Demo --------*/
.DemoBannerDiv { clear: left; float: left; width: 100%; }
.DemoBannerTextDiv { clear: left; float: left; width: 100%;margin: 15px 0 0 1px; font-size: 9pt; color: #333; line-height: 18px; background: url(../../Images/Banner/Banner_Demo.jpg) no-repeat right top; height: 240px; border: solid 1px #ddd}
.DemoBannerTextDiv h1 {padding-left: 20px;  color: #000; font-size: 16pt; }
.DemoBannerTextDiv .Text { margin: 20px 0 0 10px; clear: left; float: left; width: 40%;}

/*For VevoPay Trial*/
.DemoTrialBannerDiv {width: 680px; height: 240px; background: url(../../Images/Banner/Banner_VevoPayTrial.jpg) no-repeat right top;}
/*For VevoCart Multi-Store Trial*/
.DemoMultiStoreTrialBannerDiv {width: 680px; height: 240px; background: url(../../Images/Banner/Banner_VevoCart_MultiStore_Trial.jpg) no-repeat right top;}
/*------- FeaturesList Begin --------*/
.FeatureListBox
{
    padding: 15px 0;
}
.CssProductVersion h4
{
    margin: 20px 0 20px 20px;
    color: #555;
}
.CssProductVersion .normalText
{
    margin-left: 20px;
}
.CssProductVersion ul
{
    font-size: 9pt;
    margin-left: 20px;
}
.ProductVersionBox
{
    width: 100%;
    margin: auto;
}
.ProductVersionBox td
{
    width: 33%;
    vertical-align: top;
}
.ProductVersionBox h4
{
    margin-left: 0;
}
.ProductVersionBox .Image
{
    float: left;
    width: 100%;
    text-align: center;
}
.ProductVersionBox .Details
{
    float: left;
    color: #777;
    margin-top: 10px;
}
.ProductVersionBox .Price
{
    clear: left;
    /*float: left;*/
    color: #ff6000;
    font-weight: bold;
    margin-top: 10px;
    font-size: 14pt;
}

/* common style */
.FeatureListBox .TopPageRow
{
    width: 680px;
    padding: 2px 0;
    margin: 2px 0;
    height: 30px;
    border-top: solid 1px #ddd;
    text-align: right;
}
.FeatureListBox .Row
{
    height: 21px;
    color: #808080;
}
.FeatureListBox .AlternatingRow
{
    height: 21px;
    color: #808080;
}
.FeatureListBox .AlternatingRow .Cell1, .FeatureListBox .AlternatingRow .Cell2, .FeatureListBox .AlternatingRow .Cell1Child1, .FeatureListBox .AlternatingRow .Cell1Child2
{
    background-color: #f9f9f9;
}
.FeatureListBox .Row1
{
    width: 630px;
    padding-left: 20px;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    color: #808080;
}
.FeatureListBox .AlternatingRow1
{
    width: 630px;
    padding-left: 20px;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    background-color: #f9f9f9;
    color: #808080;
}
.FeatureListBox .Cell1
{
    width: 340px;
    padding-left: 20px;
    height: 21px;
    line-height: 21px;
    padding-right: 10px;
    vertical-align: middle;
    float: left;
}
.FeatureListBox .Cell2
{
    width: 100px;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    float: left;
    text-align: center;
    margin-left: 3px;
}
.FeatureListBox .True
{
    background: url(Images/Design/Bullet/FeaturesBullet.gif) no-repeat center center;
}
.FeatureListBox .Cell1Child1
{
    width: 325px;
    padding-left: 35px;
    height: 21px;
    line-height: 21px;
    padding-right: 10px;
    vertical-align: middle;
    float: left;
    background: url(Images/Design/Bullet/OrangeBullet.gif) no-repeat 20px center;
}
.FeatureListBox .Cell1Child2
{
    width: 310px;
    padding-left: 50px;
    height: 21px;
    line-height: 21px;
    padding-right: 10px;
    vertical-align: middle;
    float: left;
    background: url(Images/Design/Bullet/OrangeBullet.gif) no-repeat 35px center;
}
.FeatureListBox .Child2
{
    background-image: none;
}

.FeatureListBox .DownloadFeatures
{
    background: url(Images/Design/Icon/IconAcrobat.jpg) no-repeat left top;
    line-height: 20px;
    margin-top: 55px;
}
.FeatureListBox .DownloadFeatures a
{
    color: #777;
    margin-left: 22px;
    text-decoration: none;
}
.FeatureListBox .DownloadFeatures a:hover
{
    color: #ff6200;
}
.FeatureListBox .Title
{
    clear: left;
    float: left;
     background: url(Images/Design/Background/HeaderGrid.gif) repeat-x left bottom;
    color: #1b4d2f;
    text-transform: uppercase;
    font-size: 8.3pt;
    font-weight: bold;
    width: 100%;
}
.FeatureListBox .Title .Cell1
{
    width: 480px;
    line-height: 25px;
}
.FeatureListBox .Title .Cell2
{
    width: 210px;
    line-height: 25px;
    border-left : solid 1px #fff;
}
.FeatureListBox .Title span.Version
{
    line-height: 40px;
}
.FeatureListBox .Title span.Price
{
    font-size: 1.5em;
    line-height: 18px;
    position: relative;
    top: -10px;
    float: left;
    width: 100%;
}
.FeatureListBox .Title span.RetailPrice {font-size: 1em; line-height: 18px; text-decoration: line-through;  color: #888;} 
.FeatureListBox .Product
{
    background: url(Images/Design/Box/FeaturesProduct.jpg) repeat-x;
    height: 154px;
    color: #555;
    margin-bottom: 3px;
}
.FeatureListBox .Product .Cell1
{
    height: 100px;
    font-weight: bold;
    padding-top: 15px;
    line-height: normal;
}
.FeatureListBox .Product .Cell2
{
    height: 100px;
    padding-top: 20px;
}
.FeatureListBox .FeatureTitle
{
    width: 660px;
    padding-left: 20px;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    background-color: #ebebeb;
    color: #555;
    font-size: 9pt;
    font-weight: bold;
}
.FeatureListBox .FeatureTitleOrange
{
    width: 620px;
    padding-left: 20px;
    line-height: 21px;
    vertical-align: middle;
    background-color: #fde4ca;
    color: #ff6200;
    font-size: 9pt;
    font-weight: bold;
}
/*------- FeaturesList End --------*/

/*-------- Faqs Begin ---------*/
.CommonFAQTitle{background: #eee url(Images/Design/Icon/hide.gif) no-repeat 5px center; cursor: pointer; padding: 4px 10px 4px 25px; color: #555; font-size: 9pt; font-weight: bold;}
.CommonFAQTitle:hover{color: #37794a;}
.CommonFAQTitleShow {background: #eee url(Images/Design/Icon/show.gif) no-repeat 5px center; color: #000;}
.CommonFAQBody,.CommonDocumentBody {padding:20px 25px; font-size: 9pt;}
.CommonFAQBody ul.List, .CommonFAQBody ul.List li ul.SubList,.CommonDocumentBody ul.List, .CommonDocumentBody ul.List li ul.SubList{padding:0; margin: 0;}
.CommonFAQBody ul.List li,.CommonDocumentBody ul.List li {background: url(images/design/bullet/grayBullet.gif) no-repeat left 8px; margin:0; padding: 0 0 0 15px; font-size: 9pt;}
.CommonFAQBody ul.List li ul.SubList li,.CommonDocumentBody ul.List li ul.SubList li{background:url(Images/Design/Bullet/OrangeBullet.gif) no-repeat left 7px; margin:3px 0px; padding: 0 0 0 15px;}
.CommonFAQTopPage { border-top:2px dotted #DDDDDD;}
.CommonFAQAnswer {color: #666666; margin: 0 0 20px;}
.CommonFAQSubBox {clear:both; display:block; padding:1px 0;}
/*-------- Faqs End ---------*/