﻿/* :TODO = things to fix / remove before go live */
/* :KLUDGE = work arounds - never pretty */
/* :BUG broken rule */
/* :TRICKY = details some complicated CSS */

/* ----- GLOBALS ----- */

/* Universal global white space reset */
* {
	padding : 0;
	margin : 0;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:100%;
}


/* ----- TAG SELECTORS ----- */

/* Background color for the content part of the pages */
Body
{
	background-color: #dedede;
	text-align: center; 
}

TABLE
{ 
width:932px;
margin:auto;
}

TABLE .innerTableCol TABLE
{
	 width:877px; 
}

TABLE .MainContentPaneContainer TABLE,TABLE .fc2-line table
{
	width: 100%;
}

#features DIV TABLE, #FULL DIV TABLE
{
	width:100%;
}

A IMG
{
	border-width:0px	
}

UL
{
  padding-LEFT:20PX
}

LI
{
	padding-left: 5px
}

INPUT
{
	font-family: arial;
	font-size: 11;
	color: #696969;
	height:18px;
}

/* --------- CLASS SELECTORS --------- */
.clear
{
	clear:both;
	height:0px; 
	font-size:0pt;
	visibility:hidden;	
}

.normal P, P, ul
{
	font-family:	arial;
	font-size:		9pt;
	color:			dimgray;
	text-align:		justify;
	margin-bottom:  10px;
}

.marketingPod .dummyH4
{
	color: #693600;
	font-family: ARIAL;
	font-size: 9pt;
	font-weight: bold;
	border-bottom: solid 1px #693600;
	padding: 3px;
	text-align: LEFT;
	margin-bottom:3px;
}

.TOPBANNERLINKS A
{
	color:			white;
	font-size:		8pt;
	font-family:	arial;
	text-decoration:none;
}

.TOPBANNERLINKS A:HOVER
{
	text-decoration:UNDERLINE;
}

.pd-finehaartlogo
{
	display:none;	
}


DIV.TOPBANNERLINKS
{
	float:right;
	position:relative; 
	top:30px;
	left:-20px;
	color: white;
	text-align:right;
}

TD.INNERTABLECOL
{
	background-color:White;
}

.marketingPod
{
	border-style:solid;
	border-color:#F78939;
	border-width:0px;
	width:180px!important;
	height:100%;
}

.PODTITLE
{
	background-color:#f79d52;
	color:white;
	float:left; 
	border-bottom-style:none; 
	border-bottom-width:0px ;
	Margin-bottom:0px; 
	padding-bottom:0px;
	padding-top:5px; 
	font-size:14; 
	font-weight:bold ; 
	text-align:center;
	width:100%;
}

.SEARCHPANE LABEL
{
	display:block;
	FLOAT:LEFT;
	font-size: 11;
	padding-left: 8px;
	margin-bottom: 2px;
}

.SEARCHPANE
{
	color:White;
	font-family:arial; 
	font-size:9pt; 
	background-color:#f79d52;
	height:222px;
	text-align:left;
	padding-top:5px;
	CLEAR:LEFT;
	margin-bottom: 10px;
}

.SEARCHPANE SELECT
{
	width:128px;
}

.SEARCHPANE INPUT, .SEARCHPANE SELECT
{
	display: block;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 2px;
	clear: LEFT;
	font-family: arial;
	font-size: 11;
	color: #696969;
	height:18px;
}

.SEARCHPANE .FILTERBROADSEARCHBUTTONS
{
	display:block;
	clear:both;
	border-top: white 0px solid;
	margin-top:35px; 
	padding-top:0px;
	padding-left:0px;
}

.SearchFilterPanel
{
	/*height:100px;*/
	margin-bottom:0px!important;
}



.FILTERBROADSEARCHBUTTONS input {height:21px; }



.search-filter .sf-line .radio {
	line-height: 1.2em;
	vertical-align: middle;
	display: none;
	clear: both;
}
.search-filter .sf-line .radio input {
	width: 15px;
	margin: 0 5px 0 0;
	float: left;
	border: 0 none;
	padding: 0;
	color: #000;
}

.LINKPANE
{
	height:100px;
	display:block;
	background-color:#ffb57b; 
	margin-top:0px; 
	padding-bottom:15px;
	margin-bottom:10px;
}

.LINKPANE_SHORT
{
	display:block;
	background-color:#ffb57b; 
	padding-bottom:12px; 
	width:182px;
}

.LINKPANE UL, .LINKPANE_SHORT UL
{
	padding-left:10px;
	padding-right:10px; 
	list-style:none
}

.LINKPANE UL LI,.LINKPANE_SHORT UL LI
{
	padding-top:4px;
	padding-left:10px;
	padding-bottom:4px;
	background: url('../../images/css-line-dashed.gif') repeat-x 0px 0px;
	background-position:bottom;
}

.LINKPANE UL LI A, .LINKPANE_SHORT UL LI A
{
	color:white;
	font-size:12; 
	font-weight:bold; 
	text-decoration:none
}

.LINKPANE UL LI A:HOVER, .LINKPANE_SHORT UL LI A:HOVER
{
	color : #693600; 	
}

.FOOTER A:HOVER
{
	text-decoration:underline;
}

