@charset "utf-8";
/* Author: 123GetCustomers.com */
/****************************/
/* GLOBAL VARIABLES */
* { padding: 0; margin: 0; }
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #333;
}
p {
 padding: 10px;
}
a {
	text-decoration: none;
	color: #3a00ff;
}
a:hover {
	text-decoration: underline;
	color: #3a00ff;
}
img {
	border: 0px;
}
/****************************/

/****************************/
/* MAIN LAYOUT */
#wrapper { 
 margin: 0 auto;
 width: 1000px;
}
#header {
 color: #333;
 width: 1000px;
 float: left;
 height: 155px;
 background-image: url(images/header_bg.gif);
}
#navigation {
 float: left;
 /* width: 1000px; */
 width: auto;
 height: 52px;
 color: #333;
 background-image: url(images/menu_bg.gif);
}
#leftcolumn { 
 color: #333;
 background: #F5F5F5;
 height: 550px;
 width: 220px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 background: #FFFFFF;
 height: 550px;
 width: 780px;
 display: inline;
 overflow-y: scroll;
 overflow-x: hidden;
}
#content2 { 
 float: left;
 color: #333;
 background: #FFFFFF;
 height: 550px;
 width: 780px;
 display: inline;
}
#content3 { 
 float: left;
 color: #333;
 background: #FFFFFF;
 height: 550px;
 width: 780px;
 display: inline;
 overflow-y: scroll;
 overflow-x: hidden; 
}
#footer { 
 /* width: 1000px; */
 width: auto;
 height: 45px;
 clear: both;
 color: #333;
 background: #F1C500;
}
/****************************/

/****************************/
/* LOGO and HALLMARK*/
#logo {
	padding-top: 60px;
	padding-left: 20px;
	float: left;
}
#hallmark {
	float: right;
}
/****************************/

/****************************/
/* Thickbox */
#container_hidden {
	padding: 10px;
	margin: 5px;
	height: 520px;;
	width: 700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: none;
}
#logo_hidden {
	height: 100px;
	width: 700px;
}
#left_hidden { 
	padding-left: 10px;
	color: #333;
	padding-bottom: 10px;
	width: 230px;
	float: left;
}
#left_hidden h1 {
	background-color: #f1c500;
	font-size: 16px;
	font-weight: bold;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
#left_hidden h2 {
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
}
#left_hidden p {
	padding-top: 10px;
	padding-left:10px;
	font-size: 12px;
	font-weight: none;
}
#pic_hidden { 
	float: left;
	color: #333;
	padding-left: 10px;
	padding-bottom: 10px;
	background: inherit;
	height: 300px;
	width: 450px;
}
#pic_hidden img {
	/* height: 50px;
	width: 60px;
	padding: 3px;
	border: none; */
	height: 220px;
	width: auto;
	border: none;
}
#pic_hidden2 img {
	height: 220px;
	width: 280px;
	border: none;
}
#bottom_hidden {
	height: 100px;
	width: 600px;
}
#close_hidden {
	width: 600px;
	height: 15px;
}
/****************************/

/****************************/
/* NAVIGATION MENU ITEMS */
.header-items {    
    font-family: arial, verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
	color: #333;
    text-decoration: none;
    background-image: url(images/nav_off.gif);
	text-align: center;
	line-height: 15px;
	width: 110px;
	height: 52px;
}
.header-items:hover {
	background-image: url(images/nav_hover.gif);
}
.header-itemson {    
    font-family: arial, verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
	color: #333;
    text-decoration: none;
    background-image: url(images/nav_on.gif);
	text-align: center;
	line-height: 15px;
	width: 110px;
	height: 52px;
}
.headerlink {
	text-decoration: none;
	color: #333;
}
.headerlink:hover {
	text-decoration: underline;
	color: #333;
}
/****************************/


