/*

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       { color: #146c98; font-size: 11px; font-family: verdana, helvetica, "sans serif"; background-color: #ecf3ff; background-image:url(bkgr.jpg); text-align: center; margin: 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         { color: #F7BA48; font-weight: bold; font-size: 11px; font-family: verdana, helvetica, "sans serif"; text-decoration: none }



A:VISITED      { color: #F7BA48; font-weight: bold; font-size: 11px; font-family: verdana, helvetica, "sans serif"; text-decoration: none }



A:HOVER        { color: #F7BA48; font-weight: bold; font-size: 11px; font-family: verdana, helvetica, "sans serif"; text-decoration: none}



A:ACTIVE       { color: #F7BA48; font-weight: bold; font-size: 11px; font-family: verdana, helvetica, "sans serif", text-decoration: none }



/*

td-----------------------------------------------------------------------------------------

- Use for all "normal"  text fields inside table cells

- Change font size, family, and color

*/

td

   { color: #146c98; font-size: 11px; font-family: verdana, helvetica, "sans serif" }



/*

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

           { color: #99242D; font: bold 15px, verdana, helvetica; font-style: italic; text-align: center }



/*

table.listing -----------------------------------------------------------------------------

- Specify the alignment, background color and borders for the listings

*/

table.listing     { color: #127687; background-color: #ecf3ff; text-align: left; margin: 0px; padding: 0px; border: solid 1px #127687 }



/*

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

     { color: #7d8fcd; background-color: #7d8fcd; margin: 0px; padding: 5px; border: #146c98; width: 150px; height: 100px }



/* 

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

           {color: #3283B2; font-style: italic; font-weight: bold; font-size: 16px; font-family: verdana, "sans serif";

}





/*

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 &nbsp; to display the line

*/

td.underline

    { color: #146c98; font-weight: bold; text-align: center; border-bottom: 1px solid #99242D }



/*

td.cell_back -------------------------------------------------------------------------

Set the background color of a cell - used for a spacer or strip across page

*/

td.cell_back

   { color: #ecf3ff }



/*

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

   { color: #146c98; 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 }

.td.detail_photo 

{ text-align: center; vertical-align: middle; border:solid 1px #127687}

.input.button_style      
{ color: #146c98; font-weight: bold; font-size: 11px; font-family: verdana, helvetica, "sans serif"; background-color: #cef3ff }

td.footer

  { color: #146c98; font-size: 10px; font-family: "sans serif", helvetica, verdana, ; text-align: center }

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 : #FFE5FF;

}