.FOOTER, .FOOTER A, .FOOTER P /* Footer Display Attributes */
{
	background-color:#f78a39; 
	font-family:Tahoma; 
	color:White; 
	font-size:7pt; 
	text-decoration:none;
}

.FOOTER /* Footer Positioning Attributes */
{
	padding :5px;  
   display:block;
}

.linkPod1
{
	margin-top:5px;
}

.brownStripTitle A
{
	text-decoration:none;

}

.brownStripTitle A:HOVER
{
	cursor:hand;
}

.brownStripTitle A H4
{
	font-family:Arial; 
	color:white; 
	background-color:#74564d; 
	padding-left:10; 
	height:17px;	
	font-size:1.1em;
	font-weight:bold;
	padding-top:2px;
	border-bottom: solid 1px white;
}

.priceMode
{
	display:none;
}


/* ---------- ID SELECTORS ---------- */
#leftPane
{
	float:left; 
	padding-left:20px;
	padding-bottom:8px;
}

#leftPane  /* Positional Attributes */
{
	 width:182px; 
}

#sellMenu TR
{
height:26px;
}

#sellMenu TR TD A
{
	COLOR : SLATEGRAY;
	text-decoration:NONE;
}

#sellMenu TR TD A:ACTIVE
{
	/* background-color:#F78A39; */
	/*color: #696969; */
}


#sellMenu TR TD A:hover
{
	/* background-color:#F78A39; */
	color:White;
	cursor:pointer;
}

#imgFJL
{
	WIDTH:309PX;
	height:208PX;
}

#sellMenu TD
{
	font-family:Arial; 
	font-size:10pt;
	padding-left:10px; 
	color : slategray;
	border-bottom-style:solid; 
	border-bottom-color:White;
	border-bottom-width:2px;
	background-color:#ffb57b;
}

#dayDisplay
{
	font-family:Arial;
	font-size: 8pt; 
	color: #6a6d6a;
	padding-right:10px;
}

#dayGreeting
{
	font-weight: bold; 
	font-size: 12pt; 
	color: #f78939; 
	font-family: arial;
}


/* *************** Styles from sell/let pages ************ */
H1
{
	color: #693600;
	font-family: Times;
	font-size: 15pt;
	border-bottom: #693600 thin solid;
	padding-bottom : 2px;
	position:relative;
	top:-3px;
	margin-bottom:5px;
}

.HIPPOD
{
	border-style:solid;
	border-color:#FFB57B;
	border-width:1px;
	width:182px; 
	height:200px; 
	margin-top:5px;
}

.MainContentPaneContainer
{
	float: right;
	width: 675px;
	margin-right: 0px;
	margin-left : 20px;
	padding-right:20px;
}

.valuation-online-input
{
	width: 100%;
	margin-top: 105px;
	text-align: left;
	padding-left:220px;
}

.valuation-online-input .imgbutton
{
	vertical-align:bottom;
}

.instructions
{
	position:relative;
	top:150px;
	height:20px;
	width:93px;
	left:390px;
} 

.instructions.clearfix
{
	/* display:none; */
}

/* -- ******* STYLES FOR TXT LINKS ******* -- **/
.txtLinkHome
{
	text-decoration:none;
	color: sienna;
	font-family: arial; 
	font-size: 8pt;
	padding-left:10px;
	background: url('css-right-arrow.gif') no-repeat 0 50%;
	margin-left:10px;
}

.txtLinkHome:hover 
{
	text-decoration:underline;
}


/* -- ******* STYLES FOR MARKETING POD CONTAINING BRANCH DETAILS ******* -- */

.marketingPod h4
{
	color: #693600;
	font-family: ARIAL;
	font-size: 9pt;
	font-weight: bold;
	/*border-top:solid 1px #693600;*/
	border-bottom: solid 1px #693600;
	padding: 3px;
	text-align: LEFT;
}

.marketingPod h4
{
	color: #693600;
	font-family: ARIAL;
	font-size: 9pt;
	font-weight: bold;
	/*border-top:solid 1px #693600;*/
	border-bottom: solid 1px #693600;
	padding: 3px;
	text-align: LEFT;
}

.marketingPod UL
{
	list-style-type: none;
	margin-left:0px;
	padding-top:5px;
	padding-left:10px;
}

.marketingPod LI
{
	padding-left:12px;	
	padding-bottom:2px;
	background: url('css-right-arrow.gif') no-repeat 0 50%;
}

.marketingPod LI a:hover 
{
	text-decoration:underline;
}

.marketingPod LI A
{
	color : sienna;
	text-decoration : none;
}


/* -- ******* STYLES FOR SITE MAP ******* -- */

.SiteMap table
{
 display:none; 
}

.SiteMap div table
{
	 display:block;	
	 width:10%;
}

.SiteMap div table td a
{
/* background:transparent url(../../Images/css-bullet-box.gif) no-repeat scroll 0 16px; */
padding:10px;
}

.SiteMap table td a
{
text-align:left;
font-size:80%;
line-height:1.7em;
background:transparent url('css-right-arrow.gif') no-repeat scroll 0 50%;
}

.SiteMap table td a:hover
{
	text-decoration:UNDERLINE;
}
