@charset "utf-8";
/* CSS Document */

/* Kingdom Coffee screen css */

* {
	margin: 0;
	padding: 0;
}

	
/*** HTML elements */
body {
	margin: 0;
	padding: 0;
	font: 8.5pt/10pt 'Trebuchet MS', 'Lucida Grande', Verdana, Geneva, Helvetica, Arial, sans-serif;
	color: #000;
	background: #fff url(bkgnd.jpg) repeat-x 0 0;
	}

h1 {
	margin: 0 0 7px 0;
	background: url(title_bkgnd.jpg) repeat-y 0 0;
	font-size: 24px;
	color: #0C6341;
	padding: 10px 0;
}

h2 {
	font-size: 18px;
	margin-bottom: 15px;
	}
	
h3, h3 a {
	font-size: 14px;
	line-height: 30px;
}


p {
	padding: 10px 0;
	}

#page {
	width: 900px;
	min-width: 900px;
	margin: 0 auto;
	padding: 0;
}

a {
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}


/*** HEADER elements */
#header {
	padding: 1px 0 0 0;
}

#header_left_block {
	float: left;
	}

#header_left_block ul {
	padding: 10px 0 0 0;
	font-size: 10pt;
	}
		
#header_left_block li {
	display: inline;
	padding: 0 15px 0 0;
	}
	
#header_left_block li.home {
	background: url("topnav_home_icon.gif") no-repeat 0 2px;
	padding-left: 14px;
	}
	
#header_left_block li.login {
	background: url("topnav_padlock_icon.gif") no-repeat 0 2px;
	padding-left: 14px;
	}
	
#header_right_block {
	float: right;
	text-align: right;
	}
	
#header_right_block ul {
	padding: 10px 0 0 0;
	font-size: 10pt;
	}
		
#header_right_block li {
	display: inline;
	padding: 0 0 0 15px;
        color: #0C6341;
	font-size: 12px;
	text-decoration: none;
	}
	
#header_right_block li.phone {
	background: url("topnav_phone_icon.gif") no-repeat 0 2px;
	padding-left: 14px;
	}
	
#header_right_block li.email {
	background: url("topnav_envelope_icon.gif") no-repeat 0 2px;
	margin-left: 10px;
	padding-left: 14px;
	}
	
#header_left_block li a, #header_right_block li a {
	color: #0C6341;
	font-size: 12px;
	text-decoration: none;
	}
	
#header_left_block li a:hover, #header_right_block li a:hover {
	color: #000;
	text-decoration: underline;
	}
	
/*** MAIN_CONTENT elements */
#main_content {
	background: purple;
	margin-top: 40px;
	}
	
	
	
	
/*** LEFT COL elements */
#left_col {
	margin-bottom: 20px;
	float: left;
	width: 210px;
}

/***********************************************************************/
/* left sub navigation                                                 */
/***********************************************************************/

/* subNav Div Styles */
#subNav
{
	float: left;
	width: 210px;
	margin: 0px 0;
	padding: 0px;
}

#subNav a:hover, #subNav a.active
{
	text-decoration: underline;
}
/* END subNav Div Styles */

/* TOP LEVEL (MENU) */
#subNav li#top_lvl  {
display: block;
background: #115234 url(nav_head_bkgnd.gif) no-repeat 0 0;
padding: 8px 0 8px 0;
border-bottom: 1px solid #fff;
font-size: 12pt;
color: #fff;
}
/* END TOP LEVEL (MENU) */

/* subNav level1 */
#subNav ul
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
	text-indent: 10px;
}

#subNav ul li a {
display: block;
background-color: #eee;
padding: 8px 0 8px 0;
border-bottom: 1px solid #fff;
font-size: 9.5pt;
font-weight:bold;
color: #000;
}
/* END subNav level1 ************************************************************/

/* subNav level2 */
#subNav ul ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#subNav ul li ul li a
{
	padding: 3px 0px 3px 14px;
	margin: 0px 0px 1px 0px;
	color: #366953;
	font-weight: normal;
	background-color: #f2f7f3;
}