/****************************/
/* LEFT COLUMN ITEMS */
#leftcolumn_bubble {
	padding-top: 10px;
	padding-left: 10px;
}
.leftcolumn_wrapper {
	padding-top: 10px;
	padding-left: 18px;
}
.leftcolumn_wrapper h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #A42300;
	font-weight: normal;
}
.leftcolumn_wrapper p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	text-align: left;
}
#leftcolumn_map img {
	padding-top: 5px;
	border: 0px;
}
#leftcolumn_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: normal;
	text-align: center;
	padding-top: 5px;
}
.leftcolumn_sub_menu {
	display: block;
}
.leftcolumn_sub_menu a {
	color: #000;
	text-decoration: none;
}
.leftcolumn_sub_menu a:hover {
	text-decoration: underline;
}
.leftcolumn_sub_menu td {
	background-image: url(images/sub_menu_off.png);
	background-repeat: no-repeat;
	width: 220px;
	height: 25px;
}
.leftcolumn_sub_menu td:hover, #leftcolumn_sub_menu td:active {
	background-image: url(images/sub_menu_hover.png);
	background-repeat: no-repeat;
}
.leftcolumn_sub_menu td h1 {
	padding-top: 4px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
}
#leftcolumn_sub_menu_on {
	width: 220px;
	height: 25px;
	background-image: url(images/sub_menu_on.png);
	background-repeat: no-repeat;	
}
/****************************/

/****************************/
/* CONTENT ITEMS */
#sub_menu {
	/* width: 780px;*/
	width: auto;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 15px;
	background-color: #CCC;
	background-image: url(images/sub_menu_off.png);
	background-repeat: repeat-x;
}
#sub_menu h3 {
	padding-left: 10px;
	padding-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 15px;
	font-weight: none;
}
#sub_menu a, #sub_menu a:visited{
	text-decoration: none;
	color: #333;
}
#sub_menu a:hover {
	text-decoration: underline;
	color: #333;
}
#sub_menuon {
	color: #A42300;
	text-decoration: none;
}
#title h1{     
	padding-top: 20px;
	padding-left: 30px;
	font-family: arial, verdana, sans-serif;
    font-size: 20px;
    font-weight: none;
	color: #A42300;
    text-decoration: none;
}
#home_top_content {
	padding-top: 0px;
	padding-left: 20px;
}
#home_top_content img{
	border: 0px;
}
#home_top_content p {
	margin-top: 10px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
	text-align: justify;
	margin-right: 10px;
}
#home_top_content a:link, #home_top_content a:visited {
	color: #3a00ff;	
}
#home_top_content a:hover, #home_top_content a:active {
	color: #3a00ff;
	text-decoration: underline;
}
#home_bottom_content {
	margin-top: 5px;
	margin-left: 40px;
	width: 691px;
	height: 267px;
	background-image: url(images/featured_property_bg.gif);
	background-repeat: no-repeat;
}
#home_bottom_content_left {
	padding-top: 50px;
	padding-left: 10px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: none;
}
#home_bottom_content_left h2 {
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
}
#home_bottom_content_right {
	padding-top: 30px;
	padding-left: 110px;
	text-align: center;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: none;	
}
#bullet {
	padding-left: 23px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
}

/****************************/


/****************************/
/* FOOTER ITEMS */
.footer_wrapper {
	list-style: none;
	position: relative;
	margin: 0;
	padding-top: 8px;
	padding-left: 10px;
}
.footer_wrapper li{
	display: block;
	overflow: hidden;
	cursor: auto;
	padding-left: 5px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.footer_wrapper a {
	border: 0px;
	color: #000;
}
.footer_wrapper p{
	text-align: right;
	padding-top: 8px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size 14px;
	font-weight: normal;
	color: #666;
}
#footer_credits {
	text-align: right;
	padding-top: 2px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size 12px;
	font-weight: none;
	color: #666;	
}
#footer_copyright {
	text-align: right;
	padding-top: 2px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size 14px;
	font-weight: none;
	color: #666;
}
/****************************/

/****************************/
/* FORM ITEMS */
.login_form {
	width: 300px;	
}
.login_form fieldset {
	background:#f2f2e6;
	padding:10px;
	border:1px solid #fff;
	border-color:#fff #666661 #666661 #fff;
	margin-bottom:36px;
	/* width:600px; */
}
.login_form input, .login_form textarea, .login_form select {
	font:12px/12px Arial, Helvetica, sans-serif;
	padding:0;
}
.login_form fieldset.action {
	background:#9da2a6;
	border-color:#e5e5e5 #797c80 #797c80 #e5e5e5;
	margin-top:-20px;
}
.login_form legend {
	background:#bfbf30;
	color:#fff;
	font:17px/21px Calibri, Arial, Helvetica, sans-serif;
	padding:0 10px;
	margin:-26px 0 0 -11px;
	font-weight:bold;
	border:1px solid #fff;
	border-color:#e5e5c3 #505014 #505014 #e5e5c3;
}
.login_form label {
	font-size:11px;
	font-weight:bold;
	color:#666;
}
.login_form label.opt {
	font-weight:normal;
}
.login_form dl {
	clear:both;
}
.login_form dt {
	float:left;
	text-align:right;
	width:90px;
	line-height:25px;
	margin:0 10px 10px 0;
}
.login_form dd {
	float:left;
	/* width:475px; */
	line-height:25px;
	margin:0 0 10px 0;
}

