/*main style sheet for hawkins coffee*/

/*==================== Default styles for whole site ================================*/
body
{
	color: #808080;
	font-family: arial; 
	font-size: 10pt; 
	padding: 0px; 
	margin: 0px; 

}

p
{
	padding: 0px;
	margin-top: 10px; 
}

a, a:link, a:hover, a:visited
{
	text-decoration: underlined;
	color: #84583f;
	border: none;
}

img
{
	border: none;
}

h3
{
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
} 
/*========================================================================*/

/*============================= Styles for forms ==============================*/
.inputs
{
	border: 1px #d1d4d1 solid;
	height: 18px; 
}


/*=======================================================================*/

#header
/*Top level page header*/
{
	margin-top: 10px; 
	height: 30px;
	background-image: url( ../images/header.jpg );
	font-size: 19pt; 
	color: #fff;
}

#header_company
{
/*Title bar under menu*/
	margin-top: 10px; 
	height: 30px;
	background-image: url( ../images/header_company.jpg );
	font-size: 19pt; 
	color: #fff;
}

#page_title
/*Title that appears in the header*/
{
	width: 790px;
	margin: 0px auto;
	text-align: right; 
}

#main_content
/*Main container for site*/
{
	margin: 0px auto;
	width: 790px; 
	/*background-image: url( ../images/watermark.png );
	background-repeat: no-repeat; */
}

#main_content a, a:link, a:hover, a:visited
{
    text-decoration: underlined;
    color: #84583f;
    border: none;
    display: inline; 
    
}

#content_left
/*container for content on left*/
{
	width: 480px;
	margin-top: 0px; 
	padding-top: 30px;
	float: left;  
}

#content_right
/*container for content on the right*/
{
	float: right;
	width: 280px; 
	padding-left: 0px; 
	padding-top: 30px; 
}

/*===================== Page specific content for catalogues =========================*/
#content_left_catalogue
/*container for content on left*/
{
	width: 340px;
	margin-top: 0px; 
	padding-top: 30px;
	float: left;  
}

#content_right_catalogue
/*container for content on the right*/
{
	float: right;
	width: 450px; 
	padding-left: 0px; 
	padding-top: 30px; 
}

#product_description
{
	clear: both;
	padding-top: 10px; 
}

#product_image
{
	padding-top: 10px; 
}
/*=========================================================================*/

/*===================== Page specific content for admin ============================*/
#admin_form
{
	padding-top: 20px; 
}

#admin_content a:link, a:visited, a:hover
{
	display: inline;
}

#admin_product
{
	margin-top: 15px; 
	margin-left: 5px; 
	float: left;
	width: 170px; 
	text-align: center; 
	background-color: #f4f2f2; 
	padding: 10px; 
	height: 310px
}

#admin_product a:link
{
	width: auto;
}
/*=========================================================================*/

/*===================== Page specific content for contact form =======================*/
#contact_left
{
	float: left;
}
#quote
{
	color: #cda895;
	text-align: center; 
	padding-top: 25px; 
	font-size: 12pt; 
}

#address
{
	background-image: url(../images/addressbg.jpg);
	width: 297px;
	height: 197px;
	text-align: center;
	color: #fff;
	font-size: 12pt; 
	margin-top: 20px; 
	padding: 10px; 
}

#contact
{
	padding-top: 20px; 
	width: 455px;
	margin-left: 15px; 
	float: left;
}

.contact_table
{ 
	background-color: #fcfbfb;
}

.contact_desc_cell
{ 
	border: 2px #fff solid; 
	width: 110px; 
	text-align: right; valign: top; 
}

.contact_input_cell
{ 
	border: 2px #fff solid; 
}

.contact_input
{ 
	border: 1px #d1d4d1 solid; 
	background-image: url(../images/input_background.jpg); 
	width: 310px; 
	font-size: 8pt; 
	color: #6e6e6e;
}

.contact_input:focus
{ 
	border: 1px solid #8c5a20; 
}

.contact_textarea
{ 
	font-size: 8pt; color: #6e6e6e; 
	background-color: #f8f7f6; 
	background-image: url(../images/textarea_background.jpg); 
	background-repeat: no-repeat; 
	border: 1px solid #d1d4d1; 
	width: 310px; 
}

.contact_textarea:focus
{ 
	border: 1px solid #8c5a20; 
}

.button
{
	margin-left: 345px; 
}
/*========================================================================*/

/* ===================== Bottom Navigation  =====================================*/
/*Used on index,php*/
#bottom_nav
{
	margin-top: 20px; 
}

#bottom_nav img:hover
{
	 filter:alpha(opacity=50); opacity:.5;
}

#bottom_nav ul
{
	margin: 0px;
	padding: 0px; 
}

#bottom_nav li
{
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 197px; 
}

/*=========================================================================*/

/*============================= Top Navigation ================================*/
/*Used on company.php and catelogue pages*/
#top_nav
{
	padding-top: 25px; 
}

#top_nav img:hover
{
	 filter:alpha(opacity=50); opacity:.5;
}

#top_nav ul
{
	margin: 0px;
	padding: 0px; 
}

#top_nav li
{
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px;
}
/*=========================================================================*/

/*============================ Catalogue Navigation =============================*/
#tcatalogue_nav
{
	padding-top: 25px; 
}

#catalogue_nav img:hover
{
	 filter:alpha(opacity=50); opacity:.5;
}

#catalogue_nav ul
{
	margin: 0px;
	padding: 0px;
	float: left; 
	width: 110px;
	height: 114px; 
}

#catalogue_nav li
{
	list-style-type: none;
	position: relative;
	padding: 0px;
	margin: 0px;

}

#catalogue_nav ul ul 
{
	position: absolute;
	z-index: 500;
	top: 114px;
	width: 108px;
	display: none; 
	border: 1px solid #b3988c;
	height: auto;

}

#catalogue_nav li li
{
	text-align: center;
	color: #856050; 
	font-size: 1em;
}

#catalogue_nav li:hover
{
	cursor: pointer;
}

#catalogue_nav li:hover ul 
{
	display: block;
}

#catalogue_nav a, a:hover, a:link, a:visited
{
	width: 108px; 
	display: block; 
	border: none;
}

#catalogue_nav li li a
{
	width: 108px; 
	display: block;
	border-top: 1px solid #b3988c;
	background-color: #ddc3b6;
}

#catalogue_nav li li a:hover
{
	color: #fff;
	background-color: #734e3c;
	text-decoration: none; 
	width: 108px;
	display: block;
}

#catalogue_nav li li a:link, a:visited
{
	text-decoration: none; 
	width: 108px;
	display: block;
}
/*=========================================================================*/

.coffee_link_item
{
    float: left; 
    margin-top: 20px; 
}

#coffee_sub_menu img:hover
{
    filter:alpha(opacity=50); opacity:.5;  
}