/* style & send*/


/* HARRY 
please note my style for TD error message
please make the left nav '.left_active' globally active
can you do this for the menu on account pages too
if so use '.account_menu_active' THANKS
*/

BODY 
{
 	background-image: url(../images/color_beige.jpg);
	background-color: #D9D5C7;
	margin: 10px 0px 0px 0px;  /* top, right, bottom, left*/
    color: #000000;
 	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 	font-size: 12px;
}

img { border: 0; }

p { line-height: 2; }

/* css in alpha order except left nav css at bottom*/

/* links by alpha order*/

A
{
 color : #df631d;
}

A.account_menu
{
  text-decoration: none;
}


A.alert
{
  color: #903;
}

A.bottom
{
 color: #604837;
}

A.go
{
 text-decoration: none;
}

A.left
{
 color: #663333;
 text-decoration: none;
 font-size: 12px;
}

A.normal
{
font-weight: normal;
 font-size: 12px;
}

A.upper
{
 color: #FFFFFF;
 text-decoration: none;
 font-size: 14px;
}

A.upper:HOVER, A.upper:ACTIVE
{
 color: #FFcc66;
 text-decoration : none;
}


/* tables by alpha order*/

TABLE.border
{
 border : 1px solid #630;
}

TABLE.bottom_nav
{
  color: #930e1a;
  text-align: center;
}

TABLE.calculator 
{
  border: 1px solid #663300;
}

TABLE.card_view
{
 border: 1px solid #663300;
 padding: 5px;
}

TABLE.content
{
  background-color: #FFFFFF;
}

TABLE.home_promo
{
  background-image: url(../images/home/home_promo_bg.jpg);
}

TABLE.leftnav
{
  background-color: #FFFFFF;
  text-indent: 10px;
  line-height: 150%;
}

TABLE.preview
{
  background-color: #FFFFFF;
  text-indent: 10px;
  line-height: 150%;
  padding: 10px;
}

TABLE.seo
{
  color: #D9D5C7;
}

TABLE.summary_figures
{
  padding: 5px;
  padding-right: 20px;
}

TABLE.summary_nav
{
  float: right;
  padding-left: 10px;
  padding-right: 10px;
}

TABLE.uppernav
{
  background-image: url(../images/color_brown.jpg);
  color: #FFFFFF;
  font-weight: 425;
  font-size: 14px;
  text-align: center;
}

/* TD by alpha order*/

TD.account
{
  line-height: 150%;
  padding: 10px;
  font-weight: bold;
}

TD.account_menu
{
  line-height: 150%;
  padding: 10px;
  font-weight: bold;
  color : #df631d;
}

TD.account_new
{
  line-height: 150%;
  padding: 10px;
  font-weight: bold;
  color: #999;
}

TD.account
{
  line-height: 150%;
  padding: 10px;
  font-weight: bold;
}

TD.approve
{
  background-image: url(../images/color_cream.jpg);
  background-color: #D9D5C7;
  font-weight: bold;
}

TD.back_button 
{
  padding: 20px 20px 20px 0px;
}

TD.bar_title
{
    padding-left: 10px;
}

TD.calculator
{
  background-image: url(../images/color_putty.jpg);
  padding: 5px;  
}

TD.calculator_total
{
  padding: 5px;  
  font-weight: bold;
}

TD.cardbar 
{
  padding: 5px 20px 5px 20px;/* top, right, bottom, left*/
}

TD.cardbar_white 
{
  background-color: #FFFFFF;
}

TD.category_heading
{
  padding: 5px;  
}

TD.category_nav
{
  padding: 5px;
  color: #663333;
  text-decoration: none;
  font-weight: bold;
}

TD.content
{
  padding: 5px;
  color: #663333;
  text-decoration: none;
}


TD.copyright
{
  padding: 10px;
  color: #59462a;
  font-size: 11px;
}

TD.error
{
 color : #C60;
 font-weight : bold;
}

TD.margin /* where to? delete? */
{
  background-color: #FFFFFF;
  padding: 2px;
}

TD.margin2 /* upper nav */
{
  padding: 0px 20px 0px 20px; /* top, right, bottom, left*/
}

TD.margin_decrip
{
  padding: 10px 0px 10px 0px;;
}

TD.preview_bar
{
  background-image: url(../images/color_putty.jpg);
  padding: 5px 20px 5px 20px;
}

TD.preview_info
{
  padding: 10px;
}

TD.process 
{
  	color: #CC9966;
 	font-size: 14px;
	padding: 10px;  
}

TD.process_padding 
{
  padding: 10px; 
  padding-top: 20px;
}

TD.related_item 
{
  padding: 10px 0px 10px 0px; /* top, right, bottom, left*/
}

TD.right
{
  padding: 5px;
  padding-right: 20px;
  text-align: right;
}

TD.rightnav
{
  background-image: url(../images/color_cream.jpg);
  padding: 10px;  
}

TD.rightnav_hm
{
  background-image: url(../images/color_beige.jpg);
  padding: 10px;  
}

TD.seo 
{
  	color: #dfd7c5; 
}

TD.top_nav
{
  color: #663333;
  font-weight: normal;
  font-size: 11px;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

/* table headers by alpha order*/

TH.calculator 
{
  background-image: url(../images/color_beige.jpg);
  background-color: #D9D5C7;
  padding: 5px;  
  font-weight: bold;
}

/* rows by alpha order*/
TR.bar
{
  background-image: url(../images/color_cream.jpg);
}

TR.bar_title
{
	background-image: url(../images/color_cream.jpg);
	color: #666600;
 	font-size: 14px;
	font-weight: bold;
    padding-left: 10px;
}

TR.bottom_nav
{
  padding-top: 10px;
  padding-bottom: 10px;
}

TR.category_nav
{
  background-image: url(../images/color_cream.jpg);
}

TR.process 
{
  background-image: url(../images/color_putty.jpg);
}

TR.total
{
	font-weight: bold;
}
 
 TR.uppernav
{
  background-image: url(../images/color_brown.jpg);
}
 
 
 /* divs, spans by alpha order*/

.account_menu_on
{
   color : #963;
   text-decoration: none;

}

.alert
{
  color: #903;
  font-weight: normal;
  font-size: 12px;
}
.border_alert
{
  border: 3px #903 solid;
}
.ampersand 
{
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	  font-weight: 400;
}

.bar_title
{
	color: #666600;
 	font-size: 14px;
	font-weight: bold;
}

.category_heading
{
   	font-family: Trebuchet MS, verdana, sans-serif;
	color: #836340;
 	font-size: 14px;
	font-weight: bold;
} 

.emphasis
{
 color : #C60;
 font-weight : bold;
}

.header
{
	color: #963;
 	font-size: 14px;
	font-weight: bold;
}

.info_heading
{
	color: #666666;
	font-weight: bold;
}

.normal
{
	font-weight: normal;
}

.preview_title
{
   	font-family: trebuchet, verdana, sans-serif;
	color : #666600;
 	font-size: 14px;
	font-weight : bold;
}

.process_on
{
	color: #f60;
 	font-size: 14px;
	font-weight: bold;
}

.promo_header
{
	color: #CC6600;
 	font-size: 14px;
	font-weight: bold;
}

.regular
{
  color: #663333;
}

.small
{
 	font-size: 11px;
	font-weight: normal;
}

.starting
{
	color: #666600;
 	font-size: 14px;
	font-weight: bold;
}
.hm_promo {
	list-style-image: url(../images/home/bullet_arrows.gif);
	list-style-position: outside;
	list-style-type: none;
	margin-left: 10px;
	margin-bottom: 5px;
}


 /* customize error

.errormessage
{
 font-family : Arial, Helvetica, sans-serif;
 font-size : 12px;
 color : #CC0099;
 font-weight : bold;
 font-style : italic;
}
*/


/* left nav */
A.left:HOVER, A.upper:ACTIVE
{
	color: #df631d;
	text-decoration: none;
}

A.left_title
{
 color: #604837;
 text-decoration: none;
 font-size: 13px;
 font-weight: bold;
}

A.left_title:HOVER, A.upper:ACTIVE
{
 color: #df631d;
 text-decoration: none;
}

#outer_leftnav { 
	float: left;
	width: 156px; 
	margin-left: 0px;
}
#topnavborder {	float:left; margin:0px; padding:0px; font-size:2px; }

/* url(../images/color_beige.jpg); */
.top-left { 
    float:left; 
    background-image: url(../images/nav/left_top_left.gif);
    background-repeat:no-repeat;
	width:9px;
	height:9px;
}
.top-border {
	float:left;
	background-image: url(../images/nav/left_top_border.gif);
	background-repeat:repeat-x;
	width:136px;
	height:9px;	
}
.top-right {
	float:left;
	background-image: url(../images/nav/left_top_right.gif);
	background-repeat:no-repeat;
	width:9px;
	height:9px;
}
#bottomnavborder {
	float:left;
	margin:0px;
	padding:0px;
	font-size:2px;
}

.bottom-left {
	float:left;
	background-image: url(../images/nav/left_bottom_left.gif);
	background-repeat:no-repeat;
	width:9px;
	height:9px;
}
.bottom-border {
	float:left;
	background-image: url(../images/nav/left_bottom_border.gif);
	background-repeat:repeat-x;
	width:136px;
	height:9px;
	
}
.bottom-right {
	float:left;
	background-image: url(../images/nav/left_bottom_right.gif);
	background-repeat:no-repeat;
	width:9px;
	height:9px;
}
#leftnav_header { display: none; }
#leftnav_footer { display: none; }
#leftnav { 
	float:left; margin:0px; 
	width:145px; 
	line-height: 2; 
	text-indent: 20px;
	border-left: 2px solid #604837;
	border-right: 2px solid #604837;
	padding-left: 5px;
	background-image: url(../images/color_putty.jpg);
}
.left_active{
padding-left:10px;
background-image:url(../images/nav/left_arrow.gif);
background-repeat: no-repeat;
}
#leftnav .title_spacing { border:0; margin-bottom:3px; margin-top: 3px;}
#leftnav .image_spacing { border:0; margin-bottom:5px; margin-top: 5px;}
div.leftnav_section ul { color:#630; font-weight:bold; line-height: 1.5; text-indent: 0px; padding: 0; margin: 0; width:123px; }
div.leftnav_section ul li {
	list-style-image: url(../images/nav/left_nav_bullet.gif);
	list-style-position: outside;
	list-style-type: none;
	color: #3A0000;
	margin-left: 40px;
	margin-bottom: 5px;
}
div.leftnav_section li.level2 {
	list-style-image: url(../images/nav/left_arrow.gif);
}
div.leftnav_section li a {
	color:#630;
	display: #300;
	margin-bottom:5px;
	text-decoration:none;	
}
div.leftnav_section li a.ln_selected { background-color:#94C4D1; }


/* left nav ends */