.adduser_form {
	padding-top: 30px;
	width: 500px;
}
.adduser_form fieldset {
	background:#f2f2e6;
	padding:10px;
	border:1px solid #fff;
	border-color:#fff #666661 #666661 #fff;
	margin-bottom:36px;
	/* width:600px; */
}
.adduser_form input, .adduser_form textarea, .adduser_form select {
	font:12px/12px Arial, Helvetica, sans-serif;
	padding:0;
}
.adduser_form fieldset.action {
	background:#9da2a6;
	border-color:#e5e5e5 #797c80 #797c80 #e5e5e5;
	margin-top:-20px;
}
.adduser_form legend {
	/* background:#bfbf30; */
	background: #f2f2e6;
	color:#000;
	font:17px/21px Calibri, Arial, Helvetica, sans-serif;
	padding:0 10px;
	margin:-26px 0 0 -11px;
	font-weight:bold;
	border:1px solid #000;
	border-color:#e5e5c3 #505014 #505014 #e5e5c3;
}
.adduser_form label {
	font-size:11px;
	font-weight:bold;
	color:#666;
}
.adduser_form label.opt {
	font-weight:normal;
}
.adduser_form dl {
	clear:both;
}
.adduser_form dt {
	float:left;
	text-align:right;
	width:130px;
	line-height:25px;
	margin:0 10px 10px 0;
}
.adduser_form dd {
	float:left;
	/* width:475px; */
	line-height:25px;
	margin:0 0 10px 0;
}

.repair_form {
	padding-top: 30px;
	width: 600px;
}
.repair_form fieldset {
	background:#f2f2e6;
	padding:10px;
	border:1px solid #fff;
	border-color:#fff #666661 #666661 #fff;
	margin-bottom:36px;
	/* width:600px; */
}
.repair_form input, .repair_form textarea, .repair_form select {
	font:12px/12px Arial, Helvetica, sans-serif;
	padding:0;
}
.repair_form fieldset.action {
	background:#9da2a6;
	border-color:#e5e5e5 #797c80 #797c80 #e5e5e5;
	margin-top:-20px;
}
.repair_form legend {
	/* background:#bfbf30; */
	background: #f2f2e6;
	color:#000;
	font:17px/21px Calibri, Arial, Helvetica, sans-serif;
	padding:0 10px;
	margin:-26px 0 0 -11px;
	font-weight:bold;
	border:1px solid #000;
	border-color:#e5e5c3 #505014 #505014 #e5e5c3;
}
.repair_form label {
	font-size:11px;
	font-weight:bold;
	color:#666;
}
.repair_form label.opt {
	font-weight:normal;
}
.repair_form dl {
	clear:both;
}
.repair_form dt {
	float:left;
	text-align:right;
	width:130px;
	line-height:25px;
	margin:0 10px 10px 0;
}
.repair_form dd {
	float:left;
	/* width:475px; */
	line-height:25px;
	margin:0 0 10px 0;
}

.rentcalc_form {
	padding-top: 10px;
	width: 600px;
}
.rentcalc_form fieldset {
	background:#f2f2e6;
	padding:10px;
	border:1px solid #fff;
	border-color:#fff #666661 #666661 #fff;
	margin-bottom:36px;
	/* width:600px; */
}
.rentcalc_form textarea, .rentcalc_form select {
	font:12px/12px Arial, Helvetica, sans-serif;
	padding:0;
}
.rentcalc_form input {
	font:12px/12px Arial, Helvetica, sans-serif;
	padding:0;
	background-color: #3F0;	
}
.rentcalc_form fieldset.action {
	background:#9da2a6;
	border-color:#e5e5e5 #797c80 #797c80 #e5e5e5;
	margin-top:-20px;
}
.rentcalc_form legend {
	/* background:#bfbf30; */
	background: #f2f2e6;
	color:#000;
	font:17px/21px Calibri, Arial, Helvetica, sans-serif;
	padding:0 10px;
	margin:-26px 0 0 -11px;
	font-weight:bold;
	border:1px solid #000;
	border-color:#e5e5c3 #505014 #505014 #e5e5c3;
}
.rentcalc_form label {
	font-size:11px;
	font-weight:bold;
	color:#666;
}
.rentcalc_form label.opt {
	font-weight:normal;
}
.rentcalc_form dl {
	clear:both;
}
.rentcalc_form dt {
	float:left;
	text-align:right;
	width:130px;
	line-height:25px;
	margin:0 10px 10px 0;
}
.rentcalc_form dd {
	float:left;
	/* width:475px; */
	line-height:25px;
	margin:0 0 10px 0;
}

