﻿/* Layout Definitions */

body 
{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:10pt;
	background-color:#064E7C;
}

Div.OuterTable
{
	padding:0;
	margin:0 auto;

}

Div.SectionOuter
{
	background: #fff;
	width: 800px;
	margin:0 auto;
	padding:0;
}

.SectionContent
{
	padding: .5em ;
	background: #fff;
	margin:0;
	border-top:0;
	color:#666;
	/* sets the color and borders of the main page container. The top border is in the header.css, #header_bottom */
}


/* container within a page that holds the next two panels.  These can be floated divs or a table */
#panel_container
{
	width:100%;
}

#page_side_panel
{
	width:160px;
	border-right: 1px solid #ccc;
	background-color: #fff;
}

#page_main_panel
{
	padding: .5em;
}

a img
{
	border:none;
}

a
{
	text-decoration:none;
	color:#666;
}


.clearfloat
{
	clear: both;
	font-size:1px;
	line-height:0;
}

.center {
	text-align: center;
}

.floatleft {
	float: left;
	margin: .35em 1em .35em .35em;
}

.floatright {
	float: right;
	margin: .35em .35em .35em 1em;
}

.contentMargins {
	margin: .35em;
	padding: .35em;
}

/* Font Definitions, Content Containers, etc - not layout */

/* Standard container for content on a page */
.content_container 
{
	border: solid 1px #ccc;
	margin: .35em;
	padding: .35em;
	background: #fff;
}


/* Standard section title */
.section_title, h1
{
	font-size: 120%;
	line-height: 18px;
	letter-spacing: .1em;
	color: #A60018;
	margin:0 0 .35em 0;
}

/* Standard sub-section title */
.subsection_title, h2
{
	font-size: 110%;
	line-height: 18px;
	letter-spacing: .1em;
	color: #A60018;
}

/* Use to highlight items within a section or sub-section */
H4
{
	font-size: 100%;
	margin-top: 0;
	margin-bottom: .2em;
	color: #A60018;
}

/* Standard section title FOR LISTS */
li.listTitle

{
	margin: -.30em -.30em .25em -.30em;
	font-weight: bold;
	color: #A60018;
	font-size: 100%;
	display: block;

}

li.listTitle a
{
	color: #961008;
}

/* Standard sub-section title FOR LISTS */
li.listItem
{
	margin: 1em 0em .25em -.15em;
	font-weight:bold;
	color: #A60018;
	font-size: 100%;
}

li.listItem a
{
	color: #A60018;
}

li.listItem ul li a
{
	color: #A60018;
}


/*   */
.form_label
{


	text-align:left;
	display:block;
	float:left;
}

/* use for links like 'more..' or 'click here' */
.accentLink, .accentlink, .clickhere
{
	color: #A60018;
	text-decoration: none;
}

.error_message, .errormessage
{
	font-weight: bold;
	color: #d00;
	font-size:120%;
	padding:.35em;
	margin:.35em;
	border:solid 1px #aaa;
	display:block;
}

.success_message, .successmessage, .SuccessMessage
{
	font-weight: bold;
	color: #3E7D3E;
	font-size:120%;
	padding:.35em;
	margin:.35em;
	border:solid 1px #aaa;
	display:block;
}



/* Page Specific Definitions */

#emailFriend_list
{
	list-style-type:none;
}

#emailFriend_list li 
{
	margin-top:.75em;
}


/* tool tips */
.tooltip {display:inline;}
#narrow_search_panel .tooltip {margin-left:.35em;}

.tooltip .tooltip_content, .tooltip .tooltip_content_2col {display:none;}
.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
.tooltip:hover .tooltip_content {display:block; position:absolute; top:9px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #222; background:#ddd; width:190px; text-align:left;}
.tooltip:hover .scroll {overflow:auto; height:20em;}
.tooltip:hover .tooltip_content div {margin-bottom:.5em; font-size:9pt;}
.tooltip:hover .tooltip_content div span {font-weight:bold; display:block; clear:both;}
.tooltip:hover .tooltip_content img {float:left; border:solid 1px #aaa; margin:.35em;}


/* -------- Use this to hide manufacturer names ------- */
.Mfg_Name
{
	
}

/* -------- hacks ------- */

/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */
