img{
border: 0;
}
div {
display: block;
}
.clear{
clear: both;
line-height: 0;
font-size: 0;
height: 0;
display: block;
}
.display-none{
display: none;
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.inline-block{
display: -moz-inline-stack;
-moz-box-orient: vertical;
display: inline-block;
zoom: 1;
*display: inline;
_display: inline;
}
.img-left{
margin: 0 20px 10px 0;
float: left;
}
.img-right{
margin: 0 0 10px 20px;
float: right;

}
.border-radius{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
a{
color: #898788;
text-decoration: underline;
}
a:hover{
color: #004c9a;
}
p{
margin: 0;
font-family: Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6, .h1-title{
color: #004c9a;
font-family: Arial, sans-serif;
line-height: 100%;
margin: 0 0 10px 0;
padding: 0;
}
h1{
font-size: 24px;
font-style: italic;
text-align: center;
}
h2{
font-size: 20px;
text-align: center;
}
h3{
font-size: 18px;
text-align: center;
}
h4{
font-size: 16px;
text-align: center;
}
ul{
list-style: none;
}
html, body, ul, ol, dl, dt, dd{
margin: 0;
padding: 0;
}
html, body{
height: 100%;
}
body{
background: #fff;
color: #252525;
font-size: 14px;
font-family: Arial, helvetica;
min-width: 960px;
}
.wrapper{
width: 960px;
margin: 0 auto;
position: relative;
}
.header{
border-top: 8px solid #272e36;
background: url(images/top-sep.png) repeat-x 0 0 #fff;
height: 70px;
}
.logo{
position: absolute;
left: 20px;
top: 15px;
background: url(images/ckp-logo.png) no-repeat 0 0 transparent;
width: 554px;
height: 40px;
}
.promo, .promo>.wrapper{
height: 327px;
}
.promo>.wrapper{
border-bottom: 9px solid #272e36;
}
.promo-img{
position: absolute;
left: 0;
top: 11px;
height: 307px;
width: 603px;
border-top: 9px solid #ece9e2;
}
.promo-title{
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 357px;
height: 327px;
background: url(images/ckp-right-title.png) no-repeat 0 0 transparent;
}
.content{
margin-top: 19px;
padding-bottom: 19px;
}
.column-left{
width: 303px;
float: left;
}
.column-right{
width: 628px;
float: right;
}
.menu-wrapper{
margin: 20px 0 0 15px;
position: relative;
}
.menu-wrapper:after{
content: "";
position: absolute;
right: -15px;
width: 1px;
top: 0;
bottom: 0;
background: #004c9a;
background: -moz-linear-gradient(top, #004c9a 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004c9a), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #004c9a 0%,#ffffff 100%);
background: -o-linear-gradient(top, #004c9a 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #004c9a 0%,#ffffff 100%);
background: linear-gradient(to bottom, #004c9a 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c9a', endColorstr='#ffffff',GradientType=0 );
}
.menu{
list-style: none;
}
.menu>li{
background: url(images/dot.gif) repeat-x 0 100% transparent;
padding-bottom: 5px;
margin-bottom: 10px;
position: relative;
}
.menu>li.last-menuitem{
background: none;
}
.menu>li>a{
display: block;
font-size: 12px;
}
.menu>li>a>ins{
padding-left: 5px;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.menu>li>a>span{
background: url(images/arrow.png) no-repeat 0 -9px transparent;
float: left;
display: block;
width: 15px;
height: 7px;
margin-top: 4px;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.menu>li>a:hover>ins, .menu>li>a.active>ins{
padding-left: 10px;
}
.menu>li>a:hover>span, .menu>li>a.active>span{
background-position: 0 0;
}
.menu>li>a.active>ins{
font-weight: bold;
color: #004c9a;
}
.text{
padding: 20px 20px 20px 0;
}
.text p{
margin-bottom: 15px;
text-indent: 15px;
line-height: 18px;
text-align: justify;
}
.text ul, .text ol{
margin-left: 20px;
margin-bottom: 15px;
}
.text ul{
list-style: disc;
}
.text ul>li, .text ol>li{
margin-bottom: 7px;
}
.text table p{
text-indent: 0;
text-align: left;
}
.text table{
margin-bottom: 20px;
border: 1px solid #272e36;
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
.text table td, .text table th{
padding: 7px 10px;
border: 1px solid #272e36;
vertical-align: top;
}
.text table th{
vertical-align: middle;
}
.text table thead tr{
background: #e0e0e0;
}
.text table td.align-c{
text-align: center;
}
.text table tr.even{
background: #e1f0f9;
}
.table-active-tr tr{
cursor: pointer;
}
.table-active-tr tr:hover{
background: #f9f000!important;
}
.table-active-tr a{
color: #004c9a;
}
.label-style{
width: 100%;
font-weight: bold;
display: block;
}
.input-style{
width: 330px;
padding: 2px 10px;
height: 24px;
font-size: 16px;
}
.textarea-style{
width: 580px;
height: 100px;
padding: 5px 10px;
font-size: 16px;
}
.form-style .clear{
height: 10px;
}
.button-style{
background: #004c9a;
padding: 5px 20px;
color: #fff;
font-size: 16px;
outline: 0;
border: 2px solid #272e36;
cursor: pointer;
}
.button-style:hover{
background: #437cbb;
}
.button-style:active{
background: #3b6da4;
}


.footer{
border-top: 9px solid #272e36;
background: #ece9e2;
}
.menu-footer{
padding: 30px 0;
text-align: center;
}
.menu-footer>li{
padding: 0 10px;
font-size: 11px;
position: relative;
}
.menu-footer>li:after{
content: "|";
position: absolute;
right: 0;
top: 0;
}
.menu-footer>li.last-footer-menuitem:after{
content: "";
}