.rentvsbuycalc_form {
	padding-top: 10px;
	width: 730px;
}
.rentvsbuycalc_form fieldset {
	background:#f2f2e6;
	padding:10px;
	border:1px solid #fff;
	border-color:#fff #666661 #666661 #fff;
	margin-bottom:36px;
	/* width:600px; */
}
.rentvsbuycalc_form textarea, .rentvsbuycalc_form select {
	font:12px/12px Arial, Helvetica, sans-serif;
	padding:0;
}
.rentvsbuycalc_form input {
	font:12px/12px Arial, Helvetica, sans-serif;
	padding:0;
	background-color: #3F0;	
}
.rentvsbuycalc_form fieldset.action {
	background:#9da2a6;
	border-color:#e5e5e5 #797c80 #797c80 #e5e5e5;
	margin-top:-20px;
}
.rentvsbuycalc_form legend {
	/* background:#bfbf30; */
	background: #f2f2e6;
	color:#000;
	font:17px/21px Calibri, Arial, Helvetica, sans-serif;
	padding:0 10px;
	margin:-26px 0 0 -11px;
	font-weight:bold;
	border:1px solid #000;
	border-color:#e5e5c3 #505014 #505014 #e5e5c3;
}
.rentvsbuycalc_form label {
	font-size:11px;
	font-weight:bold;
	color:#666;
}
.rentvsbuycalc_form label.opt {
	font-weight:normal;
}
.rentvsbuycalc_form dl {
	clear:both;
}
.rentvsbuycalc_form dt {
	float:left;
	text-align:right;
	width:250px;
	line-height:15px;
	margin:0 10px 2px 0;
}
.rentvsbuycalc_form dd {
	float:left;
	/* width:475px; */
	line-height:15px;
	margin:0 0 5px 20px;
}


.evalprop_form {
	padding-top: 30px;
	width: 650px;
}
.evalprop_form fieldset {
	background:#f2f2e6;
	padding:10px;
	border:1px solid #fff;
	border-color:#fff #666661 #666661 #fff;
	margin-bottom:36px;
	/* width:600px; */
}
.evalprop_form input, .evalprop_form textarea, .evalprop_form select {
	font:12px/12px Arial, Helvetica, sans-serif;
	padding:0;
}
.evalprop_form fieldset.action {
	background:#9da2a6;
	border-color:#e5e5e5 #797c80 #797c80 #e5e5e5;
	margin-top:-20px;
}
.evalprop_form legend {
	/* background:#bfbf30; */
	background: #f2f2e6;
	color:#000;
	font:17px/21px Calibri, Arial, Helvetica, sans-serif;
	padding:0 10px;
	margin:-26px 0 0 -11px;
	font-weight:bold;
	border:1px solid #000;
	border-color:#e5e5c3 #505014 #505014 #e5e5c3;
}
.evalprop_form label {
	font-size:11px;
	font-weight:bold;
	color:#666;
}
.evalprop_form label.opt {
	font-weight:normal;
}
.evalprop_form dl {
	clear:both;
}
.evalprop_form dt {
	float:left;
	text-align:right;
	width:130px;
	line-height:25px;
	margin:0 10px 10px 0;
}
.evalprop_form dd {
	float:left;
	/* width:475px; */
	line-height:25px;
	margin:0 0 10px 0;
}

