/* ------------------------------
HTML Redefine Tags
------------------------------ */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; background: #f3e0d1 url(https://s3.amazonaws.com/kongkee/kk-bg2.jpg) top center no-repeat fixed; }
input, form, textarea
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1 { font-size: 21px; 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:18px; color: #C30205 }
h3 { font-size: 18px; border-bottom: solid 1px #DEDEDE; padding: 10px 0 5px 0px; 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%; }
#main a:link, a:visited { color: #0033CC; }
#main 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/banner-bg.jpg) center; margin: 0 auto; }
#main { width: auto; display: block; padding: 10px 0; }
#column_left { width: 235px; margin: 12px 10px 0 20px; float: left; font-size: 14px; }
#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; text-align: left;Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px;}
#column_right p { line-height: 1.5em; padding: 0 30px 10px 10px; font-size: 14px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#column_right ul {font-size: 14px; line-height: 1.5em;}
#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; }
#fsc_message1, #fsc_name1,#fsc_email1,#fsc_subject1 { width: 255px; margin: 0 0 10px 5px; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: #CCCCCC solid 1px; }
#footer a {color: #930B0B; }
#footer a:hover { text-decoration: none; }
div.box300 {float: right; width: 300px; margin-left: 15px; padding-right: 10px;}
div.box300 img {margin-bottom: 15px;}