﻿body {
}

.PagesPicDiv {
    clear: both;
    position: relative;
    width: 100%;
    text-align: center;
    height: 150px;
    margin-top: 10px;
    background-color: #fff;
    background: linear-gradient(rgba(255,255,255,0), #fff);
}

.Pagelinks {
    text-decoration: none !important;
    color: #333 !important;
}

.Pagelinks:hover {
    text-decoration: none !important;
    color: #ffa500 !important;
}

.Pagelinks:visited {
    text-decoration: none !important;
    color: #333 !important;
}

.Pagelinks:active {
    text-decoration: none !important;
}


.PagesPic_Products {
    display: inline-block;
    position: relative;
    width: 1100px;
    text-align: center;
    height: 150px;
    background-image: url('../images/PagesPic_Products.jpg');
    box-shadow: rgba(0,0,0,0.5) 0 0 20px;
    border-radius: 0px;
    border: solid 5px #EEE;
}

.PagesPic_pages {
    display: inline-block;
    position: relative;
    width: 1100px;
    text-align: center;
    height: 150px;
    background-image: url('../images/PagesPic_pages.jpg');
    box-shadow: rgba(0,0,0,0.5) 0 0 20px;
    border-radius: 0px;
    border: solid 5px #EEE;
}

.PagesPic_News {
    display: inline-block;
    position: relative;
    width: 1100px;
    text-align: center;
    height: 150px;
    background-image: url('../images/PagesPic_News.jpg');
    box-shadow: rgba(0,0,0,0.5) 0 0 20px;
    border-radius: 0px;
    border: solid 5px #EEE;
}

.PagesPic_Article {
    display: inline-block;
    position: relative;
    width: 1100px;
    text-align: center;
    height: 150px;
    background-image: url('../images/PagesPic_Training.jpg');
    box-shadow: rgba(0,0,0,0.5) 0 0 20px;
    border-radius: 0px;
    border: solid 5px #EEE;
}


.PagesMainDiv {
    background-color: #FFF;
    width: 100%;
    min-height: 600px;
    text-align: center;
}

.PagescontentDiv {
    display: inline-block;
    width: 1100px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    border-bottom: groove 2px #ffc300;
}

.ProductcontentDiv {
    display: inline-block;
    width: 1100px;
    min-height: 500px;
}

.ProductTitleDiv {
    display: inline-block;
    width: 1100px;
    height: 50px;
    text-align: justify;
    text-shadow: 1px 1px 2px #888;
    line-height: 50px;
    vertical-align: top;
    color: #333;
}

.ProductTextDiv {
    display: inline-block;
    position: relative;
    width: 1100px;
    text-align: justify;
    line-height: 25px;
    vertical-align: top;
    color: #333;
    margin-bottom: 50px;
}

.ProductPic-catalogue-Div {
    display: block;
    position: relative;
    width: 500px;
    vertical-align: top;
}

.ProductPicDiv {
    display: inline-block;
    width: 500px;
    height: 420px;
    text-align: center;
    vertical-align: top;
    color: #666;
}

.ProductCatalogueDiv {
    display: inline-block;
    width: 500px;
    height: 100px;
    text-align: center;
    vertical-align: top;
    color: #666;
    margin-top: 20px;
    margin-bottom: 20px;
    background:transparent  url("../Images/DownloadCat500.png") no-repeat;
}

.ProductCatalogueText {
    display: inline-block;
    width: 350px;
    height: 55px;
    line-height: 55px;
    vertical-align: top;
    color: #333;
    text-shadow: 1px 1px 2px #888;
    vertical-align: top;
}

.Navigator {
    display: inline-block;
    position: relative;
    clear: both;
    width: 1100px;
    height: 30px;
    line-height: 30px;
    background: #EEE;
    margin-top: 0px;
    margin-bottom: 5px;
}

.inPagecontentDiv {
    display: inline-block;
    width: 800px;
    min-height: 500px;
}

.inPageTitleDiv {
    display: inline-block;
    width: 800px;
    height: 50px;
    text-align: justify;
    text-shadow: 1px 1px 2px #888;
    line-height: 50px;
    vertical-align: top;
    color: #333;
}

.inPageTextDiv {
    display: inline-block;
    width: 760px;
    text-align: justify;
    line-height: 30px;
    vertical-align: top;
    color: #444;
}

.inPagePicDiv {
    display: inline-block;
    width: 280px;
    text-align: center;
    vertical-align: top;
}

.inPagePic {
    display: inline-block;
    width: 280px;
    border: solid 4px #FFF;
    border-radius: 0px;
    box-shadow: #999 0px 0px 5px ;
    vertical-align: top;
}


/*News List Page*/

.NewsPagecontentDiv {
    display: inline-block;
    width: 850px;
    min-height: 500px;
}

.NewsPageTitleDiv {
    display: inline-block;
    width: 850px;
    height: 50px;
    text-align: justify;
    text-shadow: 1px 1px 2px #888;
    line-height: 50px;
    vertical-align: top;
    color: #333;
}

.NewsContentDiv {
    display: inline-block;
    width: 810px;
    text-align: justify;
    vertical-align: top;
    color: #444;
    background-color: #FFF;
}

.NewsTitleDiv {
    display: block;
    position: relative;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    background-repeat: no-repeat;

}

.NewsDate {
    display: block;
    position: relative;
    line-height: 40px;
    vertical-align: top;
}

.NewsTitleDiv P {
    text-align: justify;
    line-height: 30px;
    vertical-align: middle;
}

.NewsSummaryDiv {
    display: block;
    position: relative;
    height: 120px;
    text-align: justify;
    line-height: 25px;
    vertical-align: top;
    
}

.NewsMoreKey {
    display: block;
    position: relative;
    width: 65px;
    height: 21px;
    vertical-align: bottom;
    margin-top: 35px;
    text-align: center;
    line-height: 21px;
    background-color: #EEE;
    border: solid 1px #777;
    box-shadow: #888 1px 1px 2px;
}

.NewsListPicDiv {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 150px;
    text-align: center;
}

.NewsListPic {
    display: inline-block;
    width: 150px;
    border: solid 2px #FFF;
    border-radius: 0px;
    box-shadow: #999 1px 1px 3px ;
    vertical-align: top;
}

.NewsPageDivider {
    clear: both;
    display: inline-block;
    width: 800px;
    position: relative;
    background-image: url("../Images/NewsPageDivider.png") ;
    height: 18px;
    margin-top: 25px;
}

.NewsPageLeftBar {
    width: 249px;
    min-height: 300px;
    display: block;
    text-align: center;
    position: relative;
    background-image: url("../Images/NewsPageLeftPanel.png");
    background-repeat: no-repeat;
    background-position: top;
}

.NewsPageLeftBarTitle {
    display: block;
    position: relative;
    vertical-align: top;
    height: 50px;
    line-height: 32px;
    text-shadow: 1px 1px 2px #999;
    color: #444;
    text-align: center;
    background-image: url("../Images/NewsPageLeftPanel.png");
    background-repeat: no-repeat;
    background-position: bottom;
}

.NewsPageLeftBarNewsCat {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 200px;
    height: 200px;
    line-height: 10px;
    color: #444;
    text-align: justify;
}

/*News Show Page*/

.NewsTextDiv {
    display: block;
    position: relative;
    text-align: justify;
    line-height: 25px;
    vertical-align: top;
    min-height: 500px;
}

.NewsShowPicDiv {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 200px;
    text-align: center;
}

.NewsShowPic {
    display: inline-block;
    width: 200px;
    border: solid 2px #FFF;
    border-radius: 0px;
    box-shadow: #999 1px 1px 3px ;
    vertical-align: top;
}