.evalprop2_form {
	padding-top: 30px;
	width: 700px;
}
.evalprop2_form fieldset {
	background:#f2f2e6;
	padding:10px;
	border:1px solid #fff;
	border-color:#fff #666661 #666661 #fff;
	margin-bottom:36px;
	/* width:600px; */
}
.evalprop2_form input, .evalprop2_form textarea, .evalprop2_form select {
	font:12px/12px Arial, Helvetica, sans-serif;
	padding:0;
}
.evalprop2_form fieldset.action {
	background:#9da2a6;
	border-color:#e5e5e5 #797c80 #797c80 #e5e5e5;
	margin-top:-20px;
}
.evalprop2_form legend {
	/* background:#bfbf30; */
	background: #f2f2e6;
	color:#000;
	font:17px/21px Calibri, Arial, Helvetica, sans-serif;
	padding:0 10px;
	margin:-26px 0 0 -11px;
	font-weight:bold;
	border:1px solid #000;
	border-color:#e5e5c3 #505014 #505014 #e5e5c3;
}
.evalprop2_form label {
	font-size:11px;
	font-weight:bold;
	color:#666;
}
.evalprop2_form label.opt {
	font-weight:normal;
}
.evalprop2_form dl {
	clear:both;
}
.evalprop2_form dt {
	float:left;
	text-align:right;
	width:130px;
	line-height:25px;
	margin:0 10px 10px 0;
}
.evalprop2_form dd {
	float:left;
	/* width:475px; */
	line-height:25px;
	margin:0 0 10px 0;
}