#subNav ul ul a.selected
{
	font-weight: bold;
}

#subNav ul ul {
display: none;
}

/* END subNav level2 ***************************************************************/


/* subNav level3 */
#subNav ul ul ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#subNav ul li ul li ul li a
{
	padding: 3px 0px 3px 34px;
	margin: 0px 0px 1px 0px;
	color: #000;
	border-bottom: 1px solid #cbe7db;
	font-weight: normal;
	background: #fff url(list_smlarw.gif) no-repeat 36px 7px;
	font-size:8.5pt;
}

#subNav ul li ul li ul li a:hover
{
	background-color: #eef1f6;
}

#subNav ul ul ul a.selected
{
	font-weight: bold;
	color:#115234;
}

#subNav ul ul ul {
display: none;
}
/* END subNav level3 ***************************************************************/

/* subNav level4 */
#subNav ul ul ul ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#subNav ul li ul li ul li ul li a
{
	padding: 3px 0px 3px 50px;
	margin: 0px 0px 1px 0px;
	color: #000;
	border-bottom: 1px solid #cbe7db;
	font-weight: normal;
	background: #fff url(list_smlblock.gif) no-repeat 51px 7px;
	font-size:8.5pt;
}

#subNav ul li ul li ul li ul li a:hover
{
	background-color: #f0f0f0;
}

#subNav ul ul ul ul a.selected
{
	color: #115234;
	font-weight: bold;
}

#subNav ul ul ul ul {
display: none;
}
/* END subNav level4 **************************************************************/


/* JavaScript open/close */

/* if lvl1 open lvl2+ not displayed yet */
#subNav ul li.open ul
{
   display:block;
}

#subNav ul li.open ul ul
{
   display:none;
}
/**/

/* if lvl1,lvl2 open lvl3+ not displayed yet */
#subNav ul li.open ul li.open ul
{
   display:block;
}

#subNav ul li.open ul li.open li ul
{
   display:none;
}
/**/

/* if lvl1,lvl2,lvl3 open lvl4 is displayed */
#subNav ul li.open ul li.open ul li.open ul
{
   display:block;
}

#subNav ul li.open ul li.open ul li.open li ul
{
   display:block;
}
/**/




/* JavaScript open/close */

#subNav #homepage ul ul
{
   display:none;
}
/***********************************************************************/
/* END left sub navigation                                                 */
/***********************************************************************/

#left_col ol {
	margin: 20px 0;
	list-style: none;
}

#left_col ol img {
	border: none;
}





/*** PRIMARY CONTENT elements */
#primary_content {
	float: right;
	width: 670px;
	margin-bottom: 40px;
	}

#left_frame {
	float: left;
	width: 441px;
	}

#left_frame td img {
	float: right;
	padding: 0 0 5px 5px;
	}

#left_frame img.image-right {
	float:right;
	margin:5px;
	}

#left_frame img.image-left {
	float:left;
	margin:5px;
	}

#left_frame .rightalign {
	float: right;
	padding: 0 0 10px 15px;
	}

#left_frame .leftalign {
	float: left;
	padding: 0 15px 10px 0;
	}

#left_frame .none {
	float: none;
	padding: 0;
	}

#left_frame ul {
	margin-left: 30px;
	list-style-type: disc;
	}

#left_frame ul ul{
	list-style-type: none;
	margin-left: 15px;
	}

#left_frame ul li {
	padding: 2px;
	}

#left_frame ul ul li {
	padding: 2px;
	}

#left_frame ul li a {
	color: #000;
	text-decoration: none;
	padding: 7px 0;
	}

#left_frame ul ul li a {
	color: #999;
	text-decoration: none;
	padding: 7px 0;
	}

#left_frame ul li a:hover {
	text-decoration: underline;
	}
	
#right_frame {
	float: right;
	width: 210px;
	}


#right_frame ol {
	list-style: none;
	}

