body
{
    font-family: Arial, Verdana, Tahoma, Microsoft Sans Serif;
    font-size: 11px;
    font-weight: normal;
    background-color: #fff;
    color: #777;
    margin: 0px;
    padding: 0px;
}
/*------- General Style Begin --------*/
h1
{
    font-size: 14pt;
}
h2
{
    font-size: 13pt;
}
h3
{
    font-size: 11pt;
}
h4
{
    font-size: 10pt;
    text-transform: uppercase;
    font-weight: bold;
    color: #606060;
    margin: 15px 5px 5px 0px;
}
ul
{
    list-style: none;
    margin: 10px 0 10px 10px;
    padding: 0;
}
ul li
{
    background: url(Images/Design/Bullet/OrangeBullet.gif) no-repeat 0 8px;
    color: #666666;
    font-size: 11px;
    line-height: 20px;
    margin: 0;
    padding-left: 15px;
    vertical-align: middle;
    font-weight: normal;
}
input
{
    border: solid 1px #ccc;
}
.ActiveLink a
{
    color: #fb952f;
    text-decoration: none;
    font-size: 9pt;
    font-weight: bold;
}
.SupportLink a, .ShoppingCartButtonLink a
{
    color: #666666;
    font-weight: bold;
    padding-bottom: 2px;
    text-decoration: none;
    background: url(../../Images/Design/bar/dotline.gif) repeat-x left bottom;
}
.SupportLink a:hover, .ShoppingCartButtonLink a:hover
{
    color: #fb952f;
    background: url(../../Images/Design/bar/linelink.gif) repeat-x left bottom;
}
.ShoppingCartButtonLink
{
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

/*------- General Style End --------*/

/*------- Layout Header Begin --------*/
.LayoutHeader
{
    border: solid 1px #bdbdbd;
}

.LayoutHeader .Header
{
    background: url(Images/Design/Background/HeaderBackground.jpg) repeat-x;
    border: solid 1px #e1e1e1;
    height: 64px;
}
.LayoutHeader .Content
{
    width: 1000px;
    margin: 0 auto;
}
.LayoutHeader .ContentLogo
{
    margin-left: 5px;
    float: left;
}
.LayoutHeader .ContentSearch
{
    float: right;
    margin-right: 20px;
    margin-top: 25px;
    width: 195px;
}
.LayoutHeader .ContentLink
{
    float: right;
    margin-right: 15px;
    margin-top: 30px;
}
.LayoutHeader .ContentLink a
{
    padding-left: 15px;
    color: #2f2f2f;
    text-transform: uppercase;
    background: no-repeat left center;
    text-decoration: none;
    font-size: 8pt;
    font-weight: bold;
    margin-left: 15px;
}
.LayoutHeader .ContentLink a:hover
{
    text-decoration: underline;
}
.LayoutHeader .ContentLink .HomeLink
{
    background-image: url(Images/Design/Icon/IconHome.jpg);
}
.LayoutHeader .ContentLink .ContactLink
{
    background-image: url(Images/Design/Icon/IconEmail.jpg);
}
.LayoutHeaderMenu
{
    border-left: solid 1px #bdbdbd;
    border-right: solid 1px #bdbdbd;
    background: url(Images/Design/Menu/TopMenuBottom.jpg) repeat-x left bottom;
}
.LayoutHeaderMenu .Header
{
    background: url(Images/Design/Menu/MenuTopLevelBackground.jpg) repeat-x left 1px;
    height: 44px;
}

/*------- Layout Header End --------*/
/*------- Body Begin --------*/
.CenterBackgroundLeft
{
    background: url(Images/Design/Background/BodyTopBackground.jpg) repeat-x left top;
    width: 100%;
}
.CenterBackgroundRight
{
    background: url(Images/Design/Background/BodyBottomBackground.jpg) repeat-x left bottom;
}
.CenterContent
{
    margin: 0 auto;
}

.CenterContentBorderLeft
{
    width: 9px;
    background: url(Images/Design/Background/BorderLeftCenter.jpg) repeat-y right top;
}
.CenterContentBorderLeft .Top
{
    background: url(Images/Design/Background/BorderLeftTop.jpg) no-repeat right top;
    width: 9px;
    height: 100%;
    vertical-align: top;
}
.CenterContentBorderLeft .Bottom
{
    background: url(Images/Design/Background/BorderLeftBottom.jpg) no-repeat right bottom;
    width: 9px;
    height: 100%;
    vertical-align: bottom;
}
.CenterContentBorderRight
{
    width: 9px;
    background: url(Images/Design/Background/BorderRightCenter.jpg) repeat-y left top;
}
.CenterContentBorderRight .Top
{
    background: url(Images/Design/Background/BorderRightTop.jpg) no-repeat left top;
}
.CenterContentBorderRight .Bottom
{
    background: url(Images/Design/Background/BorderRightBottom.jpg) no-repeat left bottom;
}
.MainPanel
{
    padding: 20px;
    width: 960px;
    background-color: #fff;
    vertical-align: top;
}

.MainPanelPad
{
    padding: 50px 20px 20px 20px;
    width: 960px;
    background-color: #fff;
    vertical-align: top;
}


.MainPanel1
{
    padding: 20px;
    width: 680px;
    vertical-align: top;
}

.MainPanel1Pad
{
    padding: 50px 20px 20px 20px;
    width: 680px;
    vertical-align: top;
}
.MainPanel2Pad
{
    padding: 50px 20px 0px;
    width: 960px;
    background-color: #fff;
    vertical-align: top;
}


.MainRight
{
    width: 260px;
    padding: 20px 20px 20px 0;
    vertical-align: top;
}

.MainPanelRightPad
{
    width: 260px;
    padding: 50px 20px 20px 0;
    vertical-align: top;
}
/*--------- Body End ---------- */
.NewsEventBox
{
    width: 265px;
    background: #fff url(Images/Design/Box/CommonBox1Background.jpg) repeat-x left bottom;
    float: right;
    margin-top: 10px;
}
.NewsEventBox .CommonBox1Right, .FeaturedShowcase .CommonBox1Right
{
    height: 300px;
    min-height: 0;
}
.FeaturedShowcase
{
    clear: left;
    float: left;
    margin-top: 10px;
    margin-bottom: 15px;
}
.FeaturesShowTable
{
    width: 100%;
    text-align: left;
}
.FeaturesShowTable td
{
    width: 50%;
    color: #555;
    font-size: 9pt;
    vertical-align: top;
}
.FeaturesShowImage
{
    width: 65px;
    height: 65px;
    margin-right: 20px;
    float: left;
}
.FeaturesShowImage img
{
    border: none;
}
.FeaturesShowText
{
}
.FeaturesShowText a
{
    color: #555;
    text-decoration: none;
    font-weight: bold;
}
.FeaturesShowText a:hover
{
    color: #ff7f00;
}
/*NewsEvent Begin*/
.NewsEvent
{
    margin-top: 10px;
    padding: 5px;
    border: solid 1px #dbe6c9;
}

.NewsEvent .CenterBlockTopImgLeft
{
    display: none;
}

.NewsEvent .CenterBlockTopImgRight
{
    display: none;
}

.NewsEvent .CenterBlockBottom
{
    display: none;
}
.NewsEvent .CenterBlockTopTitle
{
    margin-left: 15px;
    padding: 0px 10px;
    color: #ff9000;
}

.NewsEventImage
{
    display: none;
}
.CssNewsEventItem
{
    padding: 10px 0;
    border-bottom: dotted 2px #ccc;
    font-size: 9pt;
}
.NewsEventContent
{
    vertical-align: top;
    background: url(Images/Design/Icon/IconFile.jpg) no-repeat left top;
    padding-left: 20px;
}
.NewsEventContent .NewsDate
{
}
.NewsEventContent .NewsDate a
{
    height: 100%;
    vertical-align: middle;
    color: #ff7f00;
    text-decoration: none;
    font-weight: bold;
    background: url(Images/Design/Icon/IconNew.jpg) no-repeat right top;
    padding-right: 40px;
}

.NewsEventContent .NewsText
{
    margin-top: 5px;
}
.NewsEventContent .NewsText a
{
    color: #777;
    text-decoration: none;
}
.NewsEventContent .NewsText a:hover
{
    color: #555;
}
.NewsMore
{
    text-align: right;
    margin-top: 10px;
}

.NewsMore a
{
    background: url(../../Images/Design/Bullet/twoarroworangeBullet.gif) no-repeat right 3px;
    padding-right: 12px;
    font-size: 10px;
    color: #ff7f00;
    margin-right: 5px;
}

.NewsEventMore a:hover
{
    color: #000;
}

.NewsEventMoreImage
{
    display: none;
}
.NewsEventRowStyle
{
}
/*NewsEvent End*/
/*------- Layout Right Begin --------*/
/* Current Shopping Cart */

.CurrentShoppingCartBox
{
    width: 260px;
    background: #fff url(Images/Design/Box/CommonBox1Background.jpg) repeat-x left bottom;
}
.CurrentShoppingCartBox .CommonBox1Right
{
    height: 445px;
}
.CurrentShoppingCartAmountValue
{
    color: #f97425;
    font-size: 1.7em;
    padding: 6px 10px;
    float: left;
}
.CurrentShoppingCartAmountLabel, .CurrentShoppingCartQuantityLabel, .CurrentShoppingCartDiscountLabel
{
    float: left;
    color: #333;
    padding: 10px 0;
    font-size: 1.4em;
    font-weight: bold;
    width: 75px;
}
.CurrentShoppingCartQuantityValue, .CurrentShoppingCartDiscountValue
{
    float: left;
    color: #f97425;
    font-size: 1.6em;
    padding: 6px 10px;
}

.CurrentShoppingCartTable
{
    width: 100%;
}
.CurrentShoppingCartTable td
{
    border-bottom: solid 1px #efefef;
}
.CssShoppingCartLink
{
    color: #444;
    text-decoration: none;
    font-weight: bold;
}
.CssShoppingCartCheckoutLink
{
    color: #f00200;
    text-decoration: none;
    font-weight: bold;
}
.CssShoppingCartCheckoutLink:hover, .CssShoppingCartLink:hover
{
    text-decoration: underline;
}
.CssShoppingCartViewCart
{
    background: url(Images/Design/Icon/IconViewCart.jpg) no-repeat left 7px;
    padding: 6px 0 6px 18px;
}
.CssShoppingCartWishList
{
    background: url(Images/Design/Icon/IconWishList.jpg) no-repeat left 7px;
    padding: 6px 0 6px 18px;
}
.CssShoppingCartCheckOut
{
    background: url(Images/Design/Icon/IconCheckout.jpg) no-repeat left 7px;
    padding: 6px 0 6px 18px;
}
/* Current Shopping Cart */
/* Features Menu */
.FeaturesMenu
{
    width: 260px;
    background: #fff url(Images/Design/Box/CommonBox1Background.jpg) repeat-x left bottom;
}
.FeaturesMenu .CommonBox1Right
{
    min-height: 0px !important;
}
.FeaturesMenuList
{
}
.FeaturesMenuList ul.FeaturesMenuNavList
{
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
.FeaturesMenuList ul.FeaturesMenuNavList li
{
    background: none;
    padding: 0;
    line-height: 25px;
}
.FeaturesMenuList ul.FeaturesMenuNavList li a
{
    display: block;
    text-decoration: none;
    background: url(Images/Design/Bullet/Bullet2.gif) no-repeat left center;
    margin-left: 0;
    padding-left: 18px;
    color: #666;
}

.FeaturesMenuList ul.FeaturesMenuNavList li a:hover
{
    color: #F17103;
    background: url(Images/Design/Bullet/ArrowBullet1.gif) no-repeat left center;
}
.FeaturesMenuList ul.FeaturesMenuNavList li a.active
{
    color: #F17103;
    background: url(../../Images/Design/Bullet/NewsMore.gif) no-repeat left center;
    margin-left: 0;
    padding-left: 18px;
    font-weight: bold;
    cursor: default;
}
.FeaturesMenuList ul.FeaturesMenuNavList li a.AcrobatIcon
{
    background: url(Images/Design/Icon/acrobat.gif) no-repeat left center;
}

.CommonFeaturesBox
{
    padding: 15px;
}
.CommonFeaturesSubBox
{
    clear: both;
    display: block;
}
.CommonFeaturesMenuTitle
{
    padding: 4px 10px 4px 20px;
    margin-top: 20px;
    color: #555;
    font-size: 9pt;
    font-weight: bold;
    background: #ebebeb url(Images/Design/Bullet/ArrowBullet1.gif) no-repeat 8px center;
}
.CommonFeaturesBox div.Details
{
    margin: 15px 0 15px 20px;
    width: 320px;
    float: left;
}
.CommonFeaturesBox div.DetailsNoImage
{
    margin: 0 20px;
    padding: 15px 0;
    width: 560px;
}
.CommonFeaturesBox div.Image
{
    padding: 5px;
    margin: 15px 20px 15px 0;
    clear: right;
    float: right;
    border: solid 5px #eee;
    width: 190px;
    text-align: center;
}
.CommonFeaturesBox div.Image img
{
    max-width: 190px;
    width: auto !important;
    width: 190px;
    border: 0;
}

/* Features Menu */
/*------- Layout Right End --------*/
/*------- Layout Footer Begin --------*/
.LayoutFooter
{
    border: solid 1px #bdbdbd;
}

.LayoutFooter .Footer
{
    background: url(Images/Design/Box/FooterBoxBackground.jpg) repeat-x;
    border: solid 1px #fff;
    height: 155px;
}
.LayoutFooter .Content, .LayoutFooterCopyRight .Content
{
    width: 1000px;
    margin: 0 auto;
}
.LayoutFooter .Contact
{
    margin-left: 20px;
    float: left;
}
.LayoutFooter .Contact .TopPageButton
{
    position: relative;
    top: -2px;
}
.LayoutFooterCopyRight
{
    border-left: solid 1px #bdbdbd;
    border-right: solid 1px #bdbdbd;
    border-bottom: solid 1px #bdbdbd;
}
.LayoutFooterCopyRight .Footer
{
    background: url(Images/Design/Background/FooterBackground.jpg) repeat-x;
    border: solid 1px #fff;
    height: 35px;
}
.LayoutFooterCopyRight .CopyRight
{
    /*margin-left: 20px;     float: left;*/
    margin-top: 10px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    color: #999;
}
.LayoutFooterCopyRight .Link
{
    margin-right: 20px;
    margin-top: 10px;
    float: right;
    color: #999;
}
.LayoutFooterCopyRight .Link a
{
    text-decoration: none;
    color: #999;
    padding: 0px 3px;
}
.LayoutFooter .Link a:hover
{
    color: #444;
}
.LayoutFooter .QuickLink
{
    float: left;
    margin-top: 24px;
    margin-left: 80px;
    width: 360px;
}
.LayoutFooter .QuickLink a
{
    text-decoration: none;
    color: #777;
}
.LayoutFooter .QuickLink a:hover
{
    color: #444;
    text-decoration: underline;
}
.QuickLink .Link1, .QuickLink .Link2
{
    width: 170px;
    margin-top: 4px;
    margin-right: 10px;
    float: left;
}
.QuickLink .Link1
{
    clear: left;
}
.LayoutFooter .Subscribe
{
    float: left;
    margin-top: 24px;
}
.LayoutFooter .Subscribe .IconLink
{
    position: relative;
    top: -22px;
    left: 100px;
}
.LayoutFooter .SubscribeBox
{
    background: url(Images/Design/Box/SearchBoxLeft.jpg) no-repeat left top;
    height: 24px;
    margin-top: 3px;
}

/*------- Layout Footer End --------*/

/*------- Layout MainFooter End --------*/
.MainFooter
{
    padding: 0 20px 20px;
}
.LayoutMainFooter
{
    width: 100%;
}
.LayoutMainFooter td
{
    width: 33%;
}
/*------- Layout MainFooter End --------*/

/*------- Search Box Begin --------*/
.SearchBoxTop, .QuickSearchLabel, .AdvanceSearchLink
{
    display: none;
}
/*------- Search Box End --------*/

/*------- FeaturesList Begin --------*/
.FeatureListBox
{
}
.CssProductVersion h4
{
    margin: 10px 0 20px 20px;
    color: #555;
}
.CssProductVersion .normalText
{
    margin-left: 20px;
}
.CssProductVersion ul
{
    font-size: 9pt;
    margin-left: 20px;
}
.ProductVersionBox
{
    width: 95%;
    margin: auto;
}
.ProductVersionBox td
{
    width: 50%;
    vertical-align: top;
}
.ProductVersionBox h4
{
    margin-left: 0;
}
.ProductVersionBox .Image
{
    float: left;
    width: 90px;
}
.ProductVersionBox .Details
{
    float: left;
    color: #777;
    width: 280px;
}
.ProductVersionBox .Price
{
    clear: left;
    float: left;
    color: #ff6000;
    font-weight: bold;
    margin-top: 10px;
    font-size: 14pt;
}

/* common style */
.FeatureListBox .TopPageRow
{
    width: 635px;
    padding: 2px 5px 2px 0;
    margin: 2px 0;
    height: 20px;
    border-top: dotted 2px #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: 300px;
    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: 285px;
    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: 270px;
    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
{
    background: url(Images/Design/Box/FeaturesTitle.jpg) repeat-x;
    height: 54px;
    color: #fff;
    text-transform: uppercase;
    font-size: 8.3pt;
    font-weight: bold;
}
.FeatureListBox .Title .Cell1
{
    height: 54px;
    line-height: 54px;
}
.FeatureListBox .Title .Cell2
{
    width: 100px;
    height: 54px;
    line-height: 54px;
    background: url(Images/Design/Box/FeaturesSeperator.jpg) no-repeat left center;
}
.FeatureListBox .Title span.Version
{
    line-height: 40px;
}
.FeatureListBox .Title span.Price
{
    font-size: 1.4em;
    line-height: 18px;
    position: relative;
    top: -10px;
    float: left;
    width: 100%;
}
.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: 620px;
    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 --------*/
/*------- ProductDetail SpecialList Begin --------*/
.DetailsTD .FeatureListBox .FeatureTitle
{
    width: 97%;
    padding-left: 3%;
}
.DetailsTD .FeatureListBox .Cell1
{
    width: 75%;
    padding-left: 3%;
    padding-right: 2%;
    border-bottom: solid 1px #ebebeb;
}
.DetailsTD .FeatureListBox .Cell2
{
    width: 19%;
    border-bottom: solid 1px #ebebeb;
}
.DetailsTD .FeatureListBox .Cell1Child1
{
    width: 70%;
    padding-left: 8%;
    padding-right: 2%;
    border-bottom: solid 1px #ebebeb;
}
.DetailsTD .FeatureListBox .Row, .DetailsTD .FeatureListBox .AlternatingRow
{
    width: 100%;
}
/*------- ProductDetail SpecialList End --------*/
/*------- Button Begin --------*/
.TopPageButton
{
    background: url(Images/Design/Button/Btn_PageTop.jpg) no-repeat;
    width: 74px;
    height: 24px;
}
.TopButton
{
    height: 20px;
    float: right;
    border: 0;
}
.SearchButton
{
    background: url(Images/Design/Button/Btn_Search.jpg) no-repeat;
    width: 34px;
    height: 24px;
}
.SubscribeButton
{
    background: url(Images/Design/Button/Btn_Subscribe.jpg) no-repeat;
    width: 74px;
    height: 24px;
}
.RegisterButton
{
    background: url(Images/Design/Button/Btn_Register.jpg) no-repeat;
    width: 80px;
    height: 28px;
}
.SignInButton
{
    background: url(Images/Design/Button/Btn_SignIn.jpg) no-repeat;
    width: 80px;
    height: 28px;
}
.SignOutButton
{
    background: url(Images/Design/Button/Btn_SignOut.jpg) no-repeat;
    width: 80px;
    height: 28px;
}
.MyAccountButton
{
    background: url(Images/Design/Button/Btn_MyAccount.jpg) no-repeat;
    width: 94px;
    height: 28px;
}
.FullFeaturesButton
{
    background: url(../../Images/Design/Button/Btn_FullFeatures.jpg) no-repeat;
    width: 87px;
    height: 24px;
}
.DesignIntegrationButton
{
    background: url(../../Images/Design/Button/Btn_DesignIntegration.jpg) no-repeat;
    width: 109px;
    height: 24px;
}
.CustomizationButton
{
    background: url(../../Images/Design/Button/Btn_CustomizationButton.gif) no-repeat;
    width: 129px;
    height: 24px;
}
/*------- Button End --------*/

/*------- Common Style Begin ------*/
.Button1
{
    float: left;
    position: relative;
    left: -2px;
}
.TextBox1
{
    float: left;
    position: relative;
    width: 150px;
    border-right: solid 1px #999;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    border-left: solid 0px #999;
    color: #acacac;
    font-size: 11px;
    vertical-align: middle;
    height: 16px;
    padding-top: 5px;
}

.TextBoxBorder1
{
    float: left;
    position: relative;
}
.TextBoxBorder2
{
    float: left;
    position: relative;
    left: -1px;
}
.CommonFrontWidth /*Common Width Content Under Front.Master*/
{
    width: 960px;
    font-size: 9pt;
    background: #fff url(Images/Design/Box/CommonBox1Background.jpg) repeat-x left bottom;
}
.CommonFrontWidth .CommonBox1Right
{
    min-height: 600px;
}
.CommonWidth /*Common Width Content Under Main.Master*/
{
    width: 680px;
    font-size: 9pt;
    background: #fff url(Images/Design/Box/CommonBox1Background.jpg) repeat-x left bottom;
}
.normalText
{
    margin-bottom: 15px;
    margin-top: 5px;
}
.Remark
{
    font-weight: bold;
    color: #ff6200;
    margin-top: 20px;
}
.blue
{
    color: #4c6e94;
}
.blueText
{
    color: #4c6e94;
    font-family: Arial;
}
.blueTextLink a
{
    color: #666;
    font-size: 12px;
    text-decoration: none;
    width: 100%;
    font-weight: bold;
    padding-bottom: 2px;
    background: url(../../Images/Design/bar/dotline.gif) repeat-x left bottom;
}
.blueTextLink a:hover
{
    background: url(../../Images/Design/bar/linelink.gif) repeat-x left bottom;
}
.BlueTitle
{
    /*background: url(../../Images/Design/Bullet/bullet4.gif) no-repeat left 6px;     padding-left: 18px; color: #4c6e94;*/
    color: #555;
    font-size: 9pt;
    font-weight: bold;
    line-height: 20px;
    vertical-align: middle;
    text-transform: uppercase;
}
.TitleNoBullet
{
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    vertical-align: middle;
}
.ac
{
    text-align: center;
}
.al
{
    text-align: left;
}
.ar
{
    text-align: right;
}

/*------- Common Style End ------*/

/*------- Top Menu Style Begin -------*/
.MenuNav
{
    width: 1000px;
    margin: 0 auto;
}
ul#topnav
{
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
    font-size: 1.2em;
}
ul#topnav li
{
    float: left;
    margin: 0;
    padding: 0;
    background: url(Images/Design/Menu/MenuTopLevelSeperator.jpg) no-repeat;
    line-height: 38px;
    height: 38px;
    vertical-align: middle; /*--Divider for each parent level links--*/
}
ul#topnav li a
{
    padding: 0;
    display: block;
    color: #5b5b5b;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
ul#topnav li span
{
    float: left;
    padding: 0 0 0 10px;
    position: absolute;
    left: 0;
    top: 38px;
    display: none; /*--Hide by default--*/
    width: 990px;
    background: url(Images/Design/Menu/MenuNavActive.jpg) repeat-x;
    color: #fff;
}
/*ul#topnav li:hover span
{
    display: block;
}*/
/*--Show subnav on hover--*/
ul#topnav li span a
{
    display: inline;
    line-height: 38px;
    background: none !important;
    height: 38px;
    text-transform: none;
    font-size: 9pt;
    font-weight: bold;
    padding: 0 10px;
    color: #fff;
    vertical-align: middle;
}
/*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover
{
    text-decoration: underline;
}

ul.topnav li#Products a
{
    height: 44px;
    width: 97px;
}
ul.topnav li#Products
{
    background: url(Images/Design/Menu/ProductsMenu.jpg) no-repeat 0 0;
    height: 44px;
    width: 97px;
}
ul.topnav li#Products:hover
{
    background: url(Images/Design/Menu/ProductsMenu.jpg) no-repeat 0 -44px;
    height: 44px;
    width: 97px;
}
ul.topnav li#Features a
{
    height: 44px;
    width: 93px;
}
ul.topnav li#Features
{
    background: url(Images/Design/Menu/FeaturesMenu.jpg) no-repeat 0 0;
    height: 44px;
    width: 93px;
}
ul.topnav li#Features:hover
{
    background: url(Images/Design/Menu/FeaturesMenu.jpg) no-repeat 0 -44px;
    height: 44px;
    width: 93px;
}

ul.topnav li#Demo a
{
    height: 44px;
    width: 66px;
}
ul.topnav li#Demo
{
    background: url(Images/Design/Menu/DemoMenu.jpg) no-repeat 0 0;
    height: 44px;
    width: 66px;
}
ul.topnav li#Demo:hover
{
    background: url(Images/Design/Menu/DemoMenu.jpg) no-repeat 0 -44px;
    height: 44px;
    width: 66px;
}

ul.topnav li#Templates a
{
    height: 44px;
    width: 101px;
}
ul.topnav li#Templates
{
    background: url(Images/Design/Menu/TemplatesMenu.jpg) no-repeat 0 0;
    height: 44px;
    width: 101px;
}
ul.topnav li#Templates:hover
{
    background: url(Images/Design/Menu/TemplatesMenu.jpg) no-repeat 0 -44px;
    height: 44px;
    width: 101px;
}

ul.topnav li#Support a
{
    height: 44px;
    width: 88px;
}
ul.topnav li#Support
{
    background: url(Images/Design/Menu/SupportMenu.jpg) no-repeat 0 0;
    height: 44px;
    width: 88px;
}
ul.topnav li#Support:hover
{
    background: url(Images/Design/Menu/SupportMenu.jpg) no-repeat 0 -44px;
    height: 44px;
    width: 88px;
}

ul.topnav li#Clients a
{
    height: 44px;
    width: 81px;
}
ul.topnav li#Clients
{
    background: url(Images/Design/Menu/ClientsMenu.jpg) no-repeat 0 0;
    height: 44px;
    width: 81px;
}
ul.topnav li#Clients:hover
{
    background: url(Images/Design/Menu/ClientsMenu.jpg) no-repeat 0 -44px;
    height: 44px;
    width: 81px;
}

ul.topnav li#Partners a
{
    height: 44px;
    width: 94px;
}
ul.topnav li#Partners
{
    background: url(Images/Design/Menu/PartnersMenu.jpg) no-repeat 0 0;
    height: 44px;
    width: 94px;
}
ul.topnav li#Partners:hover
{
    background: url(Images/Design/Menu/PartnersMenu.jpg) no-repeat 0 -44px;
    height: 44px;
    width: 94px;
}

ul.topnav li#Service a
{
    height: 44px;
    width: 152px;
}
ul.topnav li#Service
{
    background: url(Images/Design/Menu/ServiceMenu.jpg) no-repeat 0 0;
    height: 44px;
    width: 152px;
}
ul.topnav li#Service:hover
{
    background: url(Images/Design/Menu/ServiceMenu.jpg) no-repeat 0 -44px;
    height: 44px;
    width: 152px;
}
ul.topnav li#CustomService a
{
    height: 44px;
    width: 90px;
}
ul.topnav li#CustomService
{
    background: url(Images/Design/Menu/CustomServiceMenu.jpg) no-repeat 0 0;
    height: 44px;
    width: 90px;
}
ul.topnav li#CustomService:hover
{
    background: url(Images/Design/Menu/CustomServiceMenu.jpg) no-repeat 0 -44px;
    height: 44px;
    width: 90px;
}
/*------- Top Menu Style End -------*/

/*------- HeaderLogin Begin -------*/
.HeaderLogin
{
    float: right;
    margin-right: 20px;
    margin-top: 7px;
}
.HeaderLogin .LoginStatusButtonLink
{
    position: relative;
    bottom: 1px;
}
.RegisterButtonLink, .LoginStatusButtonLink, .MyAccountButtonLink
{
    margin-left: 5px;
}
/*------- HeaderLogin End -------*/
/*------- CustomerSite Begin -------*/
.CustomerSite
{
    width: 960px;
}
.CustomerSiteDetailPanel
{
    width: 100%;
    height: 170px;
    padding: 0 6px;
    position: relative;
    left: -6px;
    background: #fff url(Images/Design/Box/DefaultBoxBackground.jpg) repeat-x left bottom;
}
.CustomerSiteDetailPanel .Title
{
    text-transform: uppercase;
    margin-left: 30px;
    padding: 10px 0;
    font-size: 13pt;
    color: #333;
    font-weight: bold;
    float: left;
}
.CustomerSiteDetailPanel .Details
{
    clear: left;
    background: url(Images/Design/Icon/IconQuote.jpg) no-repeat left top;
    padding-left: 30px;
    padding-top: 8px;
    color: #555;
    width: 520px;
    margin-left: 30px;
    float: left;
    font-size: 12px;
}
.CustomerSiteDetailPanel .Details .Link
{
    text-decoration: none;
    color: #555;
    font-weight: bold;
}
.CustomerSiteDetailPanel .Name
{
    color: #ff7f00;
    font-weight: bold;
    margin-top: 10px;
}
.CustomerSiteDetailPanel .Position
{
    font-style: italic;
    font-size: 11px;
    margin-top: 10px;
}
.CustomerSiteDetailPanel .WebsiteScreenshot
{
    float: right;
    margin-right: 30px;
}
.CustomerSiteListPanel
{
    width: 100%;
    height: 100px;
    padding: 0 6px;
    position: relative;
    left: -6px;
    border-top: solid 1px #ccc;
}
/*
.CustomerSiteListPanel .CustomerSiteLink
{
  border: 0;
  margin-right: 50px;
}
.CustomerSiteListPanel .CustomerSiteLink img
{
    border: 0;
}
*/
/*-- Images Slideshow --*/
#dhtmlgoodies_slideshow
{
    clear: both;
    width: 100%; /* Total width of slideshow */
    position: relative;
    left: -6px;
}

#galleryContainer
{
    width: 100%;
    height: 102px; /* Height of the images + 2 */
    position: relative;
    overflow: hidden;
    padding-right: 12px;
    height: 104px; /* IE 5.x - Added 2 pixels for border left and right */
    height: /* */ /**/ 102px; /* Other browsers */
    height: /**/ 102px;
}
#Btn_PlayPrev
{
    position: absolute;
    left: 0px;
    z-index: 10;
    background: #fff url(Images/Design/Button/Btn_PlayPrev.jpg) no-repeat left 35px;
    height: 100%;
    width: 25px;
}
#Btn_PlayNext
{
    position: absolute;
    right: 0px;
    z-index: 10;
    height: 100%;
    background: #fff url(Images/Design/Button/Btn_PlayNext.jpg) no-repeat right 35px;
    width: 25px;
}
#Btn_PlayPrev img, #Btn_PlayNext img
{
    top: 35px;
    position: relative;
}
#Btn_PlayNext img
{
    float: right;
}
#theImages
{
    position: absolute;
    margin-top: 25px;
    height: 80px;
    left: 40px;
    width: 100000px;
}
#theImages #slideEnd
{
    float: left;
}
#theImages img
{
    border: 0 none;
    cursor: pointer;
    float: left;
    margin: 0 25px;
}


/*------- CustomerSite End -------*/
/*------- Testimonial Begin --------*/
.TestimonialBox
{
    clear: left;
    padding: 10px;
}
.TestimonialBox .Details
{
    width: 500px;
    float: left;
    color: #777;
}
.TestimonialBox .Details p
{
    font-style: italic;
}
.TestimonialBox .Details .Name
{
    clear: left;
    float: left;
    color: #555;
    font-weight: bold;
    text-transform: uppercase;
}
.TestimonialBox .Image
{
    width: 300px;
    float: right;
    text-align: center;
}
.TestimonialBox .Image a
{
    color: #555;
}
/*------- Testimonial Begin --------*/
/*------- Product List Begin --------*/
.ProductListContent
{
    width: 100%;
}
.ProductListHeader
{
    color: #555;
    padding-bottom: 25px;
}
/* software*/
.ProductListItemImage
{
    text-align: center;
    width: 100%;
}
.ProductListItemImage img
{
    max-height: 180px;
    height: auto !important;
    height: 180px;
}
.ProductListItemSoftware
{
    width: 25%;
}
.SoftwareListName
{
    clear: left;
    float: left;
    margin-top: 15px;
}
.SoftwareListName .NameLink
{
    color: #666;
    text-decoration: none;
    float: left;
    clear: left;
    text-align: left;
}
.SoftwareListName .VersionName
{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 5px;
    color: #444;
}
.SoftwareListPrice
{
    clear: left;
    float: left;
    color: #444;
    font-weight: bold;
    margin-top: 10px;
}
.SoftwareListPrice .Price
{
    font-size: 14pt;
}
.SoftwareListPrice .RetailPrice
{
    font-size: 13pt;
    text-decoration: line-through;
    margin-right: 10px;
    display: none;
}
.SoftwareListButton
{
    clear: left;
    float: left;
    margin-top: 15px;
    width: 100%;
}
.SoftwareListButton a
{
    margin-right: 5px;
}
/*Template*/
.ProductListItemTemplate
{
    width: 33%;
}
.CssTemplateBox
{
    display: block;
    padding: 0px 20px;
    width: 220px;
}
.CssTemplateBox .ZoomButtonPopupImage
{
    float: left;
    left: 165px;
    position: relative;
    top: -100px;
}
.CssTemplateBox .ZoomButtonZoomImage
{
    display: none;
}
.CssTemplateButton
{
    display: block;
    float: left;
    clear: left;
    margin-top: 10px;
    width: 100%;
    text-align: center;
}
.CssTemplateButton a
{
    margin-right: 5px;
}
.CssTemplateImage
{
    border: solid 8px #f5f5f5;
    height: 190px;
    margin: 10px auto;
    padding: 10px;
    width: 150px;
}
.CssTemplatePrice
{
    color: #444;
    display: block;
    font-size: 12pt;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}

.CssTemplateTitle
{
    color: #504031;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    text-align: center;
    padding-bottom: 10px;
}
/* Other Product*/
.ProductItemListBox
{
}
.ProductItemListBox .ProductName a
{
    color: #555;
    text-decoration: none;
    font-size: 10pt;
    font-weight: bold;
    text-transform: uppercase;
    margin: 15px 5px 5px 0;
}
.ProductItemListBox .Details
{
    float: left;
    margin-top: 20px;
    width: 250px;
}
.ProductItemListBox .Details .ShortDescription
{
    color: #777;
}
.ProductItemListBox .Details .Price
{
    clear: left;
    float: left;
    color: #555;
    font-size: 14pt;
    margin-top: 20px;
}
.ProductItemListBox .Details .Button
{
    float: left;
    margin-left: 10px;
    margin-top: 17px;
}
.ProductListContent .ProductListItem
{
    width: 50%;
}
.CssProductItemBg
{
    background: url(../../images/design/background/ProductListImage.gif) no-repeat -5px 13px;
    float: left;
    height: 95px;
    padding-top: 20px;
    width: 125px;
}
.CssProductItemBg img
{
    position: relative;
    left: 3px;
}
/*------- Product List End --------*/

/*------- Product Detail Begin -------*/
.Product
{
    clear: left;
    font-size: 12px;
}
.Product .CommonBox1Right
{
    margin-left: 4px;
    padding: 0 4px 0 0;
    min-height: 0;
}
.Product .DetailsTD
{
    vertical-align: top;
    padding: 20px 20px 0;
}
.Product .PriceTD
{
    vertical-align: top;
    width: 200px;
    padding: 20px 10px 0px 10px;
    background: url(Images/Design/Box/ProductDetailBoxPrice.jpg) repeat-x left bottom;
}
.Product .PriceTD .RetailPrice
{
    font-size: 14pt;
    text-decoration: line-through;
    color: #777;
    display: none;
}
.Product .PriceTD .Textbox
{
    clear: left;
    height: 21px;
    margin-bottom: 20px;
}
.Product .PriceTD .AddToCartButton
{
    text-decoration: none;
    clear: left;
}
.Product .ImageTD
{
    vertical-align: top;
    width: 285px;
    padding: 30px 20px 0;
    border-right: solid 1px #e0e0e0;
}
.Product .DetailBottomTD
{
    vertical-align: bottom;
    border-right: 1px solid #E0E0E0;
}
.Product .DetailBottomTD .Bottom
{
    clear: left;
    height: 8px;
    background: url(Images/Design/Box/CommonBox1BottomCenter.jpg) repeat-x left bottom;
}
.Product .DetailBottomTD .Bottom .Left
{
    width: 8px;
    height: 8px;
    float: left;
    position: relative;
    left: -5px;
    background: url(Images/Design/Box/CommonBox1BottomLeft.jpg) no-repeat left bottom;
}
.Product .DetailBottomTD .Bottom .Right
{
    width: 1px;
    height: 4px;
    float: right;
    position: relative;
    right: -1px;
    top: 4px;
    background: url(Images/Design/Box/TellFriendBottomLeft.jpg) no-repeat left bottom;
}
.Product .TellFriendTD
{
    vertical-align: bottom;
    background: url(Images/Design/Box/TellFriendBackground.jpg) repeat-x left top;
}
.Product .TellFriendTD .Link
{
    vertical-align: middle;
    background: url(Images/Design/Icon/IconEmail2.jpg) no-repeat left center;
    margin-left: 20px;
    margin-top: 3px;
    padding: 8px 0 5px 35px;
    font-size: 11px;
}
.Product .TellFriendTD .Link a
{
    color: #555;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
.Product .TellFriendTD .Link a:hover
{
    text-decoration: underline;
}
.Product .TellFriendTD .Bottom
{
    clear: left;
    height: 8px;
    background: url(Images/Design/Box/TellFriendBottomCenter.jpg) repeat-x left bottom;
}
.Product .TellFriendTD .Bottom .Right
{
    width: 8px;
    height: 8px;
    float: right;
    position: relative;
    right: -5px;
    background: url(Images/Design/Box/TellFriendBottomRight.jpg) no-repeat left bottom;
}
.Product .RelatedProduct
{
    border-top: dotted 2px #ccc;
}
.Product .RelatedProduct ul li
{
    background: transparent url(Images/Design/Bullet/FeaturesBullet.gif) no-repeat scroll left 5px;
    font-size: 12px;
    padding-left: 25px;
}
.ProductDetailsName
{
    color: #444;
    font-size: 16pt;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}
.ProductDetailsLongDescription
{
    color: #333;
    float: left;
    margin-top: 10px;
}
.ProductDetailsLongDescription ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.ProductDetailsLongDescription ul li
{
    font-size: 12px;
    background: url(Images/Design/Bullet/FeaturesBullet.gif) no-repeat left 5px;
    padding-left: 25px;
}
.ProductDetailsLongDescription a
{
    color: #f88112;
}
.ProductDetailsShortDescription
{
    margin-top: 10px;
    float: left;
    clear: left;
    width: 100%;
}

.ProductDetailPriceDiv
{
    width: 215px;
}
.ProductDetailPriceDiv .TitleLeft
{
    display: none;
}
.ProductDetailsPrice
{
    color: #333;
    font-size: 15pt;
}
.ProductDetailBuyDiv
{
    margin-top: 15px;
    clear: both;
    color: #333;
}
.ProductDetailBuyDiv .Quantity
{
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 5px;
    float: left;
}
.ProductDetailBuyDiv .QuantityText
{
    float: left;
}
.ProductDetailsOther3
{
    float: right;
    color: #909090;
    font-size: 11px;
    margin-top: 14px;
    margin-right: 5px;
}
/* ProductImage*/
.ProductDetailImage
{
    width: 280px;
}
.ProductDetailImage .Thumbnail
{
    float: right;
}
.ProductDetailImage .ImageTool
{
    clear: right;
    float: right;
    margin-top: 20px;
}
.CssZoomButtonPopup
{
}
.CssZoombuttonZoom
{
    display: none;
}
.ServiceRequired
{
    clear: both;
    float: left;
    margin-top: 20px;
    padding: 0 10px;
    background-color: #FFFAF0;
    border: dashed 1px #FFDEAD;
}
/*ProductOption*/
.OptionDisplayText
{
    float: left;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 5px;
}
.OptionGroupItemDetailsDrop select
{
    width: 200px;
}
.OptionImg
{
    width: 20px;
}
.OptionPrice
{
    color: #800000;
    font-style: italic;
}
.OptionGroupDataListItemStyle
{
    padding-bottom: 10px;
}
.DemoButton
{
    margin-top: 20px;
    float: left;
}
.ReviewFeaturesButton
{
    margin-top: 20px;
    float: left;
}
.VersionDemoButton
{
    margin-top: 20px;
    margin-right: 5px;
    float: left;
    clear: left;
}
/*------- Product Detail End -------*/
/*------- Breadcrumb Begin -------*/
.CssSiteMapCatalog
{
    float: left;
    padding-bottom: 10px;
    margin-left: 5px;
}
.CssSiteMapCatalog a
{
    color: #999;
}
.CssSiteMapCatalog .CssSiteMapSeparatorStyle
{
    color: #555;
    margin: 0 4px;
    text-align: center;
}

.CssSiteMapCatalog .CssSiteMapCatalogCurrentNodeStyle
{
    color: #ff6000;
    font-weight: bold;
}
/*------- Breadcrumb End -------*/
/*------- DefaultBaner Begin -------*/
.DefaultBanner
{
    width: 960px;
}
.DefaultBanner .BannerImage
{
    width: 960px;
    height: 332px;
}
.DefaultBanner .MiniBannerBox
{
    width: 100%;
    height: 92px;
    background: url(Images/Design/Box/BannerBoxCenter.jpg) repeat-x 1px top;
    border-top: solid 1px #ff7f00;
}
.MiniBannerBox .Left
{
    width: 100%;
    height: 92px;
    background: url(Images/Design/Box/BannerBoxLeft.jpg) no-repeat left bottom;
}
.MiniBannerBox .Right
{
    background: url(Images/Design/Box/BannerBoxRight.jpg) no-repeat right bottom;
    padding-right: 6px;
    margin-left: 8px;
    height: 92px;
}
.MiniBannerBox .Title
{
    padding: 25px 20px 25px 18px;
    width: 145px;
    float: left;
    background: url(Images/Design/Box/BannerBoxSeperator.jpg) no-repeat right 8px;
}
.MiniBannerBox .Content
{
    float: left;
}
.MiniBannerBox .MiniBanner
{
    margin-right: 15px;
    float: left;
}
.MiniBannerBox .MiniBanner a
{
    border: solid 1px #ddd;
    padding: 1px;
    background-color: #fff;
    display: block;
    width: 234px;
    height: 62px;
}
.MiniBannerBox .MiniBanner a:hover
{
    border: solid 1px #fa6000;
}
.slideshow
{
    height: 332px;
    width: 960px;
    margin: auto;
}
.slideshow img
{
    padding: 0px;
    border: 0px solid #ffffff;
    background-color: #ffffff;
}

.MiniBannerBox .Content ul#nav
{
    list-style: none;
    background: none;
    position: relative;
    top: 10px;
}
.MiniBannerBox .Content ul#nav li
{
    background: none;
    float: left;
    height: 62px;
    padding: 0;
    margin-left: 15px;
}
.MiniBannerBox .Content #nav a
{
    border: solid 1px #adadad;
    display: block;
    height: 62px;
}
.MiniBannerBox .Content #nav a.activeSlide
{
    border: solid 1px #ff6000;
}
.MiniBannerBox .Content #nav a:focus
{
    outline: none;
}
.MiniBannerBox .Content #nav img
{
    border: none;
}
/*------- DefaultBaner End -------*/

/*------- CommonBox Begin------- */
.CommonBoxTop
{
    clear: left;
    height: 10px;
    width: 100%;
    background: url(Images/Design/Box/CommonBoxTopCenter.jpg) repeat-x;
}

.CommonBoxTopTitle
{
    color: #444;
    font-size: 12px;
    font-weight: bold;
    line-height: 27px;
    margin-left: 15px;
    vertical-align: middle;
}

.CommonBoxTopImgLeft
{
    height: 10px;
    width: 10px;
    background: url(Images/Design/Box/CommonBoxTopLeft.jpg) no-repeat;
    float: left;
}

.CommonBoxTopImgRight
{
    height: 10px;
    width: 10px;
    background: url(Images/Design/Box/CommonBoxTopRight.jpg) no-repeat;
    float: right;
}
.CommonBoxLeft
{
    clear: left;
    background: url(Images/Design/Box/CommonBoxLeft.jpg) repeat-y left;
    width: 100%;
}
.CommonBoxRight
{
    color: #888;
    text-decoration: none;
    margin-left: 10px;
    padding-right: 10px;
    background: url(Images/Design/Box/CommonBoxRight.jpg) repeat-y right;
}
.CommonBoxBottom
{
    clear: left;
    height: 10px;
    width: 100%;
    background: url(Images/Design/Box/CommonBoxBottomCenter.jpg) repeat-x;
}
.CommonBoxBottomImgLeft
{
    height: 10px;
    width: 10px;
    background: url(Images/Design/Box/CommonBoxBottomLeft.jpg) no-repeat;
    float: left;
}

.CommonBoxBottomImgRight
{
    height: 10px;
    width: 10px;
    background: url(Images/Design/Box/CommonBoxBottomRight.jpg) no-repeat;
    float: right;
}
/*------- CommonBox End------- */
/*------- CommonBox1 Begin------- */
.CommonBox1Top
{
    clear: left;
    height: 41px;
    width: 100%;
    background: url(Images/Design/Box/CommonBox1TopCenter.jpg) repeat-x;
}

.CommonBox1Title
{
    color: #555;
    font-size: 10pt;
    font-weight: bold;
    line-height: 41px;
    vertical-align: middle;
    text-transform: uppercase;
    padding-left: 15px;
    float: left;
}

.CommonBox1TopImgLeft
{
    height: 41px;
    width: 8px;
    background: url(Images/Design/Box/CommonBox1TopLeft.jpg) no-repeat;
    float: left;
}

.CommonBox1TopImgRight
{
    height: 41px;
    width: 8px;
    background: url(Images/Design/Box/CommonBox1TopRight.jpg) no-repeat right top;
    float: right;
}
.CommonBox1Left
{
    clear: left;
    background: url(Images/Design/Box/CommonBox1Left.jpg) repeat-y left;
    width: 100%;
}
.CommonBox1Right
{
    color: #888;
    text-decoration: none;
    margin-left: 20px;
    padding: 15px 20px 10px 0;
    background: url(Images/Design/Box/CommonBox1Right.jpg) repeat-y right;
    min-height: 570px;
}
.CommonBox1Bottom
{
    clear: left;
    height: 8px;
    width: 100%;
    background: url(Images/Design/Box/CommonBox1BottomCenter.jpg) repeat-x;
}
.CommonBox1BottomImgLeft
{
    height: 8px;
    width: 8px;
    background: url(Images/Design/Box/CommonBox1BottomLeft.jpg) no-repeat;
    float: left;
}

.CommonBox1BottomImgRight
{
    height: 8px;
    width: 8px;
    background: url(Images/Design/Box/CommonBox1BottomRight.jpg) no-repeat;
    float: right;
}

/*------- CommonBox1 End------- */
/*------- CodaSlide Style Begin ------*/


/* Most common stuff you'll need to change */

.coda-slider-wrapper
{
    margin: 20px auto;
    width: 90%;
}
.coda-slider-wrapper a:focus
{
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
}
.coda-slider
{
    height: 70px;
    overflow: hidden;
    width: 100%;
    position: relative;
    float: left;
}
.coda-slider .panel-container
{
    position: relative;
}
/* Change margin and width of the slider (with dynamic arrows) */

/* Tab nav */
.coda-nav ul li a.current
{
}

/* Preloader */
.coda-slider p.loading
{
    padding: 20px;
    text-align: center;
}

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav
{
    margin: auto;
    display: none;
}

.coda-nav ul
{
    list-style: none;
}

.coda-nav ul li
{
    float: left;
    margin-right: 2px;
}

.coda-nav a
{
    /* The nav links */
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    background: #c6e3ff;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0 15px;
}


/* Miscellaneous */

.coda-slider .panel
{
    width: 210px;
    text-align: center;
    float: left;
    display: block;
}
.coda-nav-left, .coda-nav-right
{
    /* The left and right arrows */
    position: absolute;
    top: 35px;
    text-indent: -9000em;
    width: 18px;
}

.coda-nav-left a, .coda-nav-right a
{
    display: block;
    height: 35px;
    width: 18px;
}

.coda-nav-left
{
    left: 0;
}

.coda-nav-right
{
    right: 0;
}

.coda-nav-left
{
    background: url( "Images/Design/Button/Btn_PlayPrev.jpg" ) no-repeat center;
    height: 35px;
    width: 18px;
}

.coda-nav-right
{
    background: url( "Images/Design/Button/Btn_PlayNext.jpg" ) no-repeat center;
    height: 35px;
    width: 18px;
}

/*------- CodaSlide Style End ------*/
/*------- Ajax Tab Style Begin--------*/

.tabBorder .ajax__tab_panel
{
}

.tabBorder .ajax__tab_header
{
    height: 35px;
    z-index: 1;
    font-size: 9pt;
    text-transform: uppercase;
    font-weight: bold;
    color: #ababab;
    background: url(Images/Design/Tab/tab_header.jpg) repeat-x bottom;
}

.tabBorder .ajax__tab_header .ajax__tab_outer
{
    display: inline-block;
    background: url(Images/Design/Tab/inactive_right.jpg) no-repeat right;
    height: 35px;
    margin-right: 5px;
}

.tabBorder .ajax__tab_header .ajax__tab_outer .ajax__tab_inner
{
    display: inline-block;
    background: url(Images/Design/Tab/inactive_left.jpg) no-repeat left;
    height: 35px;
    padding-left: 5px;
}

.tabBorder .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab
{
    display: inline-block;
    height: 35px;
    line-height: 35px;
    background: url(Images/Design/Tab/inactive_center.jpg) repeat-x left top;
    margin-right: 4px;
    cursor: pointer;
}

.tabBorder .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab div
{
    border: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.tabBorder .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab
{
    background: url(Images/Design/Tab/active_center.jpg) repeat-x left top;
    height: 35px;
}

.tabBorder .ajax__tab_header .ajax__tab_active .ajax__tab_outer
{
    background: url(Images/Design/Tab/active_right.jpg) no-repeat right;
    height: 35px;
}

.tabBorder .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner
{
    background: url(Images/Design/Tab/active_left.jpg) no-repeat left;
    height: 35px;
}

.tabBorder .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab
{
    height: 35px;
    line-height: 35px; /*background: url(Images/Design/Tab/active_center.jpg) repeat-x left top;*/
    color: #555;
}

.tabBorder .ajax__tab_body
{
    font-size: 9pt;
    border-top: 0;
    padding: 10px 0;
    position: relative;
    z-index: 0;
    border-bottom: dotted 2px #aaa;
}

/*------- Ajax Tab Style End--------*/
/*------- Features Style Begin -------*/
.Features
{
}
.FeaturesBanner
{
    width: 960px;
    height: 160px;
    padding: 20px 20px 0;
}

.CssProductItemImage
{
    background: transparent url(../../images/design/background/ProductListImage.gif) no-repeat scroll 100px 18px;
    height: 95px;
    padding-top: 25px;
    text-align: center;
    width: 100%;
}
.CssProductItemDescription
{
    padding: 10px 10px 0;
}
/*------- Features Style End -------*/
.ImgDemo
{
    border: solid 10px #f5f5f5;
    float: left;
    width: 200px;
}
.CssStoreAdmin
{
    clear: left;
    font-weight: bold;
    margin: 20px 35px;
    width: 440px;
}
.CssStoreAdminText
{
    float: left;
    margin: 50px auto auto 30px;
    width: 180px;
}
.CssStorefront
{
    margin: 20px 35px;
    width: 440px;
}
.CssStorefrontText
{
    float: left;
    margin: 50px auto auto 30px;
    width: 180px;
}
.CssDemoUser
{
    color: #4c6e94;
    float: left;
    font-style: italic;
    margin-left: 10px;
    margin-top: 5px;
}
.CssDemoUserTitle
{
    color: #000;
    float: left;
    margin-left: 15px;
    margin-top: 5px;
}

.FullFeaturesButtonLink
{
    float: right;
    border: 0;
    margin-top: 9px;
    margin-right: 5px;
}

.TextEditorPanelTellAFriend
{
    margin-top: 20px;
}

/*-------- Fancy Box-------- */
#fancybox-loading
{
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

* html #fancybox-loading
{
    /* IE6 */
    position: absolute;
    margin-top: 0;
}

#fancybox-loading div
{
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
}

#fancybox-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 1100;
    display: none;
}

* html #fancybox-overlay
{
    /* IE6 */
    position: absolute;
    width: 100%;
}

#fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap
{
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    z-index: 1101;
    display: none;
}

#fancybox-outer
{
    position: relative;
    width: 100%;
    height: 100%;
    background: #FFF;
    border: solid 1px #bbb;
}

#fancybox-inner
{
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
}

#fancybox-hide-sel-frame
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

#fancybox-close
{
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-image: url(Images/Design/Icon/fancy_close.png);
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox_error
{
    color: #444;
    padding: 7px;
    margin: 0;
}

#fancybox-content
{
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}

#fancybox-img
{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}

#fancybox-frame
{
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-title
{
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: Arial;
    font-size: 12px;
    z-index: 1102;
    color: #333;
}

.fancybox-title-inside
{
    padding: 10px 0;
    text-align: center;
    color: #333;
}

.fancybox-title-outside
{
    padding-top: 5px;
    text-align: center;
    font-weight: bold;
}

.fancybox-title-over
{
    text-align: left;
}

#fancybox-title-over
{
    padding: 10px;
    display: block;
}

#fancybox-title-wrap
{
    display: inline-block;
}

#fancybox-title-wrap span
{
    height: 32px;
    float: left;
}

.fancy-bg
{
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

/*-------- Fancy Box --------*/
.StoreSiteMapContent
{
    padding-bottom: 15px;
}
.StoreSiteMapContentTop
{
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-color: #F5F5F5;
    color: #504031;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    margin-bottom: 5px;
}

.ContentSiteMap .SiteMapStyle
{
    margin-left: 20px;
}
.ContentSiteMap .SiteMapStyle li
{
    background-position: left 12px;
}
.PaymentTopPage
{
    border-top: 2px dotted #DDDDDD;
    margin: 2px 0;
    padding: 2px 5px 5px 0;
    text-align: right;
    clear: both;
}
a.PaymentMore
{
    font-size: 11px;
    color: #777;
    font-weight: bold;
    padding-right: 13px;
    margin-top: 5px;
    display: block;
    width: 55px;
    background: url(../../Images/Design/Bullet/twoarrowgrayBullet.gif) no-repeat right 3px;
}
a.PaymentMore:hover
{
    color: #ffa500;
    background: url(../../Images/Design/Bullet/twoarroworangeBullet.gif) no-repeat right 3px;
}
.CommonFeaturesBox div.Image .blueTextLink
{
    margin-top: 15px;
}
.Row .blueTextLink a, .AlternatingRow .blueTextLink a
{
    font-weight: normal !important;
    color: #888;
}

/*------- DefaultBaner Begin -------*/
.DefaultBanner1
{
    width: 960px;
    position: relative;
    z-index: 0;
}
.DefaultBanner1 .BannerImage
{
    width: 960px;
    height: 332px;
}
.DefaultBanner1 .MiniBannerBox1
{
    width: 100%;
    height: 35px;
    background: url(Images/Design/Box/BannerBoxCenter.jpg) repeat-x 6px top;
}
.MiniBannerBox1 .Left
{
    width: 100%;
    height: 35px;
    background: url(Images/Design/Box/BannerBoxLeft.jpg) no-repeat left bottom;
}
.MiniBannerBox1 .Right
{
    background: url(Images/Design/Box/BannerBoxRight.jpg) no-repeat right bottom;
    padding-right: 6px;
    margin-left: 6px;
    height: 35px;
}
.MiniBannerBox1 .Title
{
    padding: 11px 18px 0 12px;
    float: left;
    background: url(Images/Design/Box/BannerBoxSeperator.jpg) no-repeat right 11px;
}
.MiniBannerBox1 .Slogan
{
    padding: 12px 0 0 11px;
    float: left;
}
.MiniBannerBox1 .Content
{
    float: right;
    margin-right: 10px;
}
.MiniBannerBox1
{
    margin-right: 15px;
    float: left;
}
.MiniBannerBox1 a
{
    border: solid 1px #a6a6a6;
    background: url(Images/Design/Box/BannerPaging.jpg) no-repeat;
    display: block;
    width: 19px;
    height: 19px;
    color: #adadad;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.MiniBannerBox1 a:hover
{
    border: solid 1px #ff7200;
    color: #2d2d2d;
}
.slideshow1
{
    height: 332px;
    width: 960px;
    margin: auto;
}
.slideshow1 img
{
    padding: 0px;
    border: 0px solid #ffffff;
    background-color: #ffffff;
    
}

.MiniBannerBox1 .Content ul#nav
{
    list-style: none;
    background: none;
    position: relative;
    top: 7px;
}
.MiniBannerBox1 .Content ul#nav li
{
    background: none;
    float: left;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-left: 10px;
}
.MiniBannerBox1 .Content #nav a
{
    border: solid 1px #adadad;
}
.MiniBannerBox1 .Content #nav a.activeSlide
{
    border: solid 1px #ff7200;
    color: #2d2d2d;
}
.MiniBannerBox1 .Content #nav a:focus
{
    outline: none;
}
.MiniBannerBox1 .Content #nav img
{
    border: none;
}
/*------- DefaultBaner End -------*/
/*-------- TopMenu Begin ---------*/
.VerticalMenu ul.topnav
{
    list-style: none;
    height: 44px;
    padding: 0px;
    margin: 0;
    float: left;
    font-size: 1.2em;
}
.VerticalMenu ul.topnav li
{
    float: left;
    margin: 0;
    padding: 0;
    position: relative; 
    height: 44px;
    line-height: 44px;
    background: url(Images/Design/Menu/MenuTopLevelSeperator.jpg) no-repeat left 1px;
}
.VerticalMenu ul.topnav li a
{
    color: #333;
    font-size: 12px;
    font-weight: bold;
    display: block;
    height: 23px;
    line-height: 23px;
    text-decoration: none;
    float: left;
}
.VerticalMenu ul.topnav li span.subhover
{
    background-position: center bottom;
    cursor: pointer;
}
/*--Hover effect for trigger--*/
.VerticalMenu ul.topnav li ul.subnav
{
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0;
    top: 44px;
    margin: 0;
    padding: 0 0 2px 0;
    display: none;
    float: left;
    z-index: 1000;
    border-left: solid 1px #e1e1e1;
    border-right: solid 1px #b2b2b2;
    border-bottom: solid 1px #b2b2b2;
    background: #fff url(Images/Design/Menu/subnav.gif) repeat-x left bottom;
}
.VerticalMenu ul.topnav li ul.subnav li
{
    margin: 0;
    padding: 2px;
    clear: both;
    background: none;
    height: 23px;
    line-height: 23px;
}
html .VerticalMenu ul.topnav li ul.subnav li a
{
    display: block;
    float: left;
    padding: 0 10px;
    width: 145px!important;
    white-space: normal;
    height: 23px;
    line-height: 23px;
}
html .VerticalMenu ul.topnav li ul.subnav li a:hover
{
    /*--Hover effect for subnav links--*/
    padding: 0 10px;
    color: #fff;
    background: url(Images/Design/Menu/subnav_hover.gif) repeat-x;
}

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

/*-------- Document End ---------*/
.FeaturesNew{ position: relative; left: 22px; top: 3px;}
.CommonToggleTitle, .CommonNoToggleTitle {background: #eee url(Images/Design/Bullet/ArrowBullet1.gif) no-repeat 10px center; cursor: pointer; padding: 4px 10px 4px 25px; margin-top: 7px; color: #555; font-size: 9pt; font-weight: bold;}
.CommonNoToggleTitle { cursor: default;}