/*Text inputs*/
.NFText {
	border:none;
	vertical-align:middle;
	font:12px/15px Arial, Helvetica, sans-serif;
	background:none;
}
.NFTextCenter {
	height:15px;
	background:url(/images/input.png) repeat-x 0 0;
	padding:3px 0;
	margin:0;
	float:left;
	line-height:15px;
}
.NFTextLeft, .NFTextRight {
	width:7px;
	height:21px;
	vertical-align:middle;
	float:left;
}
.NFTextLeft {
	background:url(/images/input-left.png) no-repeat 0 0;
}
.NFTextRight {
	background:url(/images/input-right.png) no-repeat 0 0;
}
/*Radio*/
.NFRadio {
	cursor:pointer;
	position:absolute;
	display:block;
	width:13px;
	height:13px;
	border:1px solid transparent;
	background:url(/images/radio.png) no-repeat 0 0;
	z-index:2;
}
/*Checkbox*/
.NFCheck {
	cursor:pointer;
	position:absolute;
	width:12px;
	height:12px;
	border:1px solid transparent;
	background:url(/images/checkbox.png) no-repeat 0 0;
	z-index:2;
}
/*Buttons*/
.NFButton {
	width:auto;
	height:26px;
	color:#fff;
	padding:0 2px;
	background:url(/images/button.png) repeat-x 0 0;
	cursor:pointer;
	border:none;
	font:10px/26px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	vertical-align:middle;
}
.NFButtonLeft, .NFButtonRight {
	width:6px;
	height:26px;
	vertical-align:middle;
}
.NFButtonLeft {
	background:url(/images/button-left.png) no-repeat 0 0;
}
.NFButtonRight {
	background:url(/images/button-right.png) no-repeat 0 0;
}
/*Textareas*/
.NFTextarea {
	border:none;
	background:none;
	font:12px/12px Arial, Helvetica, sans-serif;
	margin:0;
}
.NFTextareaTop, .NFTextareaBottom {
	height:5px;
	clear:both;
	float:none;
	padding-right:10px;
}
.NFTextareaTop {
	background:url(/images/textarea-tr.png) no-repeat 100% 0;
}
.NFTextareaBottom {
	background:url(/images/textarea-br.png) no-repeat 100% 0;
	margin-bottom:5px;
}
.NFTextareaTopLeft, .NFTextareaBottomLeft {
	width:5px;
	height:5px;
}
.NFTextareaTopLeft {
	background:#f2f2e6 url(/images/textarea-tl.png) no-repeat 0 0;
}
.NFTextareaBottomLeft {
	background:#f2f2e6 url(/images/textarea-bl.png) no-repeat 0 0;
}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {
	float:left;
	padding-bottom:5px;
}
.NFTextareaLeft, .NFTextareaLeftH {
	width:5px;
}
.NFTextareaLeft {
	background:url(/images/textarea-l-off.png) repeat-y 0 0;
}
.NFTextareaLeftH {
	background:url(/images/textarea-l-over.png) repeat-y 0 0;
}
.NFTextareaRight, .NFTextareaRightH {
	padding-right:5px;
	padding-bottom:0;
}
.NFTextareaRight {
	background:url(/images/textarea-r-off.png) repeat-y 100% 0;
}
.NFTextareaRightH {
	background:url(/images/textarea-r-over.png) repeat-y 100% 100%;
}
/*Files*/
.NFFileButton {
	padding-bottom:0;
	vertical-align:bottom;
	cursor:pointer;
	background:url(/images/file.png) no-repeat 0 0;
	width:60px;
	height:21px;
}
.NFFile {
	position:relative;
	margin-bottom:5px;
}
.NFFile input.NFhidden {
	position:relative;
	filter:alpha(opacity=0);
	opacity:0;
	z-index:2;
	cursor:pointer;
	text-align:left;
}
.NFFileNew {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;

}
/*Selects*/
.NFSelect {
	height:21px;
	position:absolute;
	border:1px solid transparent;
}
.NFSelectLeft {
	float:left;
	width:3px;
	height:21px;
	background:url(/images/select-left.png) no-repeat 0 0;
	vertical-align:middle;
}
.NFSelectRight {
	height:21px;
	width:auto;
	background:url(/images/select-right.png) no-repeat 100% 0;
	cursor:pointer;
	font:12px/21px Arial, Helvetica, sans-serif;
	color:#fff;
	padding-left:3px;
	margin-left:3px;
}
.NFSelectTarget {
	position:absolute;
	background:none;
	margin-left:-13px;
	margin-top:18px;
	z-index:3;
	left:0;
	top:0;
	padding-bottom:13px;
}
.NFSelectOptions {
	position:relative;
	background:#707175;
	margin-left:16px;
	margin-top:0;
	list-style:none;
	padding:4px 0;
	color:#fff;
	font:11px/13px Arial, Helvetica, sans-serif;
	z-index:4;
	max-height:200px;
	overflow-y:auto;
	overflow-x:hidden;
	left:0;
	top:0;
}
.NFSelectOptions li {
	padding-bottom:1px;

}
.NFSelectOptions a {
	display:block;
	text-decoration:none;
	color:#fff;
	padding:2px 3px;
	background:none;
}
.NFSelectOptions a.NFOptionActive {
	background:#464646;
}
.NFSelectOptions a:hover {
	background:#333;
}
/*Multiple Selects*/
.NFMultiSelect {
	border:0;
	background:none;
	margin:0;
}
.NFMultiSelectTop, .NFMultiSelectBottom {
	height:5px;
	clear:both;
	float:none;
	padding-right:10px;
}
.NFMultiSelectTop {
	background:url(/images/textarea-tr.png) no-repeat 100% 0;
}
.NFMultiSelectBottom {
	background:url(/images/textarea-br.png) no-repeat 100% 0;
	margin-bottom:5px;
}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {
	width:5px;
	height:5px;
}
.NFMultiSelectTopLeft {
	background:#f2f2e6 url(/images/textarea-tl.png) no-repeat 0 0;
}
.NFMultiSelectBottomLeft {
	background:#f2f2e6 url(/images/textarea-bl.png) no-repeat 0 0;
}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {
	float:left;
	padding-bottom:5px;
}
.NFMultiSelectLeft, .NFMultiSelectLeftH {
	width:5px;
}
.NFMultiSelectLeft {
	background:url(/images/textarea-l-off.png) repeat-y 0 0;
}
.NFMultiSelectLeftH {
	background:url(/images/textarea-l-over.png) repeat-y 0 0;
}
.NFMultiSelectRight, .NFMultiSelectRightH {
	padding-right:5px;
	padding-bottom:0;
}
.NFMultiSelectRight {
	background:url(/images/textarea-r-off.png) repeat-y 100% 0;
}
.NFMultiSelectRightH {
	background:url(/images/textarea-r-over.png) repeat-y 100% 0;
}
/*Focused*/
.NFfocused {
	border:1px dotted #666;
}
/*Hovered*/
.NFh {
	background-position:0 100%;
}
.NFhr {
	background-position:100% 100%;
}
/*Hidden*/
.NFhidden {
	opacity:0;
	z-index:-1;
	position:relative;
}
/*Safari*/
select, input, textarea, button {
	outline:none;
	resize:none;
}
/****************************/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/********************************/
.gallerycontainer{
float: left;
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 2px solid white;
margin: 0 0px 0px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
/* padding: 5px; */
left: -1000px;
/* border: 1px dashed gray; */
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
border-right: solid 125px #ffffff;  /* this is to cover the right side of a landscape picture if the hover is a portrait */
top: 70px;
left: 5px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/********************************/

/********************************/
/* Pika gallery */
.pikachoose{width:450px;height:300px;margin:0 auto 5px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:auto;height:100px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#fff;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:auto;height:240px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;background:#ffffff;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:400px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:1px;width:1px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:1px;width:1px;background:url('fastf.png') top right no-repeat;}
/********************************/