BODY { height: 100%; margin: 0; padding: 0; background-color: #676767; font-size: 70%; }
BODY, TD, TH, INPUT, SELECT, TEXTAREA { color: #000; font-weight: normal; font-family: Calibri; }

/* === LAYOUT === */
#page { width: 960px; margin: 0 auto; background: #FFFFFF; padding: 10px; }

/* === HEADER === */
#header { background-color: #323232; color: #ff9933; }
#header H1 { float: left; width: 269px; margin: 0 30px 0 0; padding: 0; font-size: 0; text-indent: -5000px; }
#header H1 A { display: block; height: 58px; background: url(/images/white_label/1822-logo_image.png) no-repeat left top; }
#header P SPAN { float: left; margin: 20px 0 0 0; font-weight: bold; }
#header P A { margin-left: 15px; color: #ffcc00 }
#header SPAN { float: right; }
#header SPAN A { margin: 0 5px; font-size: 110%; font-weight: bold; color: #ffcc00 }


/* === MENU === */
#menuMain { 
background: #676767;
  display:block; /* a must */
  border: solid #666666;
  border-width: 0 1px; /* left and right borders only */
  text-decoration: none;
  outline:none; /* so as not to distract from the effect */

}
#menuMain DIV { background: none; 
 display: block; /* another must */
  position:relative; /* because the child elements are positioned */
  top: -1px; /* drag it up a little, creates the top notches */
  left: 0;
  border:solid #666666;
  border-width:1px 0 0; /* top border only */
}
#menuMain DIV DIV { background: none; 
  border-width:0 0 1px; /* bottom border only */
  top: 2px; /* pushed down a little to create the bottom notches */
}
#menuMain DIV DIV DIV { background: none; 
  top:-1px;
  padding: 1px 6px;
  border-width: 0;

}
#menuMain UL { width: 892px; margin: 0; padding: 2px 0 2px 68px; list-style: none; background: none; }
#menuMain ul:after {
	height: 0;
	clear: both;
	content: "";
	display: block;
}
#menuMain LI { float: left; margin-right: 1px; }
#menuMain A 
{ 
    float: left; 
    color: #FFFFFF; 
    font-size: 120%; 
    font-weight: bold; 
    text-decoration: none; 
}
#menuMain A SPAN { float: left; cursor: pointer; }
#menuMain A SPAN SPAN SPAN { padding: 4px 15px; }
#menuMain A:hover { 
	background: #999999; 
	color: #323232; 
}
#menuMain A:hover SPAN { 
background: none; 
}
#menuMain A:hover SPAN SPAN { 
background: none; 
}
#menuMain A:hover SPAN SPAN SPAN { 
background: none 
}
#menuMain LI.active A { 
	background: none; 
	color: #F87500; 
}
#menuMain LI.active A SPAN { background: none;
 }
#menuMain LI.active A SPAN SPAN { background: none; }
#menuMain LI.active A SPAN SPAN SPAN { background: none; }

#pmico A {color:#FFFFFF;}

/* === drop-down menu === */
#menuMain ul li{
	position: relative;
	height: 1%;
}
#menuMain ul li div.level{
    z-index: 1;
	display: none;
	width: 170px;
	position: absolute;
	left:0;
	top:20px;
	background: #999999;
	overflow: hidden;
}
#menuMain A:hover,
#menuMain ul li:hover a,
#menuMain ul li.hover a { 
	background: #999999; 
	color: #323232; 
}
#menuMain A:hover SPAN,
#menuMain ul li:hover a span,
#menuMain ul li.hover a span { background: none; 
}
#menuMain A:hover SPAN SPAN,
#menuMain ul li:hover a span span,
#menuMain ul li.hover a span span{ background: none; 
}
#menuMain A:hover SPAN SPAN SPAN,
#menuMain ul li:hover a span span span,
#menuMain ul li.hover a span span span { background: none; 

}
#menuMain ul li:hover div.level,
#menuMain ul li.hover div.level{
	display:block;
    
}
#menuMain ul li div.level ul{
	padding: 6px 0;
	width: 170px;
	overflow: hidden;
	background: none;

}
#menuMain ul li div.level ul li{
	float: none;
	width: 170px;
	float: left;
}
#menuMain ul li:hover div.level ul li a,
#menuMain ul li.hover div.level ul li a,
#menuMain div.level ul li a{
	background:none;
	font-weight: normal;
	width: 134px;
	padding: 3px 18px;
	font-size: 11px;
	color: #323232; 
	border-top: 1px solid #878787;
	position: relative;
}
#menuMain ul li div.level ul li.begin a{
	border: none;
}
#menuMain ul li div.level ul li.divider a{
	border-top: 1px dashed #777777;
    border-top-style: dashed;
}
#menuMain ul li div.level ul li a:hover{
	background: #676767;
}
/* end drop-down menu */

