html{
overflow: -moz-scrollbars-vertical;
}
body{
margin: 0;
color: #7d483a;
font: 12px/20px Arial, Helvetica, sans-serif;
background: #af9d00 url(../images/general/bg-body.jpg) repeat scroll center top;
}
form{
margin:0;
}
img{border-style:none;}
a{
text-decoration:none;
color:#7d483a;
}
a:hover{text-decoration:underline;}
#page{
margin: 0 auto;
width: 910px;
position: relative;
background-image: url(../images/general/bg-body-trans.png);
background-repeat: no-repeat;
background-position: center top;
}
#header{
height: 411px;
position: absolute;
top: 0;
left: 0;
background: url(../images/general/bg-header.png) no-repeat;
}
.header-holder{
padding: 0 8px 7px 2px;
}
.header-holder1{
position: relative;
height: 130px;
background: url(../images/general/bg-header-top.gif) repeat-x;
padding-left: 24px;
}
#header img{
display: block;
}
.top-links{
overflow: hidden;
width: 100%;
padding: 9px 0 63px;
line-height: 12px;
}
* html .top-links{
padding-bottom: 14px;
}
.top-links ul{
float: right;
padding: 0;
list-style: none;
margin: 0;
overflow: hidden;
}
.top-links ul li{
display: inline;
padding: 0 1px 0 3px;
margin-left: -2px;
background: url(../images/general/sep-top.gif) no-repeat 0 3px;
}
.top-links ul li.active{
color: #bf1652;
font-size: 10px;
}
.top-links ul.language{
padding: 0 15px 0 5px;
}
* html .top-links ul.language{
padding-right: 13px;
}
#header .top-links ul.language img{
display: inline;
}
.top-links ul.language li{
background: none;
padding: 0 4px 0 0;
line-height: 12px;
margin: 0;
}
.top-links ul a{
color: #7d483a;
font-size: 10px;
}
.logo-holder{
position: absolute;
overflow: hidden;
width: 100%;
height: 82px;
top: 17px;
}
.logo{
float: left;
width: 662px;
overflow: hidden;
text-indent: -9999px;
}
.logo a{
display: block;
height: 82px;
background: url(../images/general/logo.png) no-repeat;
}
#nav{
padding: 18px 0 0;
list-style: none;
margin: 0;
}
#nav:after{
display: block;
clear: both;
content :"";
}
#nav li{
float: left;
padding-left: 51px;
line-height: 16px;
height: 27px;
}
#nav li:hover,
#nav li.hover{
position: relative;
}
#nav li.first{
padding: 0;
}
#nav a{
font-size: 14px;
font-weight: bold;
color: #7d483a;
text-transform: uppercase;
}
#nav a:hover,
#nav .active a{
color: #af9d00;
text-decoration: none;
}
#nav li:hover ul,
#nav li.hover ul{
display: block;
}
#nav ul{
padding: 0;
list-style: none;
margin: 0;
position: absolute;
top: 27px;
left: 39px;
width: 158px;
background: #f8f5ef;
display: none;
}
* html #nav ul{
top: 27px;
}
* +html #nav ul{
top: 25px;
}
#nav .first ul{
left: 0;
}
#nav ul li{
float: none;
padding: 0;
border-bottom: 1px solid #e6dfb3;
height: 1%;
vertical-align: top;
}
#nav ul a,
#nav .active ul a{
color: #af9d00;
font-size: 12px;
font-weight: normal;
text-transform: none;
padding: 4px 0 3px 9px;
display: block;
border: 1px solid #e6dfb3;
border-width: 0 1px;
}
#nav ul a:hover{
color: #fff;
background: #7d483a;
border-color: #b8678d;
}
#content{
padding-top: 420px;
overflow: hidden;
height: 1%;
}
.content-holder{
float: left;
width: 679px;
overflow: hidden;
background: url(../images/general/bg-content.png) repeat-y;
}
.content-holder-3col{
float: none;
margin: 0 0 0 2px;
width: 900px;
background-image: url(../images/general/bg-content-3col.png);
}
.content-holder1{
padding: 0 18px 7px 9px;
min-height: 421px;
}
.content-holder2{
overflow: hidden;
height: 1%;
}
.side-bar{
float: left;
width: 195px;
padding-top: 8px;
}
.side-bar a{
color: #94483a;
}
.side-bar ul{
padding: 0;
list-style: none;
margin: 0 0 10px 0;
}
.menu li{
border-bottom: 1px solid #e6dfb3;
padding: 2px 0 1px 21px;
}
.menu a:hover,
.menu .active a{
text-decoration: none;
color: #af9d00;
}
.menu ul li{
border: none;
padding: 0;
padding-top: 3px;
padding-bottom: 3px;
}
.menu ul a,
.menu .active ul a{
display: block;
color: #95483a;
padding-left: 12px;
line-height: 14px;
}
.menu ul a:hover,
.menu ul .active a{
color: #af9d00;
}
.menu ul .active a{
background: url(../images/common/bullet.gif) no-repeat 0 5px;
}
.main-content{
float: right;
width: 433px;
position: relative;
}
.main-content-2col{
float: none;
width: auto;
position: relative;
margin-left: 20px;
}
.main-content-2colns{
float: right;
width: 658px;
}
.main-content .title-holder{
position: absolute;
top: 11px;
left: 0;
height: 50px;
width: 100%;
}
.breadcrumbs{
padding: 0;
list-style: none;
margin: 0 0 6px -9px;
overflow: hidden;
height: 15px;
line-height: 15px;
}
.breadcrumbs li{
font-size: 10px;
display: inline;
padding: 0 7px 0 9px;
background: url(../images/common/arrow.gif) no-repeat 0 5px;
}
.breadcrumbs li:first-child{background: none;}
.main-txt{
padding-top: 76px;
}
.side-bar h1,
.chart h1,
.main-content h1{
margin: 0 0 1px;
font-size: 16px;
color: #7d483a;
}
.side-bar .title-holder h1.csc-firstHeader,
.chart .title-holder h1.csc-firstHeader,
.main-content .title-holder h1.csc-firstHeader{
margin: 0;
font-size: 16px;
color: #af9d00;
}
.side-bar p,
.chart p,
.main-content p{
margin: 0 0 12px;
}
.side-bar h2,
.chart h2,
.main-content h2{
color: #7d483a;
margin: 0 0 1px;
font-size: 14px;
}
.side-bar h3,
.chart h3,
.main-content h3{
color: #7d483a;
margin: 0;
font-size: 12px;
}
.side-bar h4,
.chart h4,
.main-content h4{
color: #7d483a;
margin: 0;
font-size: 12px;
font-weight: normal;
}
.side-bar h5,
.chart h5,
.main-content h5{
margin: 0;
font-size: 12px;
font-weight: normal;
}
.side-bar h6,
.chart h6,
.main-content h6{
margin: 0;
font-size: 12px;
font-weight: normal;
font-style: italic;
}
.chart blockquote,
.main-txt blockquote {
font-style: italic;
}
.chart dl,
.main-txt dl {
margin: 12px 0 12px 0;
padding: 0;
}
.chart dt,
.main-txt dt {
margin: 0;
padding: 0;
font-weight: bold;
}
.main-txt dd {
margin: 0;
padding: 0 0 0 17px;
}
.chart ol,
.main-txt ol {
margin: 12px 0 12px 0;
padding: 0;
}
.chart ol ol,
.main-txt ol ol {
margin: 0 0 0 17px;
padding: 0;
}
.chart ol li,
.main-txt ol li {
margin: 0;
padding: 0;
list-style-position: inside;
}
.chart ul,
.main-txt ul{
margin: 12px 0 12px 0;
padding: 0;
list-style: none;
position: relative;
}
.chart ul li,
.main-txt ul li{
padding-left: 12px;
background: url(../images/common/text-bullet.gif) no-repeat 0 7px;
}
.chart ul ul,
.main-txt ul ul{
margin: 0 0 0 17px;
}
.chart ul.csc-bulletlist-0,
.main-txt ul.csc-bulletlist-0{
margin-top: 1px;
}
.main-txt .img-holder{
margin: -33px 0 3px;
}
.main-txt img{
/*display: block;*/
}
.chart form,
.main-txt form {
margin: 1px 0 12px 0;
}
.chart form fieldset input#pass,
.main-txt form fieldset input#pass {
margin-bottom: 5px;
}
.csc-mailform-field {
margin: 5px 0 5px 0;
}
.csc-mailform-field label {
margin: 0 5px 0 0;
min-width: 100px;
display: inline-block;
}
fieldset {
background: transparent none;
}
.csc-mailform {
margin: 0;
padding: 0 5px 0 5px;
background: transparent none;
}
.csc-mailform .csc-mailform-field {
margin: 5px 0 5px 0;
}
.csc-mailform .csc-mailform-field label {
margin: 0 5px 0 0;
min-width: 100px;
display: inline-block;
}
.chart{
position: relative;
height: 1%;
margin: 0px 0 0 20px;
padding-bottom: 11px;
}
.chart a{
position: absolute;
height: 25px;
width: 25px;
top: 1px;
left: 1px;
background: url(../images/general/none.gif);
}
.chart strong{
position: absolute;
bottom: 10px;
left: -9999px;
width: 224px;
height: 79px;
/*background: url(../images/general/logo-popup.png) no-repeat;*/
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
}
.chart a:hover{
border: 0;
}
.chart a:hover strong{
left: 9px;
bottom: 1px;
}
.chart a.big_point:hover strong{
left: 13px;
bottom: 10px;
}
.chart a:hover strong.position_left{
right: 10px;
left: auto;
}
.chart a:hover strong.position_top{
top: 15px;
bottom: auto;
}
.column{
float: right;
margin-right: 1px;
background: url(../images/general/bg-column.png) repeat-y;
width: 225px;
overflow: hidden;
}
.column .csc-header h1,
.column .csc-header h2,
.column .csc-header h3,
.column .csc-header h4,
.column .csc-header h5,
.column .csc-header h6 {
margin: 0 0 12px 0;
padding: 0;
}
.column .csc-header h2,
.column .csc-header h3,
.column .csc-header h4,
.column .csc-header h5,
.column .csc-header h6 {
margin: 0 0 10px 0;
padding: 0;
}
.column .csc-header h3,
.column .csc-header h4,
.column .csc-header h5,
.column .csc-header h6 {
margin: 0 0 8px 0;
padding: 0;
}
.column-holder{
background: url(../images/general/bg-column-bottom.png) no-repeat 0 100%;
padding: 0 7px 5px 2px;
}
.column-holder-back{
background-color: #f3f2f2;
}
.box{
background: url(../images/general/column-gradient.gif) repeat-x 0 100%;
}
.column .microsoft{
padding: 50px 0 54px 0px;
}
/*
.column .microsoft a{
display: block;
width: 177px;
height: 94px;
background: url(../images/general/logo-microsoft-big.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}
*/
.right_column_holder{
padding: 13px 13px 13px;
}
.contact{
padding: 13px 13px 69px;
font-size: 10px;
line-height: 12px;
}
.contact h4{
margin: 0 0 10px;
font-size: 13px;
color: #af9d00;
}
.contact strong{
color: #7d483a;
font-size: 12px;
}
.contact p{
margin: 0;
}
.contact div div{
padding-top: 16px;
}
.contact dl{
overflow: hidden;
height: 1%;
}
.contact dl,
.contact dd{
margin: 0;
}
.contact dt{
width: 42px;
}
.contact dd,
.contact dt{
float: left;
}
#footer{
padding: 7px 5px 30px;
list-style: none;
margin: 0;
text-align: right;
width: 672px;
font-size: 10px;
line-height: 12px;
color: #f8f5ef;
background-image: url(../images/general/bg-footer-top.png);
background-repeat: no-repeat;
background-position: -1px top;
}
.page-3col #footer {
width: 892px;
background-repeat: repeat-x;
}
#footer li{
display: inline;
padding: 0 2px 0 6px;
color: #f8f5ef;
background: url(../images/general/sep-footer.gif) no-repeat 0 2px;
}
#footer li:first-child{
background: none;
}
#footer a{
color: #f8f5ef;
}
/* filelinks */
.content-holder1 table.csc-uploads {
border-collapse: collapse;
}
.content-holder1 .csc-uploads .csc-uploads-fileName p {
margin: 0 0 5px;
}
/* textpic */
.csc-textpic .csc-textpic-caption {
font-size: 10px;
}
/* styled image */
.content-holder1 .tx-mkstyledimage-pi1 .si_visible {
text-align: right;
}
.content-holder1 .tx-mkstyledimage-pi1 .si_hidden {
display: none;
}
/* powermail */
.chart fieldset.tx-powermail-pi1_fieldset input.powermail_submit,
.main-txt fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
margin: 0;
}
.myGallery {
border-color: #1f1f1f !important;
}
.jdGallery .slideElement {
background-color: #1f1f1f !important;
}
.jdGallery .slideInfoZone {
background-color: #4f4f4f !important;
}
.main-txt a,
.chart a,
.column a,
.main-txt a:link,
.chart a:link,
.column a:link {
color: #cc3300;
}
.main-txt a:visited,
.chart a:visited,
.column a:visited {
color: #af3333;
}
.main-txt a:active,
.chart a:active,
.column a:active {
color: #bf1652;
}
.main-txt a:hover,
.chart a:hover,
.column a:hover {
color: #7f00cf;
}
.column dd.email a,
.column dd.email a:link,
.column dd.email a:visited,
.column dd.email a:active,
.column dd.email a:hover {
color: #7d483a;
}
.main-txt span a,
.main-txt span a:link,
.main-txt span a:hover,
.main-txt span a:active,
.main-txt span a:visited,
.main-txt span a:active,
.chart span a,
.chart span a:link,
.chart span a:hover,
.chart span a:active,
.chart span a:visited,
.chart span a:active,
.column span a,
.column span a:link,
.column span a:hover,
.column span a:active,
.column span a:visited,
.column span a:active {
color: inherit;
}
span:not([style*="color"]) a,
span:not([style*="color"])span a:link,
span:not([style*="color"])span a:hover,
span:not([style*="color"])span a:active,
span:not([style*="color"])span a:visited,
span:not([style*="color"])span a:active {
color:#7d483a;
}