.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w47-5{ width: 47.5%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w100{ width: 100% !important; }



.ps-button, .ps-button:visited{
    display: block; line-height: 50px; padding: 0; border: 0px solid #666; border-radius: 5px;
    color: white; text-decoration: none; text-align: center; box-sizing: border-box;
    transition: all .1s ease-in;
}
.ps-button{
    background-color: #24457A; 
}
.ps-button.sub{
    background-color: #555; 
}
.ps-button.sub-a{
    background-color: orange; 
}
.ps-button.sub-b{
    background-color: cornflowerblue; 
}
.ps-button:hover{
    color: white; box-shadow: 1px 1px 5px #999;
    transition: all .1s ease-out;
}
.ps-button:active{
    box-shadow: none;
}




.ps-form dl,.ps-form dt,.ps-form dd{
    display: block; margin: 0; padding: 0;
}
.ps-form dl:after {
    content:'';
    display:block;
    clear: both;
}
.ps-form dt{
    float: left; width:35%; text-align: left; line-height: 20px; padding: 15px 0 0px 0; clear: both;
}
.ps-form dd{
    float: right; width:62%; padding: 5px 0; line-height: 40px; position: relative;
}
.ps-form dd span.m{
    display: block; position: absolute; line-height:30px; padding: 0 10px;
    margin-top:5px; right: 5px; background-color: white; color: red;
    border-radius: 3px; font-size: .8em;
}
.ps-form input[type=text], .ps-form input[type=password]{
    display: block; height: 40px; padding: 0;
    border: 1px solid #999; border-radius: 3px; box-sizing: border-box;
}
.ps-form textarea{
    display: block; width: 100%; padding: 0;
    border: 1px solid #999; border-radius: 3px; box-sizing: border-box;
}
.ps-form span.select{
    display: block; height: 40px; line-height: 40px; padding: 0; margin: 0;
    border: 1px solid #999; border-radius: 3px; box-sizing: border-box; background-color: white;
    text-align: right;
}
.ps-form select{
    border: none; background:none; outline: none; text-decoration:none; width: 98%;
    display: inline; margin-right: 3px;
}
.ps-form span.file{
    display: block; width: 100%; height: 40px; line-height: 40px; padding: 0; margin: 0;
    border: 1px solid #999; border-radius: 3px; box-sizing: border-box; background-color: white;
    text-align: center;
}
.ps-form input[type=file]{
    border: none; background:none; outline: none; text-decoration:none; width: 98%;
}
.ps-form select option{

}
.ps-form .invisible{
    height: 1px; width: 1px; overflow: hidden; line-height: 1px;
}
.ps-form .hidden *{
    margin: 10px;
}
.ps-form .cols2 .cols2-l{
    float: left; width: 48%; display: block;
}
.ps-form .cols2 .cols2-r{
    float: right; width: 48%; display: block;
}


.ps-form ::-webkit-input-placeholder {
    text-indent: 10px;
}

.ps-form :-moz-placeholder { /* Firefox 18- */
    text-indent: 10px;
}

.ps-form ::-moz-placeholder {  /* Firefox 19+ */
    text-indent: 10px;
}

.ps-form :-ms-input-placeholder {  
    text-indent: 10px;
}


.ps-split-panel .ps-split-panel-l{
    float: left;
}
.ps-split-panel .ps-split-panel-r{
    float: right;
}


.chome h1, .chome h2{
    color: #00b0f1;
}
.thome h1, .thome h2{
    color: #E5602A;
}

.chome #ps-logo-fr a{
    background-position-y: 1px;
    border-left-color: #00b0f1;
}
.chome #ps-logo-fr a:hover{
    background-position-y: -34px;
    border-left-color: #E5602A;
}
.thome #ps-logo-fr a{
    background-position-y: -34px;
    border-left-color: #E5602A;
}
.thome #ps-logo-fr a:hover{
    background-position-y: 1px;
    border-left-color: #00b0f1;
}

.chome #nav-main a.active span{
    border-bottom-color: #00b0f1; 
}
.chome #nav-main a:active span{
    border-bottom-color: #00b0f1;
}
.thome #nav-main a.active span{
    border-bottom-color: #E5602A; 
}
.thome #nav-main a:active span{
    border-bottom-color: #E5602A;
}

.thome #ps-slider-nav span{
    border: 2px solid #E5602A !important;
}
.thome #ps-slider-nav span.active {
    background: #E5602A !important; border: 2px solid #AA3F14 !important;
}
/* Homepage */

.attention{
    background: url('../images/attention.gif') no-repeat 0 0;
    width: 325px; height: 243px; line-height: 220px; text-align: center;
    font-size: 62px; font-weight: bold; color: white;
}

.home-head{
    padding-top: 0px;
}

#know-more{
    background-color: #22272e; color: white; padding: 22px 0; font-family: 'Raleway', Arial; 
}

.article-h{
    background: url(../images/stripes-bg.gif) white no-repeat right top;
}
.article-h h1{
    padding: 30px 0; color: #da3e00; font-size: 1.8em;
}
.article-h .ps-split-panel-l{
    margin-right: 50px;
}

.article1{
    background-color: #EEEEEE;
}
.article1 h1{
    margin-bottom: 50px;
}
.article1 .ps-split-panel-l{
    margin-right: 50px;
}

.article2{
    background-color: #263243; color: #dddddd;
}
.article2 .ps-frame{
    padding-bottom: 30px;
}
.article2 h1, .article2 h2{
    color: white; padding: 50px 0 30px;
}
.article2 .s_imgs img{
    width: 15%; margin: 10px 4.5%;
}

.article3 .ps-frame{
    padding-bottom: 50px;
}
.article3 h1, .article3 h2{
    padding: 40px 0 30px;
}
.article3 .s_imgs{
    text-align: center
}
.article3 .s_imgs img{
    margin: 10px 3.8%;
    vertical-align: middle;
    max-width: 30%;
}

.simple-table, .simple-table dt, .simple-table dd{
    display: block; margin: 0; margin-top: 20px; padding: 5px 0;
}
.simple-table dt{
    float: left; width: 70%; background-color: #EEE; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; clear: both;
}
.simple-table dd{
    float: right; width: 28%; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC;
    background-color: #F2F2F2;
}