#right_frame ol li img {
	border: none;
	margin-bottom: 20px;
	}

/*** CENTRE COL elements */
#centre_col {
	float: left;
	width: 757px;
	margin: 0 0 30px 230px;
}


	
#news_list {
	background-color: #e9efed;
        width: 210px;
	}

#news_list h5 {
	padding: 10px;
	background: #115136 url(news_head.gif) no-repeat 0 0;
	color: #fff;
	}
	
#news_list dl {
	padding: 10px;
	}
	
#news_list dt a {
	color: #115136;
	font-size: 12px;
	font-weight: bold;
	}
	
#news_list dd {
	color: #000;
	padding-bottom: 20px;
	}



#main_headimage {
	background-color: #E1114D;
	height: 190px;
	}
	
#main_headimage img {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
#sub_headimage {
	background-color: #E1114D;
	height: 88px;
	}
	
#sub_headimage img {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
#news_items {

}

#news_item_box {
	border: 1px dotted blue;
	}

#news_items_left {
	float: left;
	width: 353px;
	border: 1px dotted green;
}

#news_items_right {
	float: right;
	width: 353px;
	border: 1px dotted yellow;
}

#right_call_to_actions {
	display: block;
	float: right;
	}
	
.more_info_link a {
	padding: 3px 20px;
	background: url("arrow_on_red_circle.gif") no-repeat left center;
	font-weight: bold; 
	color: #650461;
	}
	
.more_info_link a:hover {
	color: #650461;
	}


/*** three_box_links elements */

#three_box_links {
	margin-top: 15px;
	text-align: center;
	}

#left_ad_box {
	float: left;
	width: 239px;
	background-color: #F1F1F3;
	}
	
#middle_ad_box {
	float: left;
	margin-left: 20px;
	width: 239px;
	background-color: #F1F1F3;
	}
	
#right_ad_box {
	float: right;
	width: 239px;
	background-color: #F1F1F3;
	}
	
#left_ad_box h3, #right_ad_box h3 {
	padding: 6px 0 3px 14px;
	background-color: #650461;
	color: #fff;
	line-height: 14px;
	border-bottom: 1px solid #fff;
	}
	
#middle_ad_box h3 {
	padding: 6px 0 3px 14px;
	background-color: #DF124B;
	color: #fff;
	line-height: 14px;
	border-bottom: 1px solid #fff;
	}
	
#left_ad_box dt, #right_ad_box dt {
	padding: 14px 14px 6px 14px;
	color: #650461;
	font-weight: bold;
	}
	
#middle_ad_box dt {
	padding: 14px 14px 0 14px;
	color: #DF124B;
	font-weight: bold;
	}
	
#left_ad_box dd, #middle_ad_box dd, #right_ad_box dd {
	padding: 6px 14px 14px 14px;
	color: #545456;
	}
	
#middle_ad_box img {
	margin: 14px;
	float: right;
	}
	
#right_ad_box img {
	margin: 17px 0 17px 57px;
	}
	
.clear {
	clear: both;
	}


/*** FOOTER elements */
#footer {
	height: 25px;
	padding-top: 65px;
	clear: both;
	background: #fff url(footer_bkgnd.jpg) no-repeat 0 0;
}

#footer_left_block {
	float: left;
	}
	
#footer_right_block {
	float: right;
	}

.divider {
	color: #B280B1;
	}
	
#footer p, #footer a {
	line-height: 0;
	color: #000;
	font-size: 10px;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	}
	
.red_border {
	border-bottom: 3px solid #DF124B;
	}

/****** Featured style ***/
#featured	{
	background-color: #feecde;
	}
	
#featured h3	{
	background: #F58320 url(featured_head.gif) no-repeat 0 0;
	height: 32px;
	color: #fff;
	padding-left: 18px;
	}

#featured .left	{
	float: left;
	margin: 13px 0 13px 13px;
	width: 200px;
	}
	
	
	
/********/	
	
#featured ul {
	margin-top: 10px;
