@charset "utf-8";
/* CSS Document */
html,body {
padding: 0;
margin: 0;
border: 0;
}
body { font-family:Calibri ;
font-size: 12px;
color:#000000;
background:url(../images/body_bg.jpg) repeat-x;
}
img {
border:none;
}
.clear {
clear:both;
}
#main_container {
width: 980px;
margin: 0 auto;
padding: 0;
/*border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: #999999 solid 1px;*/
}
#header {
height: 90px;
}
#logo { float: left;
height:30px;
padding: 15px;}
#slogan {
float: right;
padding: 20px 20px 0 0;
font-family: 'Trebuchet MS' Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:bold;
}
#menu {
font-family: 'Calibri' Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:normal;
padding: 0px 0 0 10px;
color:#fff;
height:30px;
}
/* ------------- BODY -------------- */
#body { margin-top: 10px;
background-color:#FFFFFF;
min-height:340px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
#banner {
border: 0px solid #fff;
/*border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
behavior:url(css/border-radius.htc);*/
width:980px;
height: 280px;
margin:0 auto;
/*background-color: #f3eaf0;*/
background:url(../images/banner.gif) #f3eaf0;
}
#quick_link {
margin: 15px 0;
background-color:#FFFFFF;
width:980px;
}
#product_link{
width: 600px;
float:left;
}
.product_title {
background:url(../images/product_titlebg.gif) no-repeat;
width:580px;
height:32px;
padding:3px 0 0 10px;
margin:0;
color:#FFFFFF;
font-family: 'Trebuchet MS' Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:normal;
}
.product_title1 {
background:url(../images/news_title.gif) no-repeat;
width:350px;
height:32px;
padding:3px 0 0 10px;
margin:0;
color:#FFFFFF;
font-family: 'Trebuchet MS' Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:normal;
}
#news_link{
width:350px;
float:left;
margin-left:10px;
}
#link1 {
float: left;
padding-left:0px;
}
#link2 {
float: left;
padding-left:10px;
}
#link3 {
float: left;
padding-left:10px;
}
#link_news{
float: left;
margin:0 0 0 10px;
border: 0px solid #999999;
width:320x;
height:150px;
clear:both;
}
.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
}
/* ----------- NEWS --------------- */
#news {
float: left;
width: 350px;
height: 150px;
padding: 0 0 0 0px;
margin: 0 0 0 5px ;
font-family: "Trebuchet MS" Verdana,Helvetica,Arial,Verdana,sans-serif;
font-size: 16px;
font-weight: normal;
color: #3a3a3a;
clear:both;
}
.news_title {
font-family: "Trebuchet MS" Verdana,Helvetica,Arial,Verdana,sans-serif;
font-size: 20px;
font-weight: bold;
color: #3a3a3a;
margin:0;
padding:0;
}
.news_date {
font-family: "Trebuchet MS" Verdana,Helvetica,Arial,Verdana,sans-serif;
font-size: 13px;
font-weight: normal;
color: #505050;
padding: 0;
line-height: 1.2;
}
.news_heading {
font-family: "Trebuchet MS" Verdana,Helvetica,Arial,Verdana,sans-serif;
font-size: 14px;
font-weight: normal;
color: #028bda;
text-decoration: underline;
padding: 0;
}
.more {
font-family: Verdana,Helvetica,Arial,Verdana,sans-serif;
font-size: 11px;
font-weight: normal;
color: #028bda;
text-decoration: none;
}
.more:hover {
text-decoration: underline;
}
/* General */
#cssdropdown, #cssdropdown ul { list-style: none; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
/* Head links */
#cssdropdown li.headlink { width: 80px; float: left; margin-left: -1px; border: 1px black solid; text-align: center; }
#cssdropdown li.headlink a { display: block; padding: 15px; }
/* Child lists and links */
#cssdropdown li.headlink ul { display: none; border-top: 0px black solid; text-align: left; }
#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li a { padding: 5px; height: 30px; }
#cssdropdown li.headlink ul li a:hover { background-color: #fff; }
/* Pretty styling */
body { font-family: verdana, arial, sans-serif; font-size: 0.8em; background-color: #fff; }
#cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.headlink { background-color: white; background-image: url(bg.gif); }
#cssdropdown li.headlink ul { background-image: url(bg.gif); background-position: bottom; padding-bottom: 10px; }
/* -------------------- Footer ----------------------- */
#footer {
position:relative;
width: 984px;
height: 80px;
background: #fff;
color:#000;
margin: 0 auto;
padding: 0;
border-top: 4px solid #0060b7;
/*border-bottom: 8px solid #000;*/
clear:both;
}
#footer img {
text-align: center;
margin: 0 auto;
left:400px;
position: relative;
}
#footer_links {
margin: 20px 0 0 0;
padding: 0;
position: absolute;
left: 280px;
color: #000;
/*border-right: 1px solid #fff;*/
}
#footer_links ul{
margin: 0;
padding: 0;
width: 500px;
list-style: none;
float: left;
}
#footer_links ul li {
font-family: Verdana,Helvetica,Arial,Verdana,sans-serif;
font-size: 12px;
display: inline;
margin: 0;
padding: 0;
line-height: 1.6;
}
#footer_links ul li a {
font-family: Verdana,Helvetica,Arial,Verdana,sans-serif;
font-size: 11px;
color: #000;
text-decoration: none;
}
#footer ul li a:hover {
font-family: Verdana,Helvetica,Arial,Verdana,sans-serif;
font-size: 11px;
color: #000;
text-decoration: underline;
}
.footer_title {
font-family: Verdana,Helvetica,Arial,Verdana,sans-serif;
font-size: 10px;
font-weight: bold;
color: #fff;
text-decoration: none;
}
#copyright {
font-family: Verdana,Helvetica,Arial,Verdana,sans-serif;
font-size: 11px;
color: #6d6d6d;
position: absolute;
text-align: center;
margin:50px 0 0 310px;
padding: 0;
}