
td {
	font: 12px Arial,verdana,sans-serif;
}
a:link, a:visited {  color: #0000ff; text-decoration: underline; }
a:hover, a:active {  color: #FF9933; text-decoration: underline; }
form, img { padding: 0; border: 0; margin: 0; }
input { font-size: 13px; }

/* PAGE CONTAINER */
div.page { width: 750px; text-align: left; margin: 0px auto;}

/* BREADCRUMB NAVIGATION */
div.breadcrumbs {
	font-weight: bold; font-size: 12px;
	text-align: left;
	padding: 0 0 0 9px; margin: 0 0 9px 0;
}
div.breadcrumbs span { color: #000063; font-weight: normal; margin: auto 0.2em; }
div.breadcrumbs h1 { display: inline; font-size: 12px; color: #000063; font-weight: normal; margin: auto 0.2em; }

/* PAGE HEADLINES */
div.headlines { font-weight: bold; text-align: center; margin: 15px 0 16px 0; }
div.headlines h2, div.headlines h3, div.headlines h4 { margin: 0; }
div.headlines h2 { font-size: 24px; }
div.headlines h3 { font-size: 16px; }
div.headlines h4 { font-size: 12px; }
div.headlines em { color: #319A00; font-style: normal; }
div.prematch-headlines h2 { font-weight: normal; margin-top: 16px; }

/* UNORDERED LIST WITH CHECKBOX IMAGES */
ul.checkboxes { padding: 0; margin: 0; }
ul.checkboxes li {
	list-style-type: none;
	background: transparent url(../images/common/li_checkbox.gif) no-repeat 0 4px;
	font-weight: normal; font-size: 12px;
	padding: 0 10px 4px 13px; margin: 0;
}

}
div.product table, div.cart table {
border-collapse: collapse;
}  
div.product td {
font-size:10px;
border:1px solid #E0D0C0!important;
padding: 4px 1px 10px 2px;
margin: 0;
background-color: #fff;	  
border-top:3px solid #E1F0D9;


}
/* UNORDERED LIST WITH PIXELATED ARROWS */
ul.pixie { padding: 0; margin: 0; }
ul.pixie li {
	list-style-type: none;
	background: transparent url(li_pixie.gif) no-repeat 0 4px;
	font-weight: normal; font-size: 12px;
	padding: 0 0 4px 10px; border: 0; margin: 0;
}
ul.pixie li a { color: #61AF4C; }

/* UNORDERED LIST WITH SMALL SQUARE BULLETS */
ul.facts { padding: 0; margin: 0; }
ul.facts li {
	list-style-type: none;
	background: transparent url(../images/common/li_square.gif) no-repeat 0 5px;
	font-weight: normal; font-size: 12px;
	padding: 0 0 4px 8px; margin: 0 0 0 0;
}

/* UNORDERED LIST WITH BIG SQUARE ORANGE BULLETS */
ul.sqourange { padding: 0; margin: 0; }
ul.squorange li {
	list-style-type: none;
	background: transparent url(../images/common/li_square_orange.gif) no-repeat 2px 5px;
	font-weight: normal; font-size: 12px;
	padding: 0 0 4px 16px; margin: 0 0 0 0;
}

/* UNORDERED LIST WITH EXPAND/COLLAPSE ARROWS - USED FOR LOAN CALCULATORS */
ul.tree { padding: 0; border: 0; margin: 0; }
ul.tree a:link, ul.tree a:hover, ul.tree a:visited, ul.tree a:active, ul.tree span {
	color: #000066;
	text-decoration: underline;
	cursor: pointer;
}
ul.tree li {
	list-style-type: none;
	background: transparent url(../images/common/li_triangle.gif) no-repeat 0 3px;
	font-weight: bold; font-size: 12px;
	padding: 0 0 11px 14px; border: 0; margin: 0;
}
ul.tree li.open { background: transparent url(../images/common/li_triangle_down.gif) no-repeat 0 3px; }
ul.tree li ul { padding: 10px 0 0 0; margin: 0; }
ul.tree li ul li {
	background: transparent url(../images/common/li_square_sm.gif) no-repeat 0 6px;
	font-weight: normal; font-size: 12px;
	padding: 0 0 0 7px; margin: 0;
}
ul.tree li ul li.more {
	background: transparent url(../images/common/li_triangle_sm.gif) no-repeat 5px 5px;
	font-size: 11px;
	padding-left: 15px; margin: 7px 0 0 0;
}
ul.tree li ul li.fewer {
	background: transparent url(../images/common/li_triangle_sm_down.gif) no-repeat 5px 5px;
	font-size: 11px;
	padding-left: 15px; margin: 7px 0 0 0;
}
ul.tree li ul li.fewer ul { padding: 0; margin: 6px 0 0 0; }
ul.tree li ul li.fewer ul li {
	background: transparent url(../images/common/li_square_sm.gif) no-repeat 0px 6px;
	font-weight: normal; font-size: 11px;
	padding: 0 0 0 7px; margin: 0;
}
ul.tree li ul li.fewer ul li.extra { font-weight: bold; margin-top: 6px; }

/* DROP-SHADOWED WHITE PANEL WITH ROUNDED CORNERS */
div.roundPanel { background: url(../images/boxes/round1/tile-right.gif) repeat-y top right; }
div.roundPanel div.x2 { background: url(../images/boxes/round1/tile-bottom.gif) repeat-x bottom left; }
div.roundPanel div.x3 { background: url(../images/boxes/round1/corner-top-rt.gif) no-repeat top right; }
div.roundPanel div.x4 { background: url(../images/boxes/round1/corner-bot-rt.gif) no-repeat bottom right; }
div.roundPanel div.x5 { background: url(../images/boxes/round1/corner-bot-lt.gif) no-repeat bottom left; }

/* DROP-SHADOWED WHITE PANEL WITH ROUNDED CORNERS AND FULL BORDER*/
div.roundPanel2 { background: url(../images/boxes/round2/tile-top.gif) repeat-x top left; }
div.roundPanel2 div.x2 { background: url(../images/boxes/round2/tile-right.gif) repeat-y top right; }
div.roundPanel2 div.x3 { background: url(../images/boxes/round2/tile-bottom.gif) repeat-x bottom left; }
div.roundPanel2 div.x4 { background: url(../images/boxes/round2/tile-left.gif) repeat-y top left; }
div.roundPanel2 div.x5 { background: url(../images/boxes/round2/corner-top-rt.gif) no-repeat top right; }
div.roundPanel2 div.x6 { background: url(../images/boxes/round2/corner-bot-rt.gif) no-repeat bottom right; }
div.roundPanel2 div.x7 { background: url(../images/boxes/round2/corner-bot-lt.gif) no-repeat bottom left; }
div.roundPanel2 div.x8 { background: url(../images/boxes/round2/corner-top-lt.gif) no-repeat top left; padding: 1px 3px 3px 1px; }

/* DROP-SHADOWED WHITE PANEL WITH LARGE ROUNDED CORNERS AND FULL BORDER*/
div.roundPanel4 { background: url(../images/boxes/round4/tile-top.gif) repeat-x top left; }
div.roundPanel4 div.x2 { background: url(../images/boxes/round4/tile-right.gif) repeat-y top right; }
div.roundPanel4 div.x3 { background: url(../images/boxes/round4/tile-bottom.gif) repeat-x bottom left; }
div.roundPanel4 div.x4 { background: url(../images/boxes/round4/tile-left.gif) repeat-y top left; }
div.roundPanel4 div.x5 { background: url(../images/boxes/round4/corner-top-rt.gif) no-repeat top right; }
div.roundPanel4 div.x6 { background: url(../images/boxes/round4/corner-bot-rt.gif) no-repeat bottom right; }
div.roundPanel4 div.x7 { background: url(../images/boxes/round4/corner-bot-lt.gif) no-repeat bottom left; }
div.roundPanel4 div.x8 { background: url(../images/boxes/round4/corner-top-lt.gif) no-repeat top left; padding: 9px 10px 12px 9px; }

/* DROP-SHADOWED HALF-PANEL FOR MINIMAL TOPNAV */
div.miniTopNav { background: #FFFFFF url(../images/boxes/topNav1/tile-right.gif) repeat-y right top; }
div.miniTopNav div.x2 { background: transparent url(../images/boxes/topNav1/tile-bottom.gif) repeat-x left bottom; }
div.miniTopNav div.x3 { background: transparent url(../images/boxes/topNav1/tile-left.gif) repeat-y left top; }
div.miniTopNav div.x4 { background: transparent url(../images/boxes/topNav1/corner-bot-rt.gif) no-repeat right bottom; }
div.miniTopNav div.x5 { background: transparent url(../images/boxes/topNav1/corner-bot-lt.gif) no-repeat left bottom; padding: 1px 3px 6px 3px; }

/*
 * ####### OLD RULES START HERE #######
 */

 .justify { text-align: justify; margin-right: 20px; margin-left: 20px }
 .justify2 { text-align: left; margin-left: 20px }
 .justify3 { text-align: justify }

 .headlinetext1 { font-family: Arial, verdana; font-size:  24px; color: #000000; font-weight: bold }
 .headlinetext2 { font-family: Arial, verdana; font-size:  12px; color: #000000 }
	
 .locationtext1 { font-family: Arial, verdana; font-size:  12px; color: #000000; font-weight: bold }
 .locationlink1 { font-family: Arial, verdana; font-size:  12px; color: #000066 }

 .infotext1 { font-family: Arial, verdana; font-size:  12px; color: #000066; font-weight: bold }
 .infotext2 { font-family: Arial, verdana; font-size:  12px; color: #000066 }
 .infotext3 { font-family: Arial, verdana; font-size:  12px; color: #000000 }

 .mousetext { font-family: Arial, verdana; font-size:  11px; color: #000000 }
 .mousetextBlue { font-family: Arial, verdana; font-size:  11px; color: #000066 }
 .mousetext2 { font-family: Arial, verdana; font-size:  10px; color: #000000 }
 .mousetext5 { font-family: Arial, verdana; font-size:  9px; color: #000000 }

 .maintextBold { font-family: Arial, verdana; font-size:  12px; color: #000000; font-weight: bold }	
 .maintext1 { font-family: Arial, verdana; font-size:  10px; color: #000000 }	
 .maintext2 { font-family: Arial, verdana; font-size:  11px; color: #000000 }
 .maintext3 { font-family: Arial, verdana; font-size: 12px; color: #000000 }
 .maintext4 { font-family: Arial, verdana; font-size: 14px; color: #000000 }
 .maintext5 { font-family: Arial, verdana; font-size: 13px; color: #000000 }
 .maintext3error { color: #FF0000 }

 .maintitle1 {font-family : Arial, verdana; font-size: 16px; color: #000066; font-weight: bold; cursor: default }
 .maintitle2 {font-family : Arial, verdana; font-size: 14px; color: #000066; font-weight: bold; cursor: default }
 .maintitle3 { font-family: Arial, verdana; font-size: 12px; color: #000066; font-weight: bold; cursor: default }
 .maintitle4 { font-family: Arial, verdana; font-size: 11px; color: #000066; font-weight: bold; cursor: default }
 .maintitle5 { font-family: Arial, verdana; font-size: 26px; color: #000066; font-weight: bold; cursor: default }
 .maintitle6 { font-family: Arial, verdana; font-size: 20px; color: #000066; font-weight: bold; cursor: default }

 .navtext {  font-family: Arial, verdana; font-size: 12px; font-style: normal; font-weight: normal; color: #000066 }
 .navtext_green {  font-family: Arial, verdana; font-size: 12px; color: #000066}

  .navtop { font-family: Arial, verdana; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none }
a.navtop:link {   color: #FFFFFF; text-decoration: none }
a.navtop:visited { color: #FFFFFF; text-decoration: none }
a.navtop:hover {  color: #FFCC00; text-decoration: none}
a.navtop:active {  color: #FFCC00; text-decoration: none}

 .navtitlehome { font-family: Arial, verdana; font-size: 18px; font-weight: bold; color: #000066; text-decoration: none }
a.navtitlehome:link { text-decoration: none }
a.navtitlehome:visited { text-decoration: none }

 .navtitlelink { font-family: Arial, verdana; font-size: 12px; font-weight: bold; color: #000066; text-decoration: none; line-height: 23px; }

 .offertext1 { font-family: Arial, verdana; font-size:  18px; color: #339900; font-weight: bold }
 .offertext2 { font-family: Arial, verdana; font-size:  14px; color: #000066; font-weight: bold }
 .offertext3 { font-family: Arial, verdana; font-size:  12px; color: #000066 }

 .results {  font-family: Arial, verdana; font-size: 11px; color: #000066; font-weight: bold}
 .results2 {  font-family: Arial, verdana; font-size: 10px; color: #000066; font-weight: bold}
 .resultstext { font-family: Arial, verdana; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; text-align: left }

 .navfooter2 {	font-family: Arial, verdana; font-size: 10px;	font-weight: normal; color: #000066;text-decoration: none}
a.navfooter2:link { text-decoration: none }
a.navfooter2:visited { text-decoration: none }
a.navfooter2:hover {  color: #339900; text-decoration: none}
a.navfooter2:active { color: #339900; text-decoration: none}

  .category1 { font-family: Arial, verdana; font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none }
  .category2 { font-family: Arial, verdana; font-size: 15px; font-weight: bold; color: #FFFFFF; text-decoration: none }
  .category3 { font-family: Arial, verdana; font-size: 16px; font-weight: bold; color: #FFFFFF; text-decoration: none }
  .category4 { font-family: Arial, verdana; font-size: 17px; font-weight: bold; color: #FFFFFF; text-decoration: none }
  .category5 { font-family: Arial, verdana; font-size: 18px; font-weight: bold; color: #FFFFFF; text-decoration: none }
.subTitle {
	font-family: Arial, verdana;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.brd {
	border: thin solid #99CC66;
}


/* Used on the lending OCPs for the list of matched lenders */
div.matchedLenders {
	margin-right: 16px;
}
div.matchedLenders div.divider {
	height: 1px;
	background: #BDBDBD;
}
div.matchedLenders div.divider hr {
	display: none;
}