padding: 0px;
	}
	
#featured li {
	padding: 13px;
	list-style-type: none;
	margin: 0;
	}

#featured li img {
	float: left;
	padding: 0;
	margin: 0 15px 15px 0;
	}
	
#featured li h4 {
	color: #110A04;
	font-size: 14px;
	}

#featured h6 {
	color: #000;
text-align: left;	
font-size: 12px;
margin: 0;
padding: 0;
	}

#featured p {
	color: #000;
	font-size: 11px;
text-align: left;	
margin: 0;

padding: 0 0 15px 0;
	}

#featured img.hangleft {
	float: left;
padding: 10px;
	}
	
#featured ul li a {
padding: 3px 0 3px 25px;
	background: url(pdf_icon.gif) no-repeat top left;
	}
		
#featured li.txt_group {
	}
		
#featured li br {
	clear: both;
	}
	
	
	
/**********/	
	
	
	
	
	
	
	
	
	
	
	
	
	
#featured .right	{
	float: right;
	background-color: #CCFF00;
	margin: 13px 13px 13px 0;
	width: 200px;
	}
	
#clear	{
	clear: both;
	}

/****** Table styles ***/
table {
	border-collapse: collapse;
	width: 100%;
	background-color: #ffffff;
	}
	
th, td {
	padding: 0.1em 1em;
	}
	
td {
	ccbackground-color: #EFE5EE;
	color: #000000;
	text-align: center;
	}
	
caption {
	display: none;
	}
	
col {
	border-right: 1px solid #fff;
	}
	
tr {
	border-top: 1px solid #fff;
	}
	
col#maintenanceCol {
	border: none;
	}
	
col#productsCol {
	background-color: #650461;
	text-align: left;
	}

thead {
	background-color: #DF124B;
	color: #fff;
	}
	
th {
	text-align: left;
	}
	
#productsHead {
	text-indent: -1000em;
	}


ol#resultslist {
margin-left: 15px;
}

ol#resultslist li a {
text-decoration: none;
color: #000;
}

ol#resultslist li a:hover {
text-decoration: underline;
color: #000;
}

ol#resultslist p {
margin: 0;
padding: 0 0 10px 0;
color: #666;
}

/************** FORM ********************/
form {padding: 0px;}

form fieldset {background: #eee; display: block; padding: 5px; margin-bottom: 0.5em; line-height: 1.5em; border: none;} 

form label {clear: left; display: block; float: left; width: 120px; text-align: right; padding-right: 10px; color: #888; margin-bottom: 0.5em;}

form input {border: 1px solid #999; background: #fff url(text_field_bkgnd.gif) repeat-x top left; padding-left:0.5em; margin-bottom:0.6em; width: 250px;}

form textarea {width: 250px; height: 7em; border: 1px solid #999; padding: 0.5em; overflow: auto; background: #fff url(text_field_bkgnd.gif) repeat-x top left; font: 12px verdana, sans-serif;}


form input.submit {padding-left:0.5em; margin-bottom:0.6em; width: 102px; height: 30px; float: right; border: none; background-image: none;}








/***********************************************************************************/
/* Extranet */


label {font: inherit;}
	
input {border-bottom-style: inset;}
		
.login {
	width:160px;
	background-color: #99CC00;
	}

.msg {font-family:Arial Narrow;}

.hide {display:none;}

.account {}
	
.password {}

.submit {}
	
#logon_succes {color: green;}
	
#logon_form {background: #f0f0f0;}
	
#logon_panel {
	height: 160px:
	}
	
#logon_error {
	background-color: #00FF00;
	color: red;
	}

#logout {}


/****************************************************************************************/
left_frame img.right {
float: right;
}

body.txtStyle {
background-image: #none;
background-color: #fff;
color: #666;
}

body.txtEditorBkgnd {
background-color: #fff;
background-image: none;
text-align: left;
}

td p.txtEditorBkgnd {
background-color: #ccc;
background-image: none;
text-align: left;
}