/* ------------------------------
HTML Redefine Tags
------------------------------ */
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; background:#0f0f0f url(images/kk-bg2.jpg) top center no-repeat fixed;}
input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:18px; border-bottom:solid 1px #DEDEDE; padding:4px 0 5px 30px; margin-bottom:10px; background: url(images/kong_kee_logo_sm.gif) no-repeat left;}
h2{font-size:14px; color:#C30205}
h3{
font-size:18px;
border-bottom:solid 1px #DEDEDE;
padding:10px 0 5px 10px;
margin-bottom:10px;
color: #C40000;
}
h4{
font-size:14px;
border-bottom:solid 1px #DEDEDE;
margin:1.4em 0 1.4em 0;
padding:0 0 .4em 0;
color: #73862D;
width: 80%;
}
a:link, a:visited{color:#0033CC;}
a:hover{text-decoration:none;}
/* ------------------------------
PAGE STRUCTURE
------------------------------ */
/*
#container has an absolute width (780 pixel)
*/
#container{width:950px; margin:0 auto; background:#FFFFFF;}
#topbar{width:auto; display:block; height:111px;}
#logo{
width:213px;height:111px;display:block;background:url(images/kk-logo.jpg) no-repeat;cursor: pointer; margin: 0 0 0 20px;
}
#slogan{width:541px;float: right;height:43px;display:block;background:url(images/kk_slogan.jpg);margin: 20px;}
#navbar{width:auto; display:block; height:20px;}
#navbar a{height:20px; line-height:28px; padding:0 8px; display:inline;}
#feature {border: 1px solid;padding:5px;border-color:#CCCCCC;margin-left:10px;}
#banner{width:950px; height:252px; background:url(images/kongkee_banner_02.jpg) center;}
#soydrink{width:254px; height:309px; display:block; float:right; background:url(images/kongkee_soydrink.png); position: absolute; top: 87px; right: 145px;}
#main{width:auto; display:block; padding:10px 0;}
#column_left{width:235px;margin: 6px 10px 0 20px;float:left;}
#column_left p{line-height: 1.5em;}
#column_left a:link, #column_left a:visited{text-decoration: none; color:#748825;}
#column_left a:hover{text-decoration:underline;}
#column_right{width:680px; margin-right:5px; float:left;}
#column_right p{line-height: 1.5em; padding:0 30px 10px 10px;}
#column_right a:link, #column_right a:visited {
color: #314196;
text-decoration:none;
font-weight: bold;
}
#column_right a:hover {
color:#DE3441;
text-decoration:none;
}
#column_right_adsense{width:120px; float:left;}
div.spacer{clear:both; height:10px; display:block;}
#footer{width:auto; display:block; padding:10px 25px 40px; font-size:11px; color:#666666; border-top: #DEDEDE 1px solid; clear:both;}
#footernav{width: 400px; float:left; margin-right:25px;}
#footernav a:link, #footernav a:visited { color:#748825; text-decoration:none;
}
#footernav a:hover {text-decoration:underline;
}
/* Navigation class */
#navcontainer {
width: auto; float: right;font-size: medium; /* could be specified at a higher level */
margin: 0;
padding: 0 10px 0 10px;
position:relative;
z-index:2;
}
#navcontainer li {float: left;
margin: 0;
padding: 0;
display: inline;
list-style: none;
position:relative;
}
#navcontainer a:link, #navcontainer a:visited {
float: left;
font-size: 85%;
line-height: 20px;
font-weight: bold;
margin: 0 9px 0 0;
text-decoration: none;
color: #748825;
}
#navcontainer a:hover {
border-bottom: 4px solid #C9DA8F;
padding-bottom: 2px;
color: #748825;
}
#navcontainer a.active:link, #navcontainer a.active:visited {
border-bottom: 4px solid #72862D;
padding-bottom: 2px;
color: #72862D;
}
/* ------------------------------
CUSTOM CLASSES
------------------------------ */
.picleft {float:left;margin-right: 10px;padding: 5px;border: 1px solid #ccc;}
.picright { border: 1px solid #ccc;float:right;margin-left: 10px;}
.picframe {padding: 5px;border: 1px solid #ccc;}
/*Paragraphs*/
p.sml {
font-size:11px;
margin:0 0 -.2em 0;
padding:0;
line-height:.5em;
}
.footer { font-size:11px; }
.caption {
font-size:11px;
margin:1.1em 0 0 .7em;
padding:0;
color:#8CAC95;
}
/*Pictures*/
.picborder {border: 1px solid;border-color:#CCCCCC;}
.picRight {border: 1px solid;padding:5px;border-color:#CCCCCC;float:right;margin-left:20px;}
.picRightnoborder {float:right;margin-left:20px;}
.picLeftnoborder {float:left;margin-right:20px;}
.picLeft {border: 1px solid;border-color:#CCCCCC;float:left; margin-right:20px;}
/* Products */
.products {
border: 1px solid;
padding:5px;
border-color:#CCCCCC;
float:left;
margin: 7px 3px;
}
.products:hover {
background-color:#FAF9E7;
}
.products_fat {
border: 1px solid;
padding:5px;
border-color:#CCCCCC;
float:left;
margin: 7px 25px 7px 3px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
.products_fat:hover {
background-color:#FAF9E7;
}
.products_thin {
border: 1px solid;
padding:5px;
border-color:#CCCCCC;
float:left;
margin: 7px 28px 7px 3px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#CC3333;
}
.products_thin:hover {
background-color: #CD132A;
color: #FFFFFF;
}
.products img{
border: 1px solid #CCCCCC;
}
/* List Styles */
.list { list-style-image: url(images/arrow_01.gif);}
.quote {
font-size: 18px;
font-weight:bold;
color: #848DAE;
line-height: 1.5em;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 10px 55px;
}
/* Distributor Table Styling */
#distribute table {width:90%;border-top:1px solid #e5eff8;border-right:1px solid #e5eff8;margin:0;border-collapse:collapse;}
tr.odd td {
background:#f7fbff
}
tr.odd .column1 {
background:#f4f9fe;}
.column1 {
background:#f9fcfe;}
#distribute td {
color:#678197;border:1px solid #e5eff8;padding:.5em 1em;text-align:left;}
#distribute th {
font-weight:normal;color: #678197;text-align:left;border-bottom: 1px solid #e5eff8;border-left:1px solid #e5eff8;padding:.3em 1em;}
tfoot th em {
color:#f03b58;font-weight: bold;font-size: 1.1em;font-style: normal;}
/* Contact Form */
form#contact_form input, textarea {
width:185px;
margin:0 0 10px 5px;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border: #CCCCCC solid 1px;
}
.inputButton {
cursor: pointer;
}