.menu H3 { 
	background: #999999; 
	margin: 0 0 3px; 
	padding: 0; 
	color: #323232; 
	font-size: 110%; 
	font-weight: bold;
	  display:block; /* a must */
  border: solid #999999;
  border-width: 0 1px; /* left and right borders only */
  text-decoration: none;
  outline:none; /* so as not to distract from the effect */
}
.menu H3 SPAN { width: 100%; display: block; background: none; cursor: pointer; 
  display: block; /* another must */
  position:relative; /* because the child elements are positioned */
  top: -1px; /* drag it up a little, creates the top notches */
  left: 0;
  border:solid #999999;
  border-width:1px 0 0; /* top border only */
}
.menu H3 SPAN SPAN { background: none; 
  border-width:0 0 1px; /* bottom border only */
  top: 2px; /* pushed down a little to create the bottom notches */
}
.menu H3 SPAN SPAN SPAN { background: none; 
  top:-1px;
  padding: 1px 6px;
  border-width: 0;

}
.menu H3 B { display: block; min-height: 15px; background-image: url(/images/lightimages/layout/menu_arrow.gif); background-repeat: no-repeat; padding: 3px 23px 3px 10px; }
.menu UL { margin: 12px 0 0; padding: 0 0 5px 4px; list-style: none; }
.menu LI { margin-bottom: 8px; }
.menu li.subon {font-weight:bold; color:#FA5F10; font-size:12px;}
.menu LI A { font-size: 110%; font-weight: bold; }
.menu.hide H3 B { background-position: 136px 0; }
.menu.show H3 B { background-position: 116px -20px; }
.menu.hide UL  { display: none; }
.menu.show UL  { display: block; }


.navBar { width: 100%; float: left; }
.navBar P { float: left; margin: 0; padding: 6px 8px; font-weight: bold; }
.navBar SPAN { margin: 0 3px; }
.navBar UL { float: right; margin: 0; padding: 0; list-style: none; }
.navBar LI { float: left; padding-top: 4px; }
.navBar LI A { float: left; min-height: 16px; margin-left: 12px; padding-right: 24px; line-height: 16px; }
* HTML .navBar LI A { height: 16px; }
.navBar LI A.icoEmail { background: url(/images/lightimages/icons/ico_email.gif) no-repeat right center; }
.navBar LI A.icoPrint { background: url(/images/lightimages/icons/ico_print.gif) no-repeat right center; }


/* === BLOCKS === */
.searchBlk { 
	width: 100%; 
	background: #999999; 
	  display:block; /* a must */
  border: solid #999999;
  border-width: 0 1px; /* left and right borders only */
  text-decoration: none;
  outline:none; /* so as not to distract from the effect */
}
.searchBlk DIV { background: none; 
  display: block; /* another must */
  position:relative; /* because the child elements are positioned */
  top: -1px; /* drag it up a little, creates the top notches */
  left: 0;
  border:solid #999999;
  border-width:1px 0 0; /* top border only */

}
.searchBlk DIV DIV { background: none; 
  border-width:0 0 1px; /* bottom border only */
  top: 2px; /* pushed down a little to create the bottom notches */

}
.searchBlk DIV DIV DIV { background: none; padding: 6px 10px; 
  top:-1px;
  padding: 1px 6px;
  border-width: 0;

}
.searchBlk H3 { 
	margin: 0 0 13px; 
	padding: 0; 
	color: #323232; 
	font-size: 120%; 
	font-weight: bold; 
}
.searchBlk SPAN { float: left; width: 130px; height: 16px; background: none; padding: 1px 5px; }
.searchBlk INPUT { float: left; border: 0; }
.searchBlk INPUT.inputbox { width: 100%; height: 16px; padding: 0; }
.searchBlk P { margin: 0; padding-left: 85px; }
.searchBlk A { font-weight: bold; }

.searchBlkLft { 
width: 100%; 
background: #999999;
	  display:block; /* a must */
  border: solid #999999;
  border-width: 0 1px; /* left and right borders only */
  text-decoration: none;
  outline:none; /* so as not to distract from the effect */
}
.searchBlkLft DIV { background: none; 
  display: block; /* another must */
  position:relative; /* because the child elements are positioned */
  top: -1px; /* drag it up a little, creates the top notches */
  left: 0;
  border:solid #999999;
  border-width:1px 0 0; /* top border only */

}
.searchBlkLft DIV DIV { background: none; 
  border-width:0 0 1px; /* bottom border only */
  top: 2px; /* pushed down a little to create the bottom notches */

}
.searchBlkLft DIV DIV DIV { background: none;
  top:-1px;
  border-width: 0;

}

. searchBlkLft H3
{
    	color:    #323232;
	margin: 0 0 4px 10px; 
	padding: 0; 
	font-size: 100%; 
	font-weight: normal; 
	background:none; 
}

/* Styles for finder intro text */
#welcomebroker H2 { margin: 0 0 10px 0; padding: 0;  font-size: 200%; font-weight: bold; line-height: normal; color: #000000;}
#welcomebroker H4, H1 { margin: 0 0 10px 0; padding: 0;  font-size: 130%; font-weight: normal; line-height: normal; color: #333; overflow:visible;}
#welcomebroker H1  {font-size: 120%; color: #999; font-weight: bold; margin:0 0 15px 0;}
#welcomebroker H1 span {margin-left:15px; font-weight: normal; color: #000;}
#welcomebroker H4 .explain {font-size:90%; line-height:140%; color:#606060;}

#welcomebroker H3 { background: url(/images/ox/layout/dotted_hor.gif) repeat-x left top; margin: 15px 0 10px; padding: 10px 0 0 0; color: #333; font-size: 150%; font-weight: normal; text-transform: none; line-height: normal; }
#welcomebroker table {border-collapse: collapse; width:700px; margin: 0 0px 10px 0px;}
#welcomebroker table td.lft{width:33%; padding:5px 10px 5px 0px; border-right:1px gray dotted; vertical-align:top;}
#welcomebroker table td.mid{width:33%; padding:5px 5px 5px 15px; border-right:1px gray dotted; vertical-align:top;}
#welcomebroker table td.rt {width:34%; padding:5px 5px 5px 15px; border-right:none; vertical-align:top;}
#welcomebroker .startHd {margin-bottom:15px; font-weight: bold; font-size:100%; line-height: normal; color: #000;}
#welcomebroker .startHd .num {color:#888;}
#welcomebroker .startbod {font-weight: normal; font-size:100%; line-height: 170%; color: #333;}
#welcomebroker .offer {font-weight:normal; font-size:120%; color: #000; margin-bottom:20px;}

/* Styles for dynamic popups on finder page - for all WL sites, not just OX */
.dynamicOXclass {border:4px rgb(240, 89, 34) solid; padding:7px 7px 20px 7px; width:440px; background-color:#fff;  line-height:180%; font-family: Verdana, Arial, sans-serif; font-size:12px; color:#444;}
.dynamicOXclass .rightX {float:right; color:#000;}
.dynamicOXclass .rightX A {float:right; color:#000; text-decoration: none; font-weight:bold;}
.dynamicOXclass .rightX A:hover {float:right; color:rgb(240, 89, 34); text-decoration: none; font-weight:bold;}
.dynamicOXclass h1 {color:rgb(240, 89, 34); font-weight:bold; font-family: Verdana, Arial, sans-serif; font-size:18px; margin-bottom:20px;}
.dynamicOXclass h2 {color:rgb(240, 89, 34); font-weight:bold; font-family: Verdana, Arial, sans-serif; font-size:13px; margin-bottom:20px;}
.dynamicOXclass .caption {color:rgb(0, 0, 0); font-weight:normal; font-family: Verdana, Arial, sans-serif; font-size:11px; margin:5px 30px 20px 30px; line-height:120%;}
.dynamicOXclass .insetPic {margin:10px auto auto 10px; width:426px; border:none;}

/* finder floating blocks */
.clmFloater {float: left; display:inline; background-color:#FFFFFF; border-bottom:1px black solid;}
.clmFloaterSkel {padding-top:15px; width:334px; height:180px; margin-left:16px; background-color:#FFFFFF;}