/*
Stylesheet for the LISTING CAN
- Comments are provided for each element to be changed as needed
- Changes are made to customize design appearances for individual web sites
- Link this Stylesheet to all Pages in the Listing Can
	listing.php
	detail.pdp
	footer.htm
	request_form.php
	ALSO: Link to the top_banner and left_nav frame site pages
*/

/*
BODY----------------------------------------------------------------------------------------------
Change the body background color to match site color scheme
Change font  family, size, color, set basic alignment
*/
BODY {
	background-color : #FDFFEA;
	font-family: verdana;
	font-size :11px;
	color: #193226;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

/*
LINKS ---------------------------------------------------------------------------------
- Change the values for link effects to match site appearance
- ALL Link Classes (LVHA) must appear in order to function properly
- 
*/
A:LINK {
	font-family : verdana;
	font-weight : bold;
	font-size :11px;
	color: #D9eadd;
	text-decoration: none;
}

A:VISITED {
	font-family : verdana;
	font-weight : bold;
	font-size :11px;
	color: #D9eadd;
	text-decoration: none;
}

A:HOVER {
	font-family : verdana;
	font-weight : bold;
	font-size :11px;
	color: #01255B;
	text-decoration: none;
}

A:ACTIVE {
	font-family : verdana;
	font-weight : bold;
	font-size :11px;
	color: #D9eadd;
	text-decoration: none;
}

/*
td-----------------------------------------------------------------------------------------
- Use for all "normal"  text fields inside table cells
- Change font size, family, and color
*/
td
{
	font-family :verdana;
	font-size :11px;
	color: #193226;
}

/*
td.page_name --------------------------------------------------------------------------
- Page name appears at the top of the listings page
- Change font attributes here for size and color and font
*/
td.page_name
{
	font : normal 15px sans-serif;
	text-align : center;
}

/*
table.listing -----------------------------------------------------------------------------
- Specify the alignment, background color and borders for the listings
*/
table.listing{
	background-color: #DDEAD9;
	border: 1px;
	border-color: #3D6350;
	border-style : solid solid solid solid;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*
td.list_photo  ----------------------------------------------------------------------------
- Table cell for the listing page photo. Change background color to match site color scheme
- Add or Remove borders if necessary
*/
td.list_photo
{
	background-color: #3D6350;
	margin: 0px;
	padding: 10px;
	width : 150px;
	height : 100px;
}

/* 
/*
td.navi  ----------------------------------------------------------------------------
- Table cell for the listing page photo. Change background color to match site color scheme
- Add or Remove borders if necessary
*/
td.navi
{
	background-color: #3D6350;
	margin: 0px;
}

/*
td.title ------------------------------------------------------------------------------------
- Used for the title line of the detail page
- Changes the cell to have a bottom border (shown as a solid line)
using the site color scheme - Changes text to 14pt bold
*/
td.title
{
	font-weight: normal;
	font-size: 15px;
	text-align: center;
	border-top : 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-bottom: 1px solid #3D6350;
	border-left: 0px solid #ffffff;
}


/*
td.underline ------------------------------------------------------------------------
 Used for table cells that need a colored bottom border
- Changes the cell to have a bottom border (shown as a solid line)
- ONLY change the border-bottom for size and color of underline
- Change the font color as needed
NOTE: the cell must contain text OR   to display the line
*/
td.underline
{
	font-weight: bold;
	color: #3D6350;
	text-align: center;
	border-bottom: 1px solid #3D6350;
}

/*
td.cell_back -------------------------------------------------------------------------
Set the background color of a cell - used for a spacer or strip across page
*/
td.cell_back
{
	background-color : #FDFFEA;
}

/*
td.bold_field ------------------------------------------------------------------------
Use for fields where the text appearance needs to be bold 
All other font attributes are inherited from the BODY element
*/
td.bold_field
{
	font-weight : bold;
}

/*
td.bold_back ------------------------------------------------------------------------
Use for fields where the text appearance needs to be bold AND a
backround color is desired
*/
td.bold_back
{
	font-weight : bold;
	background-color : #D9eadd;
}

/*
td.detail_photo ---------------------------------------------------------------------
Used to outline small photos on the detail page
*/
td.detail_photo
{
	text-align : center;
	background-color : #DDEAD9;
	padding-bottom : 10px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	vertical-align : middle;
}

/*
input.button_style ---------------------------------------------------------------------
Changes the appearance of the font characteristics of form buttons 
*/
input.button_style
{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color : #193226;
}

/*
td.footer ----------------------------------------------------------------------------
Set the font characteristics for the SSI footer page include
Note: The link to Pawlik Corp is styled IN-LINE directly on the footer page with size 1 font
This will overide the pseudo-class font size for hyperlinks and keep at force the smaller size while  keeping the link colors the same as the rest of the site.
*/
td.footer
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : #193226;
	text-align: center;
}

/*
td.pre ------------------------------------------------------------------------------------
Set the font to pre-formatted monospaced font (plain)
*/
td.pre
{
	font-family : monospace;
	white-space : pre;
}

/*
.highlight --------------------------------------------------------------------------------
Sets a highlight color for the background of a section of text
- Call with the span tag around the area to highlight
*/
.highlight
{
	background : #ffffff;
}