body
{
    font-family: Verdana, Arial, Tahoma, Microsoft Sans Serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #38aaeb;
    margin: 0px 0px 0px 0px;
}

h1, h2, h3, h4
{
    color: orange;
}

h1
{
    font-size: 24px;
}

h2
{
    font-size: 20px;
}

h3
{
    font-size: 16px;
}

h4
{
    font-size: 12px;
    margin-top: 15px;
    text-align:center;
}

p
{
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    margin-top: 12px;
    margin-bottom: 12px;
}

p.InnerHead
{
    font-size: 11px;
    color: black;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 8px;
}

.BlockCenter
{
    margin-left: auto;
    margin-right: auto;
}

.PagingText
{
    font-size: 10px;
    font-weight: bold;
    color: blue;
}

.LanguageSwitching a
{
    text-decoration: none;
    font-weight: bold;
    color: White;
}

.BreadCrumb
{
    font-size: 11px;
    font-weight: normal;
    color: orange;
}

.CategoryNavListHeader
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    color: silver;
    background-color: #800000;
    text-align: center;
}

.CategoryNavListContent
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-color: #ffffff;
    text-align: center;
    width: 160px;
    margin: 10px;
}

.CategoryNavListItem
{
    text-decoration: none;
}

.CategoryListHeader
{
    font-weight: bold;
}

.CategoryListItem
{
    vertical-align: bottom;
}

.CategoryListContent
{
    width: 100%;
}

.CategoryListName
{
    color: blue;
}

.CategoryListDescription
{
}

.ProductListHeader
{
    font-weight: bold;
}

.ProductListItem
{
    vertical-align: bottom;
}

.ProductListContent
{
    width: 100%;
}

.ProductListName
{
    color: blue;
}

.ProductListDescription
{
}

.ProductDetailsName
{
    color: Orange;
    font-weight: bold;
}

.ProductDetailsShortDescription
{
    font-weight: bold;
}

.ProductDetailsLongDescription
{
}


td.ShippingAddressLabelColumn
{
    padding: 0px 30px 0px 10px;
    font-weight: bold;
    color: #000000;
    text-align: left;
}

td.ShippingAddressDataColumn
{
    padding: 0px 30px 0px 10px;
    text-align: left;
}

.GridRowStyle
{
    background-color: #ececec;
}

.GridHeadStyle
{
    background-color: #7da7d9;
    font-weight: bold;
    color: #ffffff;
}

.TableHead
{
    background-color: #7da7d9;
    color: white;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.TableHeadBorder
{
    background-color: #7da7d9;
    color: white;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.TableAlter
{
    background-color: #ececec;
}

.TableRow
{
    background-color: #ffffff;
}

.tableAdvancedSearch
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
}

.tableAdvancedSearch td
{
    width: 25%;
}

.titleLayout
{
    font-weight: bold;
    color: #ff9900;
    text-decoration: none;
    padding-left: 5px;
}

.LinkLayoutHead
{
    font-weight: bold;
}

.LinkLayoutHead a
{
    color: #000000;
    text-decoration: none;
}

.LinkLayoutHead a:Hover
{
    text-decoration: underline;
    color: #7da7d9;
}

.LinkCategory a
{
    text-decoration: none;
}

.LinkCategory a:hover
{
    text-decoration: none;
}

.NoBorder
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.AlternateRow
{
    background-color: #EEEEEE;
}

.NoteText
{
    font-weight: bold;
    color: blue;
}

.leftlink
{
    text-align: left;
}

.ValidateText
{
    color: red;
}

.ErrorHeader
{
    color: Red;
    font-weight: bold;
}

.ErrorBody
{
    color: Red;
    font-weight: normal;
}

.LoginName
{
    font-weight: bold;
    color: white;
}

.LogOutText
{
    font-weight: bold;
    color: white;
}

.TextCenter
{
    text-align: center;
}

.PageNumber
{
    text-align: right;
    margin-left: auto;
    margin-right: 10px;
}

.CssList
{
    list-style-image: url(../../Images/Design/VevoMyAccountBullet.png);
}

.CssNoLine
{
    text-decoration: none;
}

.TextHide
{
    color: white;
}

.NewsBar
{
    background-image: url(../../Images/Design/NewsBar.png);
    background-repeat: repeat-x;
    height: 14px;
}

/*Edit Option of Product*/
.OptionPrice
{
    color: #800000;
    font-style: italic;
}

.OptionItemName
{
}

.OptionDisplayText
{
    font-weight: bold;
    color: #3333ff;
}

/**** For image option front end ****/
.OptionImg
{
    width: 20px;
}
.NewsDate a
{
    color: #f26522;
    margin-right: 5px;
    text-decoration: none;
}

.NewsText a
{
    color: #6b6bad;
    text-decoration: none;
}

.NewsMore a
{
    color: #7da7d9;
    text-decoration: none;
}

span.Asterisk
{
    color: Red;
    font-weight: bold;
}

h1.GatewayPosting
{
    margin: 30px;
    text-align: center;
    font-size: 24px;
}

p.GatewayPosting
{
    margin: 20px;
    font-size: 16px;
    text-align: center;
}

body.DomainKeyError
{
    font-size: 14px;
}

body.DomainKeyError p
{
    font-size: 14px;
}

body.DomainKeyError li
{
    margin-top: 10px;
    margin-bottom: 10px;
}

div.GroupBox
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    background-color: #f9f9f9;
    padding: 10px;
}

.TableClientHead
{
    background-color: #3399cc;
    color: white;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.RatingRadio td
{
    text-align: center;
}

.RightFloat
{
    float: right;
    vertical-align: middle;
}

Div.MainContent
{
    margin-left: 10px;
    margin-right: 10px;
}

.NewsDetailsPage
{
    margin: 20px 30px 20px 30px;
}

.NewsHeader
{
    text-align: center;
    margin: 30px 0 20px 0;
}

.NewsImage
{
    text-align: center;
}

.NewsContent
{
    text-align: left;
    margin: 30px 0 20px 0;
}

/*-------------------------------  Redesign CSS  -------------------------------*/
/* General override styles */
.ac { text-align:center !important; }
.ar { text-align:right !important; }
.al { text-align:left !important; }
.fr { float:right !important; }
.fl { float:left !important; }
.vt { vertical-align:top !important; }
.vm { vertical-align:middle !important; }
.vb { vertical-align:bottom !important; }
.hide { display:none; }
/* General Color for text */
.textgray { color: #848585; }

.margintop { margin-top:10px; }
.marginbottom { margin-bottom:10px; }


/* Style for box */

#bgHeader{ width: 978px; margin:20px auto 0px auto; }
#bgHeader td#topleft {width:20px; height:20px; background-image:url(../../Images/DesignFront/BGTopLeft.png); background-repeat:no-repeat;  }
#bgHeader td#topcenter {width:938px; height:20px; background-image:url(../../Images/DesignFront/BGTopCenter.png); background-repeat:repeat-x;  }
#bgHeader td#topright {width:20px; height:20px; background-image:url(../../Images/DesignFront/BGTopRight.png); background-repeat:no-repeat; }

#bgCenter{ width: 978px; margin:0px auto 0px auto; }
#bgCenter td#bgLeft {width:11px; background-image:url(../../Images/DesignFront/BGLeft.png); background-repeat:repeat-y;  }
#bgCenter td#bgCenterBody {width:954px; height:20px; background-color: White;}
#bgCenter td#bgRight {width:13px; background-image:url(../../Images/DesignFront/BGRight.png); background-repeat:repeat-y; }

#bgFooter{ width: 978px; margin:0px auto 20px auto; }
#bgFooter td#bottomleft {width:20px; height:20px; background-image:url(../../Images/DesignFront/BGBottomLeft.png); background-repeat:no-repeat;  }
#bgFooter td#bottomcenter {width:938px; height:20px; background-image:url(../../Images/DesignFront/BGBottomCenter.png); background-repeat:repeat-x;  }
#bgFooter td#bottomright {width:20px; height:20px; background-image:url(../../Images/DesignFront/BGBottomRight.png); background-repeat:no-repeat; }


#bgHeaderMenu {width:930px; height:90px; margin:0px auto;}
#bgHeaderMenu td#bgHeaderMenuLogo { width: 642px; }
#bgHeaderMenu td#bgHeaderMenuLogo a#bgHeaderMenuLogoLink { width:338px; height:66px;display:block; }
#bgHeaderMenu td#bgHeaderMenuLogo .bgHeaderMenugoLinkDiv { width:338px; height:66px; background-image:url(../../Images/DesignFront/LogoTakraOnline.png); margin:13px auto 11px 10px; }

#bgHeaderMenu td#bgHeaderMenuLogin { width: 288px; text-align:right; vertical-align:top; }
#bgHeaderMenu td#bgHeaderMenuLogin ul{ margin:9px 0px auto auto; padding-left:0px; }
#bgHeaderMenu td#bgHeaderMenuLogin a { text-decoration:none; color: #848585; }
#bgHeaderMenu td#bgHeaderMenuLogin a:hover { color: Black; }
#bgHeaderMenu td#bgHeaderMenuLogin li { display:inline; padding-left:15px; }
#bgHeaderMenu td#bgHeaderMenuLogin li#bgHeaderMenuLoginLink{background-image:url(../../Images/DesignFront/icon_Login.png); background-repeat: no-repeat; color: #848585;}
#bgHeaderMenu td#bgHeaderMenuLogin li#bgHeaderMenuLoginLink a{ margin-right:3px; }
#bgHeaderMenu td#bgHeaderMenuLogin li#bgHeaderMenuCartLink{background-image:url(../../Images/DesignFront/icon_Cart.png); background-repeat: no-repeat;}


#bgHeaderMenuBar{ width: 930px; margin:0px auto 10px auto; }
#bgHeaderMenuBar td#bgHeaderMenuBarLeft {width:10px; height:31px; background-image:url(../../Images/DesignFront/bgHeaderMenuBarLeft.png); background-repeat:no-repeat;  }
#bgHeaderMenuBar td#bgHeaderMenuBarCenter {width:910px; height:31px; background-image:url(../../Images/DesignFront/bgHeaderMenuBarCenter.png); background-repeat:repeat-x; text-align:right;}
#bgHeaderMenuBar td#bgHeaderMenuBarCenter ul{margin:0px; padding-left:0px;}
#bgHeaderMenuBar td#bgHeaderMenuBarCenter li{display:inline; list-style:none;}
#bgHeaderMenuBar td#bgHeaderMenuBarCenter a{color:White; text-decoration:none; margin:0px 0px 0px 7px; font-weight:bold; font-size:12px;}
#bgHeaderMenuBar td#bgHeaderMenuBarCenter a:hover{ color: #a2dafa; }
#bgHeaderMenuBar td#bgHeaderMenuBarRight {width:10px; height:31px; background-image:url(../../Images/DesignFront/bgHeaderMenuBarRight.png); background-repeat:no-repeat; }


#MainBoxTop{ width: 927px; margin:0px auto 0px auto; }
#MainBoxTop td#MainBoxTopLeft {width:12px; height:12px; background-image:url(../../Images/DesignFront/MainBoxTopLeft.png); background-repeat:no-repeat;  }
#MainBoxTop td#MainBoxTopCenter {width:903px; height:12px; background-image:url(../../Images/DesignFront/MainBoxTopCenter.png); background-repeat:repeat-x;  }
#MainBoxTop td#MainBoxTopRight {width:12px; height:12px; background-image:url(../../Images/DesignFront/MainBoxTopRight.png); background-repeat:no-repeat; }

#MainBoxBody{ width: 927px; margin:0px auto 0px auto; }
#MainBoxBody td#MainBoxLeft {width:2px; background-color: #dcdbdb; }
#MainBoxBody td#MainBoxCenter {width:923px;background-color: White; }
#MainBoxBody td#MainBoxRight {width:2px; background-color: #dcdbdb; }

#MainBoxBottom{ width: 927px; margin:0px auto 0px auto; }
#MainBoxBottom td#MainBoxBottomLeft {width:12px; height:12px; background-image:url(../../Images/DesignFront/MainBoxBottomLeft.png); background-repeat:no-repeat;  }
#MainBoxBottom td#MainBoxBottomCenter {width:903px; height:12px; background-image:url(../../Images/DesignFront/MainBoxBottomCenter.png); background-repeat:repeat-x;  }
#MainBoxBottom td#MainBoxBottomRight {width:12px; height:12px; background-image:url(../../Images/DesignFront/MainBoxBottomRight.png); background-repeat:no-repeat; }

.CssLine { margin:0px auto; background-image:url(../../Images/DesignFront/line.png); background-repeat:repeat-x; height:1px; font-size:1px; }

#bannerTable a{color: #4d4d4d; font-size:12px; margin:0px auto; font-weight:bold; text-decoration:none; }
#bannerTable td { vertical-align:top; text-align:center; padding:4px; }
a#buttonDemo { width:85px; height:85px; display:block; }
.buttonDemoDiv { width:85px; height:85px; background-image:url(../../Images/DesignFront/ButtonDemo.png); margin:5px auto; }
a#buttonClient { width:85px; height:85px; display:block; }
.buttonClientDiv { width:85px; height:85px; background-image:url(../../Images/DesignFront/ButtonClient.png); margin:5px auto; }

a#bannerClient { width:448px; height:234px; display:block;   }
.bannerClientDiv { width:448px; height:234px; background-image:url(../../Images/DesignFront/BannerClientGallery.png);margin:0px; }

#titleGreenBar{ width: 434px; margin:0px auto 0px auto; }
#titleGreenBar td#titleGreenBarLeft {width:10px; height:31px; background-image:url(../../Images/DesignFront/bgGrreenTitleLeft.png); background-repeat:no-repeat;  }
#titleGreenBar td#titleGreenBarCenter {width:414px; height:31px; background-image:url(../../Images/DesignFront/bgGreenTitleCenter.png); background-repeat:repeat-x; text-align:left; color:White; font-weight:bold; font-size:18px; padding-left:15px; font-style:italic;}
#titleGreenBar td#titleGreenBarCenter div {width:179px; height:25px; background-image:url(../../Images/DesignFront/GreenTitle.png); background-repeat:repeat-x;}
#titleGreenBar td#titleGreenBarRight {width:10px; height:31px; background-image:url(../../Images/DesignFront/bgGreenTitleRight.png); background-repeat:no-repeat; }


#GreenBoxTop{ width: 443px; margin:0px auto 0px auto; }
#GreenBoxTop td#GreenBoxTopLeft {width:10px; height:10px; background-image:url(../../Images/DesignFront/GreenBoxTopLeft.png); background-repeat:no-repeat;  }
#GreenBoxTop td#GreenBoxTopCenter {width:423px; height:10px; background-image:url(../../Images/DesignFront/GreenBoxTopCenter.png); background-repeat:repeat-x;  }
#GreenBoxTop td#GreenBoxTopRight {width:10px; height:10px; background-image:url(../../Images/DesignFront/GreenBoxTopRight.png); background-repeat:no-repeat; }

#GreenBoxBody{ width: 443px; margin:0px auto 0px auto; }
#GreenBoxBody td#GreenBoxLeft {width:1px; background-color: #cedbf0; }
#GreenBoxBody td#GreenBoxCenter {width:441px; height: 214px; background-color:White; text-align:left; vertical-align:top; }
#GreenBoxBody td#GreenBoxCenter ul{ padding-left:0px; margin:10px auto auto 25px; list-style:none; }
#GreenBoxBody td#GreenBoxCenter li{ background-image:url(../../Images/DesignFront/bullet_green.png); background-position:0px 9px; background-repeat:no-repeat; padding-left:15px; line-height:20px; }
#GreenBoxBody td#GreenBoxRight {width:1px; background-color: #cedbf0; }

#GreenBoxBottom{ width: 443px; margin:0px auto 0px auto; }
#GreenBoxBottom td#GreenBoxBottomLeft {width:10px; height:10px; background-image:url(../../Images/DesignFront/GreenBoxBottomLeft.png); background-repeat:no-repeat;  }
#GreenBoxBottom td#GreenBoxBottomCenter {width:423px; height:12px; background-image:url(../../Images/DesignFront/GreenBoxBottomCenter.png); background-repeat:repeat-x;  }
#GreenBoxBottom td#GreenBoxBottomRight {width:10px; height:10px; background-image:url(../../Images/DesignFront/GreenBoxBottomRight.png); background-repeat:no-repeat; }

a#GreenMore { width:83px; height:14px;display:block; }
.GreenMoreDiv { width:83px; height:14px; background-image:url(../../Images/DesignFront/GreenMore.png); display:block; margin:auto 10px auto auto; }

#GrayBoxTop{ width: 896px; margin:0px auto 0px auto; }
#GrayBoxTop td#GrayBoxTopLeft {width:10px; height:10px; background-image:url(../../Images/DesignFront/GrayBoxTopLeft.png); background-repeat:no-repeat;  }
#GrayBoxTop td#GrayBoxTopCenter {width:876px; height:10px; background-image:url(../../Images/DesignFront/GrayBoxTopCenter.png); background-repeat:repeat-x;  }
#GrayBoxTop td#GrayBoxTopRight {width:10px; height:10px; background-image:url(../../Images/DesignFront/GrayBoxTopRight.png); background-repeat:no-repeat; }

#GrayBoxBody{ width: 896px; margin:0px auto 0px auto; color:#4d4d4d; }
#GrayBoxBody td#GrayBoxLeft {width:1px; background-color: #dcdbdb; }
#GrayBoxBody td#GrayBoxCenter {width:894px; height: 214px; background-color:White; text-align:left; vertical-align:top; }
#GrayBoxBody td#GrayBoxCenter ul{ padding-left:0px; margin:15px 0px 0px 0px; list-style:none; float:left; }
#GrayBoxBody td#GrayBoxCenter ul#ul1 { margin-left:15px; }
#GrayBoxBody td#GrayBoxCenter ul#ul2 { margin-left:70px; }
#GrayBoxBody td#GrayBoxCenter li{ background-image:url(../../Images/DesignFront/bullet_orange.png); background-position:0px 15px; background-repeat:no-repeat; padding-left:15px; line-height:30px; }
#GrayBoxBody td#GrayBoxCenter img{ margin:50px auto auto 210px; }
#GrayBoxBody td#GrayBoxRight {width:1px; background-color: #dcdbdb; }

#GrayBoxBottom{ width: 896px; margin:0px auto 0px auto; }
#GrayBoxBottom td#GrayBoxBottomLeft {width:10px; height:10px; background-image:url(../../Images/DesignFront/GrayBoxBottomLeft.png); background-repeat:no-repeat;  }
#GrayBoxBottom td#GrayBoxBottomCenter {width:876px; height:12px; background-image:url(../../Images/DesignFront/GrayBoxBottomCenter.png); background-repeat:repeat-x;  }
#GrayBoxBottom td#GrayBoxBottomRight {width:10px; height:10px; background-image:url(../../Images/DesignFront/GrayBoxBottomRight.png); background-repeat:no-repeat; }

#titleOrangeBar{ width: 883px; margin:0px auto 0px auto; }
#titleOrangeBar td#titleOrangeBarLeft {width:10px; height:31px; background-image:url(../../Images/DesignFront/bgOrangeLeft.png); background-repeat:no-repeat;  }
#titleOrangeBar td#titleOrangeBarCenter {width:863px; height:31px; background-image:url(../../Images/DesignFront/bgOrangeCenter.png); background-repeat:repeat-x; text-align:left; color:White; font-weight:bold; font-size:18px; padding-left:15px; font-style:italic;}
#titleOrangeBar td#titleOrangeBarCenter div {width:164px; height:25px; background-image:url(../../Images/DesignFront/OrangeTitle.png); background-repeat:repeat-x;}
#titleOrangeBar td#titleOrangeBarRight {width:10px; height:31px; background-image:url(../../Images/DesignFront/bgOrangeRight.png); background-repeat:no-repeat; }


.softWareLeft { width:800px; float:left; padding-left:2px; }
.softWareRight { width: 113px; float:right; text-align:center; display:table; }
.softWareRight a{color: #4d4d4d; font-size:12px; margin:0px auto; font-weight:bold; text-decoration:none; }
.softwareRight div { width:85px; margin:0px auto; text-align:center; }


/*------------------- CssGrayBox ----------------*/

.CssGrayBox { width:804px; margin:0px 0px 0px auto; display:table; }

.CssGrayBoxTop { display:table; margin:0px;}
.CssGrayBoxTop div { font-size:4px; float:left; height:7px; display:inline; }
.CssGrayBoxTopLeft { background-image: url(../../Images/DesignSoftware/GrayBoxTopLeft.png);
	background-repeat: no-repeat; width:  7px;}
.CssGrayBoxTopCenter { background-image: url(../../Images/DesignSoftware/GrayBoxTopCenter.png);
	background-repeat: repeat-x; width: 790px;}
.CssGrayBoxTopRight { background-image: url(../../Images/DesignSoftware/GrayBoxTopRight.png);
	background-repeat: no-repeat;width:  7px; }
.CssGrayBoxCenter{ border-left:#dddcdc 1px solid; border-right:#dddcdc 1px solid; width:802px; background-color:White; margin:0px;  display:table; }

.CssGrayBoxBottom { display:table;  }
.CssGrayBoxBottom div { font-size:4px; float:left; height:7px;}
.CssGrayBoxBottomLeft {	background-image: url(../../Images/DesignSoftware/GrayBoxBottomLeft.png);
	background-repeat: no-repeat;		
	width:  7px; }
.CssGrayBoxBottomCenter { width: 790px;
	background-image: url(../../Images/DesignSoftware/GrayBoxBottomCenter.png);
	background-repeat: repeat-x;}
.CssGrayBoxBottomRight { background-image: url(../../Images/DesignSoftware/GrayBoxBottomRight.png);
	background-repeat: no-repeat;		
	width:  7px; }

/*------------------- CssGrayBox End ----------------*/

.CssSoftwareTop{ text-align:left; margin-left:50px; }
.CssSoftwareTop img { margin: auto auto 20px 0px; }
.CssSoftwareTop strong { color: #38aaeb }
.CssSoftwareCenter { text-align:left; margin:15px 0px; }

.CssSoftwareImage { margin:0px auto 0px 170px; }
.CssSoftwareCenter .CssGreenList{ list-style:none; padding:0px; margin:10px auto 10px 170px; color:#5d5d5d; }
.CssSoftwareCenter .CssGreenList li { background-image:url(../../Images/DesignSoftware/bulletGreen.png); background-position:0px 4px; background-repeat:no-repeat; text-align:left; padding-left:15px; }

.CssSoftwareBottom { }

.CssLinkGreenMore {width:53px; height:19px; background-image:url(../../Images/DesignSoftware/buttonMore.png); display:block; margin:auto auto auto 170px; }

/*------------------- CssGreenBox ----------------*/
.CssGreenBox { width:526px; margin:0px auto 20px 150px; display:table; clear:both; }

.CssGreenBoxTop { display:table; margin:0px;}
.CssGreenBoxTop div { font-size:4px; float:left; height:11px; display:inline; }
.CssGreenBoxTopLeft { background-image: url(../../Images/DesignSoftware/GreenBoxTopLeft.png);
	background-repeat: no-repeat; width:  11px;}
.CssGreenBoxTopCenter { background-image: url(../../Images/DesignSoftware/GreenBoxTopCenter.png);
	background-repeat: repeat-x; width: 504px;}
.CssGreenBoxTopRight { background-image: url(../../Images/DesignSoftware/GreenBoxTopRight.png);
	background-repeat: no-repeat;width:  11px; }
	
.CssGreenBoxCenter{ border-left:solid 2px #8ccd67; border-right:solid 2px #8ccd67; width:522px; background-color:White; margin:0px; display:table; }
.CssGreenBoxCenter img { float:left; margin:auto auto auto 10px; }
.CssGreenBoxCenter .text { float:left; text-align:left; margin:auto auto auto 10px; width:250px; display:inline; }
.CssGreenBoxCenter .text .title { color:#6ca54c; text-decoration:underline; margin:20px auto 10px 0px;}
.CssGreenBoxCenter .text ul{ list-style:none; padding:0px; margin:2px auto auto 0px; display:table; width:250px}
.CssGreenBoxCenter .text li { display:table; width:250px;}
.CssGreenBoxCenter .text .product { float:left; color: #5d5d5d; font-weight:bold; }
.CssGreenBoxCenter .text .price { float:right; color: #5d5d5d; }
.CssGreenBoxCenter .text .price strong { color: #f85c07; }

.CssGreenBoxCenter .CssButton { width:85px; height:85px; display:block;  }
.CssGreenBoxCenter .CssButtonDiv {width:85px; height:85px; background-image:url(../../Images/DesignSoftware/ButtonOrder.png);  margin:15px 5px auto auto; float:right; display:inline; }

.CssGreenBoxBottom { display:table; clear:both;  }
.CssGreenBoxBottom div { font-size:4px; float:left; height:11px; display:inline;}
.CssGreenBoxBottomLeft {	background-image: url(../../Images/DesignSoftware/GreenBoxBottomLeft.png);
	background-repeat: no-repeat;		
	width:  11px; }
.CssGreenBoxBottomCenter { width: 504px;
	background-image: url(../../Images/DesignSoftware/GreenBoxBottomCenter.png);
	background-repeat: repeat-x;	 }
.CssGreenBoxBottomRight { background-image: url(../../Images/DesignSoftware/GreenBoxBottomRight.png);
	background-repeat: no-repeat;		
	width:  11px; }
/*------------------- CssGreenBox End ----------------*/


/*------------------- CssPinkBox ----------------*/
.CssPinkBox { width:708px; margin:0px auto 0px 50px; display:table; }

.CssPinkBoxTop { display:table; margin:0px; clear:both;}
.CssPinkBoxTop div { font-size:4px; float:left; height:48px; display:inline; }
.CssPinkBoxTopLeft { background-image: url(../../Images/DesignSoftware/PinkBoxTopLeft.png);
	background-repeat: no-repeat; width:  134px;}
.CssPinkBoxTopCenter { background-image: url(../../Images/DesignSoftware/PinkBoxTopCenter.png);
	background-repeat: repeat-x; width: 564px;}
.CssPinkBoxTopRight { background-image: url(../../Images/DesignSoftware/PinkBoxTopRight.png);
	background-repeat: no-repeat;width:  10px; }
	
.CssPinkBoxCenter{ display:table; margin:0px; clear:both;}
.CssPinkBoxCenter div {float:left;}
.CssPinkBoxLeft { width:18px; height:1px; }
.CssPinkBoxRight {border-left:solid 1px #e47562; border-right:solid 1px #e47562; width:688px; background-color:White; font-size:12px; text-align:left; color: #5d5d5d }
.CssPinkBoxRight ul { padding:0px; margin:5px auto 5px 20px; list-style:none; }

.CssPinkBoxBottom { display:table; margin:0px; clear:both;  }
.CssPinkBoxBottom div { font-size:4px; float:left; height:10px; display:inline;}
.CssPinkBoxBottomLeftBorder { width:18px; }
.CssPinkBoxBottomLeft {	background-image: url(../../Images/DesignSoftware/PinkBoxBottomLeft.png);
	background-repeat: no-repeat;		
	width:  10px; }
.CssPinkBoxBottomCenter { width: 670px;
	background-image: url(../../Images/DesignSoftware/PinkBoxBottomCenter.png);
	background-repeat: repeat-x;	 }
.CssPinkBoxBottomRight { background-image: url(../../Images/DesignSoftware/PinkBoxBottomRight.png);
	background-repeat: no-repeat;		
	width:  10px; }
/*------------------- CssPinkBox End ----------------*/

.CssClear{clear:both; line-height:0; height:0; font-size:0px;}
.CssProductListTitle{width:100%; text-align:left;}
.CssProductListTitle img { margin-left:30px; }

.CssProductList{ width:330px; min-height:50px; }
.CssProductDetail { float:left; width:140px; text-align:left; margin-left:10px; }

.CssProductName { color: #eca848; text-decoration: underline; margin:30px auto 20px 0px; font-weight:bold; }
.CssProductRetailPrice { color: #666868; text-decoration:line-through; margin-bottom:5px; }
.CssProductPrice { color: #666868; margin-bottom:20px; }

.CssProductPreview { float:none; clear:both; width:177px; margin:10px auto 0px 0px; }

.CssProductSample { width:115px; height:23px; background-image:url(../../Images/DesignProductList/ProductPreviewButton.gif); display:block; margin:auto; }

/*------------------- CssProductBox ----------------*/

.CssProductBox { width:177px; margin:0px; display:table; float:left; }

.CssProductBoxTop { display:table; margin:0px; clear:both;}
.CssProductBoxTop div { font-size:4px; float:left; height:10px; display:inline; }
.CssProductBoxTopLeft { background-image: url(../../Images/DesignProductList/ProductTopLeft.gif);
	background-repeat: no-repeat; width:  10px;}
.CssProductBoxTopCenter { background-image: url(../../Images/DesignProductList/ProductTopCenter.gif);
	background-repeat: repeat-x; width: 157px;}
.CssProductBoxTopRight { background-image: url(../../Images/DesignProductList/ProductTopRight.gif);
	background-repeat: no-repeat;width:  10px; }
	
.CssProductBoxCenter{ width:175px; border-left:#38aaeb 1px solid; border-right:#38aaeb 1px solid;  background-color:White; clear:both; display:table; text-align:center; padding:0px }
.CssProductBoxCenter img
{
    margin: 0px auto 0px auto;
    border-right: #dddcdc 1px solid;
    border-top: #dddcdc 1px solid;
    border-left: #dddcdc 1px solid;
    border-bottom: #dddcdc 1px solid;
}

.CssProductBoxBottom { display:table; margin:0px; clear:both;}
.CssProductBoxBottom div { font-size:4px; float:left; height:10px; display:inline;}
.CssProductBoxBottomLeft {	background-image: url(../../Images/DesignProductList/ProductBottomLeft.gif);
	background-repeat: no-repeat;		
	width:  10px; }
.CssProductBoxBottomCenter { width: 157px;
	background-image: url(../../Images/DesignProductList/ProductBottomCenter.gif);
	background-repeat: repeat-x;	 }
.CssProductBoxBottomRight { background-image: url(../../Images/DesignProductList/ProductBottomRight.gif);
	background-repeat: no-repeat;		
	width:  10px; }

/*------------------- CssProductBox End ----------------*/


/*------------------- CssBlueBox ----------------*/

.CssBlueBox { width:744px; margin:0px auto; display:table; }

.CssBlueBoxTop { display:table; margin:0px; clear:both;}
.CssBlueBoxTop div { font-size:4px; float:left; height:6px; display:inline; }
.CssBlueBoxTopLeft { background-image: url(../../Images/DesignProductList/BlueBoxTopLeft.gif);
	background-repeat: no-repeat; width:  6px;}
.CssBlueBoxTopCenter { background-image: url(../../Images/DesignProductList/BlueBoxTopCenter.gif);
	background-repeat: repeat-x; width: 732px;}
.CssBlueBoxTopRight { background-image: url(../../Images/DesignProductList/BlueBoxTopRight.gif);
	background-repeat: no-repeat;width:  6px; }
	
.CssBlueBoxCenter{ width:742px; border-left:#38aaeb 1px solid; border-right:#38aaeb 1px solid;  background-color:#ddf0fb;display:table; text-align:left; padding:0px; color:#666868; }

.CssBlueBoxCenter .CssBlueBoxTopic { width:198px; margin-left:6px; }
.CssBlueBoxCenter .CssBlueBoxTopic div { height:23px; float:left; display:inline; }
.CssBlueBoxCenter .CssBlueBoxTopic .CssBlueBoxTopicLeft { width: 7px; background-image: url(../../Images/DesignProductList/BlueBoxTitleLeft.gif);
	background-repeat: no-repeat; }
.CssBlueBoxCenter .CssBlueBoxTopic .CssBlueBoxTopicCenter { width: 184px; background-image: url(../../Images/DesignProductList/BlueBoxTitleCenter.gif);
	background-repeat: repeat-x; color:White; text-align:center; vertical-align:middle;}
.CssBlueBoxCenter .CssBlueBoxTopic .CssBlueBoxTopicCenter h4 { margin:4px auto; padding:0px; color:White;}	
.CssBlueBoxCenter .CssBlueBoxTopic .CssBlueBoxTopicRight { width: 7px; background-image: url(../../Images/DesignProductList/BlueBoxTitleRight.gif);
	background-repeat: no-repeat; }
	
.CssBlueBoxCenter ul { padding:0px; margin:10px auto 10px 30px; list-style:none; }	

.CssBlueBoxBottom { display:table; margin:0px; clear:both;}
.CssBlueBoxBottom div { font-size:4px; float:left; height:6px; display:inline;}
.CssBlueBoxBottomLeft {	background-image: url(../../Images/DesignProductList/BlueBoxBottomLeft.gif);
	background-repeat: no-repeat;		
	width:  6px; }
.CssBlueBoxBottomCenter { width: 732px;
	background-image: url(../../Images/DesignProductList/BlueBoxBottomCenter.gif);
	background-repeat: repeat-x;	 }
.CssBlueBoxBottomRight { background-image: url(../../Images/DesignProductList/BlueBoxBottomRight.gif);
	background-repeat: no-repeat;		
	width:  6px; }

/*------------------- CssBlueBox End ----------------*/


/*--------------- Feature Page (Temp file) ------------*/
.CssFeatureTop { display:table; margin:0px;}
.CssFeatureTop div { float:left; height:49px; display:inline; }
.CssFeatureTopLeft { background-image: url(../../Images/DesignFeature/FeatureTopLeft.png);
	background-repeat: no-repeat; width:  7px;}
.CssFeatureTopCenter { background-image: url(../../Images/DesignFeature/FeatureTopCenter.png);
	background-repeat: repeat-x; width: 789px;}
.CssFeatureTopRight { background-image: url(../../Images/DesignFeature/FeatureTopRight.png);
	background-repeat: no-repeat;width:  8px; }
	
.CssFeatureTopTitle { float:left; display:inline; margin:5px auto auto 10px; }	

.CssFeatureTopCenter ul { float:right; list-style:none; margin:3px 0px auto auto; text-align:left; }
.CssFeatureTopCenter li { background-repeat: no-repeat; padding-left: 20px; line-height:20px; background-position:0px 5px; }
.CssFeatureTopCenter li.p { background-image:url(../../Images/DesignFeature/FeatureP.png); }
.CssFeatureTopCenter li.e { background-image:url(../../Images/DesignFeature/FeatureE.png); }
	
.softWareRightLine{width: 90px;border-top: black 1px dotted;font-size:1px;margin:5px auto;}	

a.CssFeatureBuyNow { width:85px; height:85px; display:block; }
.CssFeatureBuyNowDiv { width:85px; height:85px; background-image:url(../../Images/DesignFeature/FeatureBuyNow.png);margin:5px auto; }

.FeatureOrange { width:792px; height:230px; background-image:url(../../Images/DesignFeature/FeatureOrangeBox.png); background-repeat:no-repeat; margin:10px auto; }

.FeatureBlue { width:792px; height:135px; background-image:url(../../Images/DesignFeature/FeatureBlueBox.png); background-repeat:no-repeat; margin:10px auto; }
.FeatureGreen { width:792px; height:135px; background-image:url(../../Images/DesignFeature/FeatureGreenBox.png); background-repeat:no-repeat; margin:10px auto; }
.FeaturePurple { width:792px; height:94px; background-image:url(../../Images/DesignFeature/FeaturePurpleBox.png); background-repeat:no-repeat; margin:10px auto; }
.FeatureGray { width:792px; height:164px; background-image:url(../../Images/DesignFeature/FeatureGrayBox.png); background-repeat:no-repeat; margin:10px auto; }
.FeatureGateway { width:792px; height:94px; background-image:url(../../Images/DesignFeature/FeatureGatewayBox.png); background-repeat:no-repeat; margin:10px auto; }

/*--------------- Document Temp --------------*/
.CssDocumentTitle { width:67px; height:34px; background-image:url(../../Images/DesignDocument/TitleDocument.png); background-repeat:no-repeat; margin:auto auto 20px 30px;}
.CssDocumentMessageTop { width:747px; height:100px; background-image:url(../../Images/DesignDocument/MessageTop.png); background-repeat:no-repeat; margin:auto auto auto auto; }
a.CssQuickStartGuide{ width:191px; height:58px; display:block; background-image:url(../../Images/DesignDocument/QuickStart.png); background-repeat:no-repeat; margin:10px auto; }
a.CssUserManual { width:191px; height:58px; display:block; background-image:url(../../Images/DesignDocument/UserManual.png); background-repeat:no-repeat; margin:10px auto; }
a.CssInstallationGuide { width:191px; height:58px; display:block; background-image:url(../../Images/DesignDocument/InstallationGuide.png); background-repeat:no-repeat; margin:10px auto; }
a.CssDesignGuide { width:191px; height:58px; display:block; background-image:url(../../Images/DesignDocument/DesignGuide.png); background-repeat:no-repeat; margin:10px auto; }
.CssDocumentMessageBottom { width:747px; height:74px; background-image:url(../../Images/DesignDocument/MessageBottom.png); background-repeat:no-repeat; margin:auto auto 50px auto; }

/*------------- Client Gallery Temp ------------*/
.CssClientTitle { width:268px; height:58px; background-image:url(../../Images/DesignGallery/TitleClientGallery.gif); background-repeat:no-repeat; margin:20px auto 20px 30px; }
.CssClient1 { width:423px; height:204px; background-image:url(../../Images/DesignGallery/Gallery1.png); background-repeat:no-repeat; margin:20px auto 20px 30px; }
.CssClientLine { width:753px; height:1px; background-color:#c1d792; font-size:1px; margin:0px auto; }
.CssClient2 { width:423px; height:204px; background-image:url(../../Images/DesignGallery/Gallery2.png); background-repeat:no-repeat; margin:20px auto 20px 30px; }
.CssClient3 { width:423px; height:204px; background-image:url(../../Images/DesignGallery/Gallery3.png); background-repeat:no-repeat; margin:20px auto 20px 30px; }

.CssGalleryBox{ width: 384px; height:189px; }
.CssFloatFirst { float:left; display:inline; }
.CssFloatNext { float:left; }
.CssMarginTop { margin-top:10px; }
.CssMarginLeft { margin-left:10px;  }
.CssMarginLeftNext { margin-left:15px; }


/*-----------Green Gallery -----------------*/
.CssGreenTopLeft{ width:7px; height:32px; background-image:url(../../Images/DesignGallery/GalleryGreenTopLeft.gif); background-repeat:no-repeat; float:left; display:inline; }
.CssGreenTopCenter { width:346px; height:32px; background-image:url(../../Images/DesignGallery/GalleryGreenTopCenter.gif); background-repeat:repeat-x; float:left; text-align:left; }
.CssGreenTopCenter div { color:#98bd49; font-weight:bold; margin:15px auto auto 3px; }
.CssGreenTopRight { width:31px; height:32px; background-image:url(../../Images/DesignGallery/GalleryGreenTopRight.gif); background-repeat:no-repeat; float:left; }
.CssGreenBody
{
    width: 382px;
    height: 127px;
    border-right: #c1d792 1px solid;
    border-left: #c1d792 1px solid;
    text-align:left;
    vertical-align:top;
    margin:0px;
    display:block;
}
.CssGreenBody div.detail
{
    color:#545454;
    margin-left:10px;
    margin-top:10px;
    position:absolute;
}

.CssGreenBottomLeft { width:6px; height:30px; background-image:url(../../Images/DesignGallery/GalleryGreenBottomLeft.gif); background-repeat:no-repeat; float:left; display:inline; }
.CssGreenBottomCenter { width:372px; height:30px; background-image:url(../../Images/DesignGallery/GalleryGreenBottomCenter.gif); background-repeat:repeat-x; float:left; text-align:left;}
.CssGreenBottomCenter a { color:#98bd49; text-decoration:underline; font-weight:bold; padding-left:3px; }
.CssGreenBottomRight{ width:6px; height:30px; background-image:url(../../Images/DesignGallery/GalleryGreenBottomRight.gif); background-repeat:no-repeat; float:left;}

/*-----------Green Gallery End-----------------*/

/*-----------Orange Gallery -----------------*/
.CssOrangeTopLeft{ width:7px; height:32px; background-image:url(../../Images/DesignGallery/GalleryOrangeTopLeft.gif); background-repeat:no-repeat; float:left; display:inline; }
.CssOrangeTopCenter { width:346px; height:32px; background-image:url(../../Images/DesignGallery/GalleryOrangeTopCenter.gif); background-repeat:repeat-x; float:left; text-align:left; }
.CssOrangeTopCenter div { color:#ee9c00; font-weight:bold; margin:15px auto auto 3px; }
.CssOrangeTopRight { width:31px; height:32px; background-image:url(../../Images/DesignGallery/GalleryOrangeTopRight.gif); background-repeat:no-repeat; float:left; }
.CssOrangeBody
{
    width: 382px;
    height: 127px;
    border-right: #ee9c00 1px solid;
    border-left: #ee9c00 1px solid;
    text-align:left;
    vertical-align:top;
    margin:0px;
    display:block;
}
.CssOrangeBody div.detail
{
    color:#545454;
    margin-left:10px;
    margin-top:10px;
    position:absolute;
}

.CssOrangeBottomLeft { width:6px; height:30px; background-image:url(../../Images/DesignGallery/GalleryOrangeBottomLeft.gif); background-repeat:no-repeat; float:left; display:inline; }
.CssOrangeBottomCenter { width:372px; height:30px; background-image:url(../../Images/DesignGallery/GalleryOrangeBottomCenter.gif); background-repeat:repeat-x; float:left; text-align:left;}
.CssOrangeBottomCenter a { color:#ee9c00; text-decoration:underline; font-weight:bold; padding-left:3px; }
.CssOrangeBottomRight{ width:6px; height:30px; background-image:url(../../Images/DesignGallery/GalleryOrangeBottomRight.gif); background-repeat:no-repeat; float:left;}
/*-----------Orange Gallery End -----------------*/


/*------------------- CssFeatureOrangeBox ----------------*/

.CssFeatureOrangeBox { width:792px; margin:0px auto; display:table; }

.CssFeatureOrangeBoxTop { display:table; margin:0px; clear:both;}
.CssFeatureOrangeBoxTop div { font-size:4px; float:left; height:15px; }
.CssFeatureOrangeBoxTopLeft { background-image: url(../../Images/DesignFeature/FeatureOrangeBoxTopLeft.png);
	background-repeat: no-repeat; width:  15px; display:inline;}
.CssFeatureOrangeBoxTopCenter { background-image: url(../../Images/DesignFeature/FeatureOrangeBoxTopCenter.png);
	background-repeat: repeat-x; width: 762px;}
.CssFeatureOrangeBoxTopRight { background-image: url(../../Images/DesignFeature/FeatureOrangeBoxTopRight.png);
	background-repeat: no-repeat;width:  15px; }
	
.CssFeatureOrangeBoxCenter{ width:790px; border-left:#ff900e 1px solid; border-right:#ff900e 1px solid;  background-color:#ffffff;display:table; text-align:left; padding:0px; color:#666868; }

.CssFeatureOrangeBoxCenter .CssFeatureOrangeBoxTopic { width:208px; margin-left:6px; }
.CssFeatureOrangeBoxCenter .CssFeatureOrangeBoxTopic div { height:23px; float:left;}
.CssFeatureOrangeBoxCenter .CssFeatureOrangeBoxTopic .CssFeatureOrangeBoxTopicLeft { width: 8px; background-image: url(../../Images/DesignFeature/FeatureOrangeBoxTitleLeft.png);
	background-repeat: no-repeat; display:inline; }
.CssFeatureOrangeBoxCenter .CssFeatureOrangeBoxTopic .CssFeatureOrangeBoxTopicCenter { width: 192px; background-image: url(../../Images/DesignFeature/FeatureOrangeBoxTitleCenter.png);
	background-repeat: repeat-x; color:White; text-align:center; vertical-align:middle;}
.CssFeatureOrangeBoxCenter .CssFeatureOrangeBoxTopic .CssFeatureOrangeBoxTopicCenter h4 { margin:4px auto; padding:0px; color:White;}	
.CssFeatureOrangeBoxCenter .CssFeatureOrangeBoxTopic .CssFeatureOrangeBoxTopicRight { width: 8px; background-image: url(../../Images/DesignFeature/FeatureOrangeBoxTitleRight.png);
	background-repeat: no-repeat; }

.CssFeatureOrangeBoxCenter div.column { width: 260px; float:left; margin: 0px; }
	
.CssFeatureOrangeBoxCenter ul { padding:0px; margin:10px auto auto 10px; list-style:none; }	
.CssFeatureOrangeBoxCenter li { background-position:0px 3px; padding-left:30px; background-repeat:no-repeat; line-height:18px; font-size:11px; }
.CssFeatureOrangeBoxCenter li.e { background-image:url(../../Images/DesignFeature/FeatureOrangeBoxE.png) }
.CssFeatureOrangeBoxCenter li.pe { background-image:url(../../Images/DesignFeature/FeatureOrangeBoxPE.png) }

.CssFeatureOrangeBoxBottom { display:table; margin:0px; clear:both;}
.CssFeatureOrangeBoxBottom div { font-size:4px; float:left; height:15px;}
.CssFeatureOrangeBoxBottomLeft {	background-image: url(../../Images/DesignFeature/FeatureOrangeBoxBottomLeft.png);
	background-repeat: no-repeat;		
	width:  15px; display:inline; }
.CssFeatureOrangeBoxBottomCenter { width: 762px;
	background-image: url(../../Images/DesignFeature/FeatureOrangeBoxBottomCenter.png);
	background-repeat: repeat-x;	 }
.CssFeatureOrangeBoxBottomRight { background-image: url(../../Images/DesignFeature/FeatureOrangeBoxBottomRight.png);
	background-repeat: no-repeat;		
	width:  15px; }

/*------------------- CssFeatureOrangeBox End ----------------*/

/*------------------- CssFeatureBlueBox ----------------*/

.CssFeatureBlueBox { width:792px; margin:0px auto; display:table; }

.CssFeatureBlueBoxTop { display:table; margin:0px; clear:both;}
.CssFeatureBlueBoxTop div { font-size:4px; float:left; height:15px; }
.CssFeatureBlueBoxTopLeft { background-image: url(../../Images/DesignFeature/FeatureBlueBoxTopLeft.png);
	background-repeat: no-repeat; width:  15px; display:inline;}
.CssFeatureBlueBoxTopCenter { background-image: url(../../Images/DesignFeature/FeatureBlueBoxTopCenter.png);
	background-repeat: repeat-x; width: 762px;}
.CssFeatureBlueBoxTopRight { background-image: url(../../Images/DesignFeature/FeatureBlueBoxTopRight.png);
	background-repeat: no-repeat;width:  15px; }
	
.CssFeatureBlueBoxCenter{ width:790px; border-left:#38aaeb 1px solid; border-right:#38aaeb 1px solid;  background-color:#ffffff;display:table; text-align:left; padding:0px; color:#666868; }

.CssFeatureBlueBoxCenter .CssFeatureBlueBoxTopic { width:226px; margin-left:6px; }
.CssFeatureBlueBoxCenter .CssFeatureBlueBoxTopic div { height:23px; float:left;}
.CssFeatureBlueBoxCenter .CssFeatureBlueBoxTopic .CssFeatureBlueBoxTopicLeft { width: 8px; background-image: url(../../Images/DesignFeature/FeatureBlueBoxTopicLeft.png);
	background-repeat: no-repeat; display:inline; }
.CssFeatureBlueBoxCenter .CssFeatureBlueBoxTopic .CssFeatureBlueBoxTopicCenter { width: 210px; background-image: url(../../Images/DesignFeature/FeatureBlueBoxTopicCenter.png);
	background-repeat: repeat-x; color:White; text-align:center; vertical-align:middle;}
.CssFeatureBlueBoxCenter .CssFeatureBlueBoxTopic .CssFeatureBlueBoxTopicCenter h4 { margin:4px auto; padding:0px; color:White;}	
.CssFeatureBlueBoxCenter .CssFeatureBlueBoxTopic .CssFeatureBlueBoxTopicRight { width: 8px; background-image: url(../../Images/DesignFeature/FeatureBlueBoxTopicRight.png);
	background-repeat: no-repeat; }

.CssFeatureBlueBoxCenter div.column { width: 260px; float:left; margin: 0px; }
	
.CssFeatureBlueBoxCenter ul { padding:0px; margin:10px auto auto 10px; list-style:none; }	
.CssFeatureBlueBoxCenter li { background-position:0px 3px; padding-left:30px; background-repeat:no-repeat; line-height:18px; font-size:11px; }
.CssFeatureBlueBoxCenter li.e { background-image:url(../../Images/DesignFeature/FeatureBlueBoxE.png) }
.CssFeatureBlueBoxCenter li.pe { background-image:url(../../Images/DesignFeature/FeatureBlueBoxPE.png) }

.CssFeatureBlueBoxBottom { display:table; margin:0px; clear:both;}
.CssFeatureBlueBoxBottom div { font-size:4px; float:left; height:15px;}
.CssFeatureBlueBoxBottomLeft {	background-image: url(../../Images/DesignFeature/FeatureBlueBoxBottomLeft.png);
	background-repeat: no-repeat;		
	width:  15px; display:inline; }
.CssFeatureBlueBoxBottomCenter { width: 762px;
	background-image: url(../../Images/DesignFeature/FeatureBlueBoxBottomCenter.png);
	background-repeat: repeat-x;	 }
.CssFeatureBlueBoxBottomRight { background-image: url(../../Images/DesignFeature/FeatureBlueBoxBottomRight.png);
	background-repeat: no-repeat;		
	width:  15px; }

/*------------------- CssFeatureBlueBox End ----------------*/

/*------------------- CssFeatureGreenBox ----------------*/

.CssFeatureGreenBox { width:792px; margin:0px auto; display:table; }

.CssFeatureGreenBoxTop { display:table; margin:0px; clear:both;}
.CssFeatureGreenBoxTop div { font-size:4px; float:left; height:15px; }
.CssFeatureGreenBoxTopLeft { background-image: url(../../Images/DesignFeature/FeatureGreenBoxTopLeft.png);
	background-repeat: no-repeat; width:  15px; display:inline;}
.CssFeatureGreenBoxTopCenter { background-image: url(../../Images/DesignFeature/FeatureGreenBoxTopCenter.png);
	background-repeat: repeat-x; width: 762px;}
.CssFeatureGreenBoxTopRight { background-image: url(../../Images/DesignFeature/FeatureGreenBoxTopRight.png);
	background-repeat: no-repeat;width:  15px; }
	
.CssFeatureGreenBoxCenter{ width:790px; border-left:#a0d857 1px solid; border-right:#a0d857 1px solid;  background-color:#ffffff;display:table; text-align:left; padding:0px; color:#666868; }

.CssFeatureGreenBoxCenter .CssFeatureGreenBoxTopic { width:226px; margin-left:6px; }
.CssFeatureGreenBoxCenter .CssFeatureGreenBoxTopic div { height:23px; float:left;}
.CssFeatureGreenBoxCenter .CssFeatureGreenBoxTopic .CssFeatureGreenBoxTopicLeft { width: 8px; background-image: url(../../Images/DesignFeature/FeatureGreenBoxTopicLeft.png);
	background-repeat: no-repeat; display:inline; }
.CssFeatureGreenBoxCenter .CssFeatureGreenBoxTopic .CssFeatureGreenBoxTopicCenter { width: 210px; background-image: url(../../Images/DesignFeature/FeatureGreenBoxTopicCenter.png);
	background-repeat: repeat-x; color:White; text-align:center; vertical-align:middle;}
.CssFeatureGreenBoxCenter .CssFeatureGreenBoxTopic .CssFeatureGreenBoxTopicCenter h4 { margin:4px auto; padding:0px; color:White;}	
.CssFeatureGreenBoxCenter .CssFeatureGreenBoxTopic .CssFeatureGreenBoxTopicRight { width: 8px; background-image: url(../../Images/DesignFeature/FeatureGreenBoxTopicRight.png);
	background-repeat: no-repeat; }

.CssFeatureGreenBoxCenter div.column { width: 260px; float:left; margin: 0px; }
	
.CssFeatureGreenBoxCenter ul { padding:0px; margin:10px auto auto 10px; list-style:none; }	
.CssFeatureGreenBoxCenter li { background-position:0px 3px; padding-left:30px; background-repeat:no-repeat; line-height:18px; font-size:11px; }
.CssFeatureGreenBoxCenter li.e { background-image:url(../../Images/DesignFeature/FeatureGreenBoxE.png) }
.CssFeatureGreenBoxCenter li.pe { background-image:url(../../Images/DesignFeature/FeatureGreenBoxPE.png) }

.CssFeatureGreenBoxBottom { display:table; margin:0px; clear:both;}
.CssFeatureGreenBoxBottom div { font-size:4px; float:left; height:15px;}
.CssFeatureGreenBoxBottomLeft {	background-image: url(../../Images/DesignFeature/FeatureGreenBoxBottomLeft.png);
	background-repeat: no-repeat;		
	width:  15px; display:inline; }
.CssFeatureGreenBoxBottomCenter { width: 762px;
	background-image: url(../../Images/DesignFeature/FeatureGreenBoxBottomCenter.png);
	background-repeat: repeat-x;	 }
.CssFeatureGreenBoxBottomRight { background-image: url(../../Images/DesignFeature/FeatureGreenBoxBottomRight.png);
	background-repeat: no-repeat;		
	width:  15px; }

/*------------------- CssFeatureGreenBox End ----------------*/

/*------------------- CssFeaturePurpleBox ----------------*/

.CssFeaturePurpleBox { width:792px; margin:0px auto; display:table; }

.CssFeaturePurpleBoxTop { display:table; margin:0px; clear:both;}
.CssFeaturePurpleBoxTop div { font-size:4px; float:left; height:15px; }
.CssFeaturePurpleBoxTopLeft { background-image: url(../../Images/DesignFeature/FeaturePurpleBoxTopLeft.png);
	background-repeat: no-repeat; width:  15px; display:inline;}
.CssFeaturePurpleBoxTopCenter { background-image: url(../../Images/DesignFeature/FeaturePurpleBoxTopCenter.png);
	background-repeat: repeat-x; width: 762px;}
.CssFeaturePurpleBoxTopRight { background-image: url(../../Images/DesignFeature/FeaturePurpleBoxTopRight.png);
	background-repeat: no-repeat;width:  15px; }
	
.CssFeaturePurpleBoxCenter{ width:790px; border-left:#bb0e5f 1px solid; border-right:#bb0e5f 1px solid;  background-color:#ffffff;display:table; text-align:left; padding:0px; color:#666868; }

.CssFeaturePurpleBoxCenter .CssFeaturePurpleBoxTopic { width:226px; margin-left:6px; }
.CssFeaturePurpleBoxCenter .CssFeaturePurpleBoxTopic div { height:23px; float:left;}
.CssFeaturePurpleBoxCenter .CssFeaturePurpleBoxTopic .CssFeaturePurpleBoxTopicLeft { width: 8px; background-image: url(../../Images/DesignFeature/FeaturePurpleBoxTopicLeft.png);
	background-repeat: no-repeat; display:inline; }
.CssFeaturePurpleBoxCenter .CssFeaturePurpleBoxTopic .CssFeaturePurpleBoxTopicCenter { width: 210px; background-image: url(../../Images/DesignFeature/FeaturePurpleBoxTopicCenter.png);
	background-repeat: repeat-x; color:White; text-align:center; vertical-align:middle;}
.CssFeaturePurpleBoxCenter .CssFeaturePurpleBoxTopic .CssFeaturePurpleBoxTopicCenter h4 { margin:4px auto; padding:0px; color:White;}	
.CssFeaturePurpleBoxCenter .CssFeaturePurpleBoxTopic .CssFeaturePurpleBoxTopicRight { width: 8px; background-image: url(../../Images/DesignFeature/FeaturePurpleBoxTopicRight.png);
	background-repeat: no-repeat; }

.CssFeaturePurpleBoxCenter div.column { width: 260px; float:left; margin: 0px; }
	
.CssFeaturePurpleBoxCenter ul { padding:0px; margin:10px auto auto 10px; list-style:none; }	
.CssFeaturePurpleBoxCenter li { background-position:0px 3px; padding-left:30px; background-repeat:no-repeat; line-height:18px; font-size:11px; }
.CssFeaturePurpleBoxCenter li.e { background-image:url(../../Images/DesignFeature/FeaturePurpleBoxE.png) }
.CssFeaturePurpleBoxCenter li.pe { background-image:url(../../Images/DesignFeature/FeaturePurpleBoxPE.png) }

.CssFeaturePurpleBoxBottom { display:table; margin:0px; clear:both;}
.CssFeaturePurpleBoxBottom div { font-size:4px; float:left; height:15px;}
.CssFeaturePurpleBoxBottomLeft {	background-image: url(../../Images/DesignFeature/FeaturePurpleBoxBottomLeft.png);
	background-repeat: no-repeat;		
	width:  15px; display:inline; }
.CssFeaturePurpleBoxBottomCenter { width: 762px;
	background-image: url(../../Images/DesignFeature/FeaturePurpleBoxBottomCenter.png);
	background-repeat: repeat-x;	 }
.CssFeaturePurpleBoxBottomRight { background-image: url(../../Images/DesignFeature/FeaturePurpleBoxBottomRight.png);
	background-repeat: no-repeat;		
	width:  15px; }

/*------------------- CssFeaturePurpleBox End ----------------*/


/*------------------- CssFeatureGrayBox ----------------*/

.CssFeatureGrayBox { width:792px; margin:0px auto; display:table; }

.CssFeatureGrayBoxTop { display:table; margin:0px; clear:both;}
.CssFeatureGrayBoxTop div { font-size:4px; float:left; height:15px; }
.CssFeatureGrayBoxTopLeft { background-image: url(../../Images/DesignFeature/FeatureGrayBoxTopLeft.png);
	background-repeat: no-repeat; width:  15px; display:inline;}
.CssFeatureGrayBoxTopCenter { background-image: url(../../Images/DesignFeature/FeatureGrayBoxTopCenter.png);
	background-repeat: repeat-x; width: 762px;}
.CssFeatureGrayBoxTopRight { background-image: url(../../Images/DesignFeature/FeatureGrayBoxTopRight.png);
	background-repeat: no-repeat;width:  15px; }
	
.CssFeatureGrayBoxCenter{ width:790px; border-left:#9f9f9d 1px solid; border-right:#9f9f9d 1px solid;  background-color:#ffffff;display:table; text-align:left; padding:0px; color:#666868; }

.CssFeatureGrayBoxCenter .CssFeatureGrayBoxTopic { width:226px; margin-left:6px; }
.CssFeatureGrayBoxCenter .CssFeatureGrayBoxTopic div { height:23px; float:left;}
.CssFeatureGrayBoxCenter .CssFeatureGrayBoxTopic .CssFeatureGrayBoxTopicLeft { width: 8px; background-image: url(../../Images/DesignFeature/FeatureGrayBoxTopicLeft.png);
	background-repeat: no-repeat; display:inline; }
.CssFeatureGrayBoxCenter .CssFeatureGrayBoxTopic .CssFeatureGrayBoxTopicCenter { width: 210px; background-image: url(../../Images/DesignFeature/FeatureGrayBoxTopicCenter.png);
	background-repeat: repeat-x; color:White; text-align:center; vertical-align:middle;}
.CssFeatureGrayBoxCenter .CssFeatureGrayBoxTopic .CssFeatureGrayBoxTopicCenter h4 { margin:4px auto; padding:0px; color:White;}	
.CssFeatureGrayBoxCenter .CssFeatureGrayBoxTopic .CssFeatureGrayBoxTopicRight { width: 8px; background-image: url(../../Images/DesignFeature/FeatureGrayBoxTopicRight.png);
	background-repeat: no-repeat; }

.CssFeatureGrayBoxCenter div.column { width: 260px; float:left; margin: 0px; }
	
.CssFeatureGrayBoxCenter ul { padding:0px; margin:10px auto auto 10px; list-style:none; }	
.CssFeatureGrayBoxCenter li { background-position:0px 3px; padding-left:30px; background-repeat:no-repeat; line-height:18px; font-size:11px; }
.CssFeatureGrayBoxCenter li.e { background-image:url(../../Images/DesignFeature/FeatureGrayBoxE.png) }
.CssFeatureGrayBoxCenter li.pe { background-image:url(../../Images/DesignFeature/FeatureGrayBoxPE.png) }

.CssFeatureGrayBoxBottom { display:table; margin:0px; clear:both;}
.CssFeatureGrayBoxBottom div { font-size:4px; float:left; height:15px;}
.CssFeatureGrayBoxBottomLeft {	background-image: url(../../Images/DesignFeature/FeatureGrayBoxBottomLeft.png);
	background-repeat: no-repeat;		
	width:  15px; display:inline; }
.CssFeatureGrayBoxBottomCenter { width: 762px;
	background-image: url(../../Images/DesignFeature/FeatureGrayBoxBottomCenter.png);
	background-repeat: repeat-x;	 }
.CssFeatureGrayBoxBottomRight { background-image: url(../../Images/DesignFeature/FeatureGrayBoxBottomRight.png);
	background-repeat: no-repeat;		
	width:  15px; }

/*------------------- CssFeatureGrayBox End ----------------*/

/*------------------- CssFeaturePayBox ----------------*/

.CssFeaturePayBox { width:792px; margin:0px auto; display:table; }

.CssFeaturePayBoxTop { display:table; margin:0px; clear:both;}
.CssFeaturePayBoxTop div { font-size:4px; float:left; height:15px; }
.CssFeaturePayBoxTopLeft { background-image: url(../../Images/DesignFeature/FeaturePayBoxTopLeft.png);
	background-repeat: no-repeat; width:  15px; display:inline;}
.CssFeaturePayBoxTopCenter { background-image: url(../../Images/DesignFeature/FeaturePayBoxTopCenter.png);
	background-repeat: repeat-x; width: 762px;}
.CssFeaturePayBoxTopRight { background-image: url(../../Images/DesignFeature/FeaturePayBoxTopRight.png);
	background-repeat: no-repeat;width:  15px; }
	
.CssFeaturePayBoxCenter{ width:790px; border-left:#0eadbb 1px solid; border-right:#0eadbb 1px solid;  background-color:#ffffff;display:table; text-align:left; padding:0px; color:#666868; }

.CssFeaturePayBoxCenter .CssFeaturePayBoxTopic { width:226px; margin-left:6px; }
.CssFeaturePayBoxCenter .CssFeaturePayBoxTopic div { height:23px; float:left;}
.CssFeaturePayBoxCenter .CssFeaturePayBoxTopic .CssFeaturePayBoxTopicLeft { width: 8px; background-image: url(../../Images/DesignFeature/FeaturePayBoxTopicLeft.png);
	background-repeat: no-repeat; display:inline; }
.CssFeaturePayBoxCenter .CssFeaturePayBoxTopic .CssFeaturePayBoxTopicCenter { width: 210px; background-image: url(../../Images/DesignFeature/FeaturePayBoxTopicCenter.png);
	background-repeat: repeat-x; color:White; text-align:center; vertical-align:middle;}
.CssFeaturePayBoxCenter .CssFeaturePayBoxTopic .CssFeaturePayBoxTopicCenter h4 { margin:4px auto; padding:0px; color:White;}	
.CssFeaturePayBoxCenter .CssFeaturePayBoxTopic .CssFeaturePayBoxTopicRight { width: 8px; background-image: url(../../Images/DesignFeature/FeaturePayBoxTopicRight.png);
	background-repeat: no-repeat; }

.CssFeaturePayBoxCenter div.column { width: 260px; float:left; margin: 0px; }
	
.CssFeaturePayBoxCenter ul { padding:0px; margin:10px auto auto 10px; list-style:none; }	
.CssFeaturePayBoxCenter li { background-position:0px 3px; padding-left:30px; background-repeat:no-repeat; line-height:18px; font-size:11px; }
.CssFeaturePayBoxCenter li.e { background-image:url(../../Images/DesignFeature/FeaturePayBoxE.png) }
.CssFeaturePayBoxCenter li.pe { background-image:url(../../Images/DesignFeature/FeaturePayBoxPE.png) }

.CssFeaturePayBoxBottom { display:table; margin:0px; clear:both;}
.CssFeaturePayBoxBottom div { font-size:4px; float:left; height:15px;}
.CssFeaturePayBoxBottomLeft {	background-image: url(../../Images/DesignFeature/FeaturePayBoxBottomLeft.png);
	background-repeat: no-repeat;		
	width:  15px; display:inline; }
.CssFeaturePayBoxBottomCenter { width: 762px;
	background-image: url(../../Images/DesignFeature/FeaturePayBoxBottomCenter.png);
	background-repeat: repeat-x;	 }
.CssFeaturePayBoxBottomRight { background-image: url(../../Images/DesignFeature/FeaturePayBoxBottomRight.png);
	background-repeat: no-repeat;		
	width:  15px; }

/*------------------- CssFeaturePayBox End ----------------*/


/*------------------- CssSolidPinkBox ----------------*/

.CssSolidPinkBox { width:747px; margin:0px auto; display:table; }

.CssSolidPinkBoxTop { display:table; margin:0px; clear:both;}
.CssSolidPinkBoxTop div { font-size:4px; float:left; height:9px; }
.CssSolidPinkBoxTopLeft { background-image: url(../../Images/DesignDocument/SolidPinkBoxTopLeft.png);
	background-repeat: no-repeat; width:  9px; display:inline;}
.CssSolidPinkBoxTopCenter {width: 729px; background-color: #f5e5ef;}
.CssSolidPinkBoxTopRight { background-image: url(../../Images/DesignDocument/SolidPinkBoxTopRight.png);
	background-repeat: no-repeat;width:  9px; }

/*------------------------------------------------------*/
	
.CssSolidPinkBoxCenter{ width:745px; border-left:#f5e5ef 1px solid; border-right:#f5e5ef 1px solid;  background-color:#f5e5ef;display:table; text-align:left; padding:0px;   }
.CssSolidPinkBoxCenter p { text-indent: 20px; margin:0px 10px; color:#848585; font-size:12px; line-height:17px; }
.CssSolidPinkBoxCenter div { margin:5px auto; color:#848585; font-size:12px; line-height:17px; text-align:center; }
.CssSolidPinkBoxCenter a { color: #ca6da9; text-decoration: underline; }

.buttonLine { margin:0px auto; width:198px; }
.buttonLinkText { float:left; margin: 25px auto auto 20px; width:120px; text-align:left;}
.buttonLinkText a { color:#848585; text-decoration:none; font-weight:bold; }

.buttonQuickStart { width:58px; float:left; display:inline; }
.buttonQuickStart a{ width:58px; height:58px; display:block; }
.buttonQuickStart div { width:58px; height:58px; background-image:url(../../Images/DesignDocument/QuickStart.png); margin:5px auto; }

.buttonManual { width:58px; float:left; display:inline; }
.buttonManual a{ width:58px; height:58px; display:block; }
.buttonManual div { width:58px; height:58px; background-image:url(../../Images/DesignDocument/UserManual.png); margin:5px auto; }

.buttonInstall { width:58px; float:left; display:inline; }
.buttonInstall a{ width:58px; height:58px; display:block; }
.buttonInstall div { width:58px; height:58px; background-image:url(../../Images/DesignDocument/Install.png); margin:5px auto; }

.buttonDesign { width:58px; float:left; display:inline; }
.buttonDesign a{ width:58px; height:58px; display:block; }
.buttonDesign div { width:58px; height:58px; background-image:url(../../Images/DesignDocument/Design.png); margin:5px auto; }

.buttonEnManual { width:58px; float:left; display:inline; }
.buttonEnManual a{ width:58px; height:58px; display:block; }
.buttonEnManual div { width:58px; height:58px; background-image:url(../../Images/DesignDocument/EnterpriseManual.gif); margin:5px auto; }

.buttonEnInstall { width:58px; float:left; display:inline; }
.buttonEnInstall a{ width:58px; height:58px; display:block; }
.buttonEnInstall div { width:58px; height:58px; background-image:url(../../Images/DesignDocument/EnterpriseInstall.gif); margin:5px auto; }

/*------------------------------------------------------*/

.CssSolidPinkBoxBottom { display:table; margin:0px; clear:both;}
.CssSolidPinkBoxBottom div { font-size:4px; float:left; height:9px;}
.CssSolidPinkBoxBottomLeft {	background-image: url(../../Images/DesignDocument/SolidPinkBoxBottomLeft.png);
	background-repeat: no-repeat;		
	width:  9px; display:inline; }
.CssSolidPinkBoxBottomCenter { width: 729px; background-color: #f5e5ef; }
.CssSolidPinkBoxBottomRight { background-image: url(../../Images/DesignDocument/SolidPinkBoxBottomRight.png);
	background-repeat: no-repeat;		
	width:  9px; }

/*------------------- CssSolidPinkBox End ----------------*/

.CssDomainKeyRequest td { line-height:20px; height:20px; }
.CssDomainKeyRequest input
{
    border: #ff9f38 1px solid;
    background-color: #fcfad7;
}

.CssDomainKeySummary
{
   border: #ff9f38 3px solid; 
   width: 400px;
   height: 182px;
   margin: 10px auto;
   text-align:left;
}

.CssDomainKeySummary img
{
   margin:10px auto;
}

.DomainKeySummaryDiv
{
    margin: 5px auto auto 10px;   
}

.DomainKeySummaryTopic
{
    color: #ee9c00;
    margin-right: 10px;
    font-weight: bold;   
}

/*--------------- Demo Page --------------*/
.DemoBox { width: 317px; margin-top:20px; }
.CssDemoProFront { width:315px; height:273px; background-image:url(../../Images/DesignDemo/ProFront.gif); background-repeat:no-repeat; margin:10px auto;}
.CssDemoProFront a { width:315px; height:273px; display:block; }
.CssButtonDemoProFront { width:254px; height:32px; background-image:url(../../Images/DesignDemo/ButtonProFront.gif); background-repeat:no-repeat; margin:0px auto; }
.CssButtonDemoProFront a { width:254px; height:32px; display:block; }

.CssDemoEntFront { width:315px; height:273px; background-image:url(../../Images/DesignDemo/EnterpriseFront.gif); background-repeat:no-repeat; margin:10px auto;}
.CssDemoEntFront a { width:315px; height:273px; display:block; }
.CssButtonDemoEntFront { width:254px; height:32px; background-image:url(../../Images/DesignDemo/ButtonEnFront.gif); background-repeat:no-repeat; margin:0px auto; }
.CssButtonDemoEntFront a { width:254px; height:32px; display:block; }

.CssDemoProBack { width:317px; height:197px; background-image:url(../../Images/DesignDemo/ProBack.gif); background-repeat:no-repeat; margin:10px auto;}
.CssDemoProBack a { width:317px; height:197px; display:block; }
.CssButtonDemoProBack { width:254px; height:32px; background-image:url(../../Images/DesignDemo/ButtonProAdmin.gif); background-repeat:no-repeat; margin:10px auto; }
.CssButtonDemoProBack a { width:254px; height:32px; display:block; }

.CssDemoEntBack { width:317px; height:197px; background-image:url(../../Images/DesignDemo/EnterpriseBack.gif); background-repeat:no-repeat; margin:10px auto;}
.CssDemoEntBack a { width:317px; height:197px; display:block; }
.CssButtonDemoEntBack { width:254px; height:32px; background-image:url(../../Images/DesignDemo/ButtonEnBack.gif); background-repeat:no-repeat; margin:10px auto; }
.CssButtonDemoEntBack a { width:254px; height:32px; display:block; }

.UserPassPro { color:#737373; width:150px; margin:0px auto; font-weight:bold; }
.UserPassPro strong { color:#38aaeb; padding-right:10px; }
.UserPassEnt { color:#737373; width:150px; margin:0px auto; font-weight:bold; }
.UserPassEnt strong { color:#537c25; padding-right:10px; }