/* * * * FILTERS USED  * * * * * * * * */
/* selector,[dummy="dummy"] -- MSIE does not see this rule */
/* * html selector -- MSIE only sees this rule */
body{font-family:arial,tahoma,sans-serif;font-size:11px;margin:5px;background-color:#FFFFFF}
body form{margin:0;padding:0; font-family: verdana, arial, helvetica;	font-size: 10px;}
A {font-family: verdana, arial, helvetica;	font-size: 11px;	color: #083796;	text-decoration: underline;	font-weight: bold;}
A.topnav {font-family: verdana, arial;	font-weight: bold;	font-size: 11px;	color: #FFFFFF;	text-decoration:none;	}	
A.topnav:link {	font-family: verdana, arial;	font-weight: bold;	font-size: 11px;	color: #FFFFFF;	text-decoration:none;	}
A.topnav:visited {	font-family: verdana, arial;	font-weight: bold;	font-size: 11px;	color: #FFFFFF;	text-decoration:none;	}
A.topnav:active {	font-family: verdana, arial;	font-weight: bold;	font-size: 11px;	color: #FFFFFF;	text-decoration:none;	}
A.topnav:hover {	color: #666666;	}
/* resets margin and padding of form for all browsers */
#holder{width:758px; /*default value should be overridden per chrome*/ margin:auto}
/* * * * * * * * * *//* HEADER *//* * *
/* * * * * * * * * * * * Top Links * * * * * * * * * * * * * * * * */
#topLinks{width:100%;border-collapse:collapse;margin:4px 0px}
#topLinks td{background-color:#BDDBF4;border:1px solid white;text-align:center}
#topLinks a,#topLinks a:link,#topLinks a:visited,#topLinks a:hover,#topLinks a:active{display:block;font-weight:bold;text-decoration:none;line-height:20px;color:#3F7DCF;background-color:#BDDBF4;margin:-1px;/* this seems really silly but it makes the link */ padding:1px;/* take up the whole cell rather than leaving a border */}
#topLinks a:hover{color:white;background-color:#F00703}
#topLinks a.active,#topLinks a.active:hover{color:#F00703;background-color:white}
/* MAIN CONTENT */
#main{position:relative}
#main .buying,#main .selling,#main .inTheNews{border:1px solid #999999;color:#708CB2;margin-bottom:1em}
#main .buying h2,#main .selling h2,#main .inTheNews h2{text-align:left;padding:2px;padding-left:4px;font-family:Arial,verdana,Courier,sans-serif;font-size:1.43em;font-weight:bold}
#main .section{padding:0.5em;font-size:0.9em}
/* * * * * * * * * * * * * * * * Buying * * * * * * * * * * * * * * * * */
#main .buying{margin-top:1px;height:178px;overflow:hidden}
#main .buying,[dummy="dummy"]{height:175px}
#main .buying .featured{border-right:1px solid #999999;padding-right:1px;width:173px;float:left}
#main .buying .featured,[dummy="dummy"]{padding-right:3px;/* FF needs 3 */}
#main .buying .featured #featuredImg{position:relative;top:1px;left:1px}
#main .buying h2{color:white;background-color:#708CB2;margin-left:177px;/* or else we draw the background beneath the image */}
#main .buying .section{border-top:1px solid #708CB2;padding:4px;margin-left:177px;/* or else we draw the border beneath the image */}
#main .buying form{margin:0;font-weight:bold}
#main .buying form .submit{vertical-align:middle}
/* * * * * * * * * * * * * * * * Selling * * * * * * * * * * * * * * * * */
#main .selling{height:148px;color:black;overflow:hidden}
#main .selling #sellingimg{float:right;width:176px;position:relative;top:1px;left:-1px}
#main .selling h2{background-color:#EBEFF5;color:#375A8B;border-bottom:1px solid #999999}
#main .selling .section a{position:relative;top:3px;left:0;/* 25px? changing to 0 */}
#main .selling p{margin:0;padding:0}
/* * * * * * * * * * * * * * * In The News * * * * * * * * * * * * * * * */
#main .inTheNews{background-color:#E4EAF1;color:black}
#main div.inTheNews h2{color:white;background-color:#8DA2BE}
* html #main div.inTheNews h2{/* peekaboo !! */ height:1px}
#main .inTheNews img{float:left}
#main .inTheNews p{margin:0}
/* * * * * * * * * *//* FOOTER *//* * * * * * */
#footer{margin:4em auto;font-size:11px;color:#999999;text-align:center}
#footer a,#footer a:link,#footer a:visited,#footer a:hover,#footer a:active{color:#666666;text-decoration:none;font-weight:bold;font-size:10px;padding:0 0.66em}
#footer a:hover{text-decoration:underline}
#footer p{margin:0}
/****/p{padding:0;margin:1em 0}
* html p{margin:0 0 1em 0}
/****/img{border:0}
/****/a{color:#3A77C8}
a:hover{color:red;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-family:arial,sans-serif;margin:0;margin-bottom:10px;padding:0}
h1{font-size:1.66em}
h2{font-size:1.43em}
h3{font-size:1.00em}
/h2~p/{margin-top:10px;padding-top:10px;background-color:red;border:1px solid red}
form{margin:0}
/* * * * * * * * *  * *//* GENERAL USE *//* * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * Headers * * * * * * * * * * * * * * * */
h2.title{text-align:left;margin-top:10px;margin-bottom:6px;color:#375A8B;font-size:1.9em;font-weight:normal;border-bottom:1px solid #999}
h2.titleNoLine{text-align:left;margin-top:10px;margin-bottom:6px;color:#375A8B;font-size:1.9em;font-weight:normal}
h2.TitleSellHome{text-align:left;margin-top:2px;margin-bottom:6px;color:#375A8B;font-size:1.9em;font-weight:normal;padding-left:35px;padding-top:7px;background:url(/images/sellahome/sellahome_sellicon.gif) no-repeat 0 0}
h2.slogan{font-weight:normal;text-align:center;color:#375A8B;font-size:1.9em;margin-top:1em;margin-bottom:0.25em}
h2.subslogan{font-weight:normal;text-align:center;color:#375A8B;font-size:14pt;margin-top:2em;margin-bottom:0.25em}
h3.titleNoLine,h3.title{text-align:left;margin-top:10px;margin-bottom:6px;color:#375A8B;font-size:1.9em;font-weight:normal}
h3.title{border-bottom:1px solid #999}
h3.guideTitle{background-color:#5884C6;color:white;padding:0.33em;font-size:1.75em;font-weight:normal;margin-bottom:0.75em}
h4.titleGrayBG{text-align:left;background-color:#C9C9E4;padding:1em;margin:1em 0}
h1.padded,h2.padded,h3.padded,h4.padded,h5.padded,h6.padded{padding:0.5em;margin:0.5em}
/* * * * * * * * * * * * * * * * * BOXES * * * * * * * * * * * * * * * * */
.box{position:relative;border:1px solid #375A8B;margin:0em auto 1em auto}
.box h3{font-size:0.8em;font-weight:bold;/* background-color:#375a8b;*/ color:white;padding:0.33em;padding-left:0;margin:0}
.box .inside{padding:0.5em;text-align:left;}
.box .inside img.left{float:left;padding:0 0.5em 0.25em 0}
.box .inside img.right{float:right;padding:0.75em}
.box .inside img.left_nopad{float:left;padding:0}
.box .inside img.right_nopad{float:right;padding:0}
.box .inside img{vertical-align:middle}
.box .inside .bottomrightlink{position:absolute;bottom:3px;right:3px}
.box .withrightlink{margin-right:50px}
.box .withrightlink .rightlink{position:absolute;right:10px;top:49%}
.box .padded{padding:0.5em 1em 0em 1em}
.box:after{/* this craziness (these two rules) keep the box as big as the image floated inside it */ content:".";/* first for good browsers.... */ display:block;height:0.45em;clear:both;visibility:hidden}
* html .box{height:1px}
/* then for *gag* IE */.box form{margin:0}
/* * * * * * * * * * * * Colored Boxes* * * * * * * * * * * * * * * * * */
div.errorBox{border:1px solid red;padding:10px;margin-bottom:10px;color:#CC0000;font-size:1.2em}
div.box.r-white{border:1px solid #CC0001;background-color:white}
div.box.red{border:1px solid #CC0001;background-color:#E9D6D6}
div.box.red h3,div.box.r-white h3{background-color:#CC0001}
div.box.b-white{border:1px solid #335B8E;background-color:white}
div.box.blue{border:1px solid #335B8E;background-color:#DBE2EC}
div.box.blue h3,div.box.b-white h3{background-color:#335B8E;font-size:1em;padding-left:5px}
div.box.green{border:1px solid #015931;background-color:#CCE2D6}
div.box.green h3{background-color:#015931}
div.box.purple{border:1px solid #5A2F95;background-color:#D4CBE2}
div.box.purple h3{background-color:#5A2F95}
div.box.orange{border:1px solid #FFAE42;background-color:#F7DFBD}
div.box.orange h3{background-color:#FFAE42}
div.box.white{border:1px solid #3957A5;background-color:white}
div.box.white h3{background-color:white;color:#3957A5;border-bottom:1px solid #3957A5}
div.box.skyblue{border:1px solid #0099CD;background-color:#ECF9FF}
div.box.skyblue h3{background-color:#0099CD}
div.box.black{border:1px solid black;background-color:white}
div.box.black h3{background-color:black}
div.box.aqua{border:1px solid #7FCCE5;background-color:#DBE2EC}
div.box.aqua h3{background-color:#7FCCE5;font-size:1em;padding-left:5px}
div.box.y-white{border:1px solid #FFAE42;background-color:white}
div.box.y-white h3{background-color:#FFAE42}
div.box.gray{border:1px solid #708CB2;background-color:#E6E6E6}
div.box.gray h3{background-color:#708CB2}
div.box.blueBar{background-color:#F4F4EE;border:none;border-bottom:1px solid #999999;padding-left:0}
div.box.blueBar h3{background-color:#DBDBD5;font-size:1.11em;color:#003366;padding-left:.5em}
div.box.grayBar{/* background-color:#F8F7EE;*/ border:none;border-bottom:1px solid #C1C1C1}
div.box.grayBar h3{/* background-color:#E5DCD1;*/ color:#003366}
div.box.beige{background-color:#FCFBE6;border:none;border-top:1px solid #D8D7C3;border-bottom:1px solid #D8D7C3}
div.box.beige h3{color:#000000;font-size:12px;padding-top:10px;margin-top:0px;margin-bottom:0px}
div.box.dkbeige{background-color:#F1F1E6;border:none;border-top:1px solid #D8D7C3;border-bottom:1px solid #D8D7C3}
div.box.dkbeige h3{color:#000000;font-size:1.8em;padding:0.5em 0.8em 0em 0.8em}
div.box.ltBlue-white,div.box.ltBlueBar-white{background-color:#FFFFFF;border:none;border:1px solid #CAD7E2}
div.box.ltBlue-white h3{color:#000000;font-size:1.2em;padding:0.8em 0.8em 0em 0.8em}
div.box.ltBlueBar-white h3{background-color:#D0E5F8;border-bottom:1px solid #CAD7E2;text-align:center;color:#000000;font-size:1.2em;padding:.2em;margin:0}
div.box.ltBlue-white h4{color:#000000;font-size:1.0em;padding:0em 0.8em 0em 0.8em}
div.box.ltBlue{background-color:#61A3E0;border:none}
div.box.ltBlue h3{color:#FFFFFF;font-size:1.2em;padding:0.8em 0.8em 0em 0.8em}
div.box.ltBlue-white h4{color:#000000;font-size:1.0em;padding:0em 0.8em 0em 0.8em}
div.box.white-openside{background-color:#FFFFFF;border:none;border-top:1px solid #D8D7C3;border-bottom:1px solid #D8D7C3}
div.box.white-openside h3{color:#000000;font-size:12px;padding-top:10px;margin-top:0px;margin-bottom:0px}

#HomeWarrantyHeader{background:url(/images/homewarranty/ProTect.jpg) bottom right no-repeat;border-top:1px solid #CAD7E2;padding-bottom:6px}
#HomeWarrantyHeader h3{text-align:left;clear:both;margin:8px 0 4px 4px;color:#375A8B;font-size:1.4em;font-weight:bold}
#HomeWarrantyHeader p{width:400px;line-height:1.4em;margin:0 0 0 4px}
#HomeWarrantyHeader ul{list-style-type:disc;width:200px;margin:0 0 0 16px;padding:0;float:left}
#HomeWarrantyHeader ul li{margin:4px 0 2px 16px}
#HomeWarrantyPurchase{background-color:#DAECF9;margin:6px 0 6px 0;padding:14px 0 14px 0}
#HomeWarrantyStateSelect{background:#DAECF9 url(/images/homewarranty/homeWarrantyPointer.gif) 50% 50% no-repeat;clear:both;margin:6px 0 6px 0;padding:14px 0 14px 0}
#HomeWarrantyStateSelect p{width:240px;font-weight:bold;padding:4px;margin:8px 6px 6px 28px}
#HomeWarrantyStateSelect .formBox{float:right;position:relative;width:260px;text-align:center;padding:20px 0 20px 0;margin:8px 20px 0 40px}
#HomeWarrantyStatistics{margin-top:4px}
#HomeWarrantyStatistics .surveyNotes{line-height:1.4em;color:#666666;margin:0 0 0 8px}
#HomeWarrantyStatistics h3{text-align:left;margin:8px 0 4px 4px;color:#375A8B;font-size:1.4em;font-weight:bold}
#HomeWarrantyStatistics .statBox{margin-top:16px;float:left;text-align:center;width:33%}
#HomeWarrantyStatistics .statBox h4{font-size:1.5em;color:#FF0000}
#HomeWarrantyStatistics .statBox p{height:44px}
#HomeWarrantyPrice{border-top:1px solid #CAD7E2;border-right:none;border-left:none;padding-bottom:6px;clear:both}

#HomeWarrantyPrice h3{text-align:left;clear:both;margin:8px 0 4px 4px;color:#000000;font-size:1.4em;font-weight:bold}
.subBoxGreen,.subBoxRed,.subBoxYellow{width:190px;padding:3px 5px}
.subBoxGreen{border:1px solid #005931;background-color:#CADFD6}
.subBoxRed{border:1px solid #CC0000;background-color:#EBD1CA}
.subBoxYellow{border:1px solid #FFAE42;background-color:#F8DFBE}
.sellBox{background-color:#E3EFFA;border-top:1px solid #5390BC;padding:1em;text-align:center;font-weight:bold}
.sellBox input{vertical-align:middle}
.sellSpecialOfferBox{background-color:#fdfbec;padding:0;text-align:center;font-weight:bold}
.rightPaddedBox{float:right;width:300px;border:0px solid green;margin:5px 10px 0px 20px;padding:10px}
div.box.right{float:right;width:300px;border:none}
/* Use this for single items */.block_item{display:block;border-top:1px solid #CAD7E2;height:150px;margin:5px 0px 10px 0px;padding:10px 0px 10px 10px;clear:both}
.block_item a.header{color:#4B6E98;font-size:16px;text-decoration:none}
/* Use this for 3 items to be displayed inline per row and wrapped when more than 3 */div.box.holder{position:relative;width:622px;border:0px}
div.box.inline_item,div.box.inline_item3{display:inline;/* Used to fix ie doubling margin float error */ float:left;border:1px solid #CAD7E2;background:#FFFFFF;width:194px;/*min-height:18em;*/ height:190px;margin-left:5px;margin-right:5px;margin-bottom:0px}
div.box.inline_item h3,div.box.inline_item3 h3{background-color:#558DD5;color:#FFFFFF;font-size:12px;font-weight:bold;line-height:25px;text-align:center;padding:0px;margin:0px}
div.box.inline_item p,div.box.inline_item3 p{/* override margin from default p */ margin:0.25em 0.5em 0.25em 0.5em}
/* for two items per row */div.box.holder2{position:relative;width:622px;width:100%;border:0px}
div.box.inline_item2{display:inline;/* Used to fix ie doubling margin float error */ float:left;border:none;width:290px;width:48% !important;margin-left:5px;margin-right:5px;margin-top:1px;margin-bottom:1px}
div.box.inline_item4{display:inline;/* Used to fix ie doubling margin float error */ float:left;border:1px solid #CAD7E2;background:#FFFFFF;width:290px;width:48%;/*min-height:18em;*/ height:190px;margin-left:5px;margin-right:5px;margin-bottom:0px}
/* * * * * * * * * * * * * * * * * Text * * * * * * * * * * * * * * * * */.highlight_red{color:#FF0000}
.highlight_gray{color:#999999}
.required{color:red}
.error{color:#CC0000;font-size:1.2em}
.errorMsgRed{color:red}
.slogan{font-weight:bold}
.end_section{display:block;border-top:5px solid #CAD7E2;margin:10px 0px;padding:10px 0px;clear:both}
a.end_section{padding:10px;text-decoration:none}
.divide_section_only{border:0;height:1px;color:#CAD7E2;background-color:#CAD7E2;clear:both}
.divide_section{display:block;border-top:2px solid #CAD7E2;margin:10px 0px;padding:10px 0px;clear:both}
.divide_section_bottom{display:block;border-bottom:2px solid #CAD7E2;margin:10px 0px;padding:10px 0px;clear:both}
/* * * * * * * * * * * * * Colored Backgrounds * * * * * * * * * * * * * *//* for search */.resultsBG1{background-color:#999999}
.resultsBG2{background-color:#858585}
.rowColorBG1{background-color:#EDF8FB}
.rowColorBG2{background-color:#BEE5F2}
.whiteBG{background-color:#FFFFFF}
.ltGrayBG{background-color:#D0EAF3}
.ltBlueBG{background-color:#E5F5FA}
.drBlueBG{background-color:#CEECF5}
.navLtBlue{background-color:#009ACB}
.navLtBlueBG{background-color:#D0EAF3}
.navDrBlue{background-color:#375A8B}
.navDrBlueBG{background-color:#EFF4F8}
.navDrBlueH{color:#FFFFFF;font-weight:bold}
.navLeftGray{background-color:#999999}
.navLeftLtGray{background-color:#E5E4E4}
.navLeftDrGray{background-color:#708CB2}
.navLeftVDRGrayBG{background-color:#A6B8D2}
.navLeftDrGrayBG{background-color:#E6E6E6}
.navLeftRed{background-color:#CC0000}
.navLeftRedBG{background-color:#FFFFFF}
.borderLtBlue{background-color:#7FCCE5}
.sdBox1{background-color:#395891}
.sdBox2{background-color:#6B8CB5}
.sdBox3{background-color:#636A7C}
.sdBox4{background-color:#303169}
.sdBox5{background-color:#6F89BA}
.resultsBG1 a,.resultsBG2 a{color:white}
.ltBeigeBG{background-color:#FCFBE6}
.ltBlueBG2{background-color:#E6F1FB}
.drBlueBG2{background-color:#D1E5F8}
.ltSYellow{background-color:#FCFBE6}
.drSYellow{background-color:#F1F1E6}
.ltSBlue{background-color:#EEF5FC}
.drSBlue{background-color:#558DD5}
/* * * * * * * * * * * * * * * * Tables * * * * * * * * * * * * * * * * */tr.zebra0{background-color:#DDD}
tr.zebra1{background-color:#FFF}
tr.nopadding td{padding-right:0;padding-left:0}
th.shaded{background-color:#BBB}
td.numeric{text-align:right}
/* * * * * * * * * * * * * * * * Links * * * * * * * * * * * * * * * * * */.rightLink a{font-weight:bold;color:black;text-decoration:none}
/* links for the admin */a.rightbar{color:black;text-decoration:none}
a.rightbar:hover{color:red;text-decoration:underline}
/* links for searchresults table */a.listingHead,a.listingHead:link,a.listingHead:visiteda.listingHead:active,a.listingHead:hover{font-family:verdana,arial,sans-serif;font-weight:bold;font-size:11px;color:#FFFFFF;text-decoration:underline}
a.listingHeadUL{font-family:verdana,arial,sans-serif;font-weight:bold;font-size:11px;color:#FFFFFF;text-decoration:underline}
a.listingHeadUL:link,a.listingHeadUL:visited,a.listingHeadUL:active{font-family:verdana,arial,sans-serif;font-weight:bold;font-size:11px;color:#FFFFFF;text-decoration:none}
a.listingHeadUL:hover{font-family:verdana,arial,sans-serif;font-weight:bold;font-size:11px;color:#FFFFFF;text-decoration:underline}
/* * * * * * * * * * * * * * * * * Buttons * * * * * * * * * * * * * * * */a.fauxButton,a.fauxButton:link,a.fauxButton:visited,a.fauxButton:active,a.fauxButton:hover{padding:0.2em 0.5em;margin:1.5em;text-decoration:none;font-weight:bold;color:#333333;background-color:#C9A6E9;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-bottom:1px solid #333333;border-right:1px solid #333333}
a.fauxButtonBlue,a.fauxButtonBlue:hover{padding:0.15em 0.5em;/* margin:0 0.75em;*/ text-decoration:none;color:white;background-color:#61A3E0;border-top:1px solid #9CC5EB;border-left:1px solid #9CC5EB;border-bottom:1px solid #2C64BD;border-right:1px solid #2C64BD}
a.fauxButtonRed,a.fauxButtonRed:hover{padding:0.15em 0.5em;/* margin:0 0.75em;*/ text-decoration:none;color:white;background-color:red;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-bottom:1px solid #333333;border-right:1px solid #333333}
a.fauxButtonLtBlue,a.fauxButtonLtBlue:link,a.fauxButtonLtBlue:visited,a.fauxButtonLtBlue:active,a.fauxButtonLtBlue:hover{/*/*/padding:7px 5px;margin-top:2px;display:block;color:#4B6E98;background-color:#EEF5FC;text-decoration:none;line-height:12px;font-weight:bold;font-size:12px;/* */}
a.fauxButtonLtBlue:active,a.fauxButtonLtBlue:hover{color:#FFFFFF;background-color:#D0E5F8}
input.fauxButton{padding:0.1em 0.5em;margin-top:0.25em;font-weight:bold;color:#333333;background-color:#C9A6E9;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-bottom:1px solid #333333;border-right:1px solid #333333;cursor:pointer}
input.fauxButtonBlue{padding:0.15em 0.5em;padding:1px 2px;text-decoration:none;font-size:11px;font-weight:bold;color:white;background-color:#61A3E0;border-top:1px solid #9CC5EB;border-left:1px solid #9CC5EB;border-bottom:1px solid #2C64BD;border-right:1px solid #2C64BD;cursor:pointer;/* */}
input.fauxButtonRed{padding:0.15em 0.5em;padding:1px 2px;text-decoration:none;font-size:11px;font-weight:bold;color:white;background-color:#FF0000;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-bottom:1px solid #333333;border-right:1px solid #333333;cursor:pointer;/* */}
input.searchButton{cursor:pointer; background:#61A3E0 url(/images/blueBox/search-symbol.jpg) no-repeat 5% 50%; font-weight:bold; padding:2px 2px 2px 15px; text-decoration:none;font-size:11px; color:#ffffff; border-top:1px solid #9CC5EB;border-left:1px solid #9CC5EB;border-bottom:1px solid #2C64BD;border-right:1px solid #2C64BD;}
* html input.searchButton{padding-left:9px; padding-right:0; width:70px;}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//* DEV elopment *//* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */.dev{margin:0 2em;border:2px dotted orange}
.dev+.dev{border-top:none}
.dev pre{margin:0;/* white-space:-moz-pre-wrap;word-wrap:break-word;*/ font-size:0.9em}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//* MISC *//* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *//* need the second rule to override the specificity of a rule in right.css */.transp,#rightcol h2.transp{color:#FFFFFF;/* color:transparent;This is not supported*/ background-color:transparent;border-width:0px;font-size:2em;/* why doesn't this inherit? sigh */ margin-bottom:0.33em}
input.wide,select.wide,textarea.wide{width:35em;font:inherit}
.centered{text-align:center}
/* things for the admin */.myListingAdminLink{border-top:1px solid red;display:block;padding:4px}
.padded_top_only{padding:5px 0px 0px 0px;margin:5px 0px 0px 0px}
ul.left,ul.right,ul.middle{width:165px;margin:5px 0px 5px 10px;padding:5px 0px 5px 24px;list-style-position:outside;list-style-type:disc}
ul.left{float:left}
ul.right{float:right}
ul.middle{width:150px}
/* This is needed to expand a box to cover all contents when it contains a non-floated object */.float_clear,.space{clear:both}
.ContentBox{border:#C0D2E8 1px solid;padding-bottom:20px}
.ContentBox.floatleft{float:left;width:302px;margin:10px 0 10px 0}
.ContentBox.floatleft.NotifyBox{background:url(/images/listing/fsbo-sign.jpg) no-repeat 20px bottom;}
.ContentBox.floatleft.NotifyBox h3{font-weight:bold;font-size:1.4em;margin:10px 0 4px 150px;padding:0;color:#000000}
.ContentBox.floatleft.NotifyBox p{font-size:1em;margin:10px 0 4px 150px;padding:0;color:#000000;width:150px}
.ContentBox h2{border:#ffffff 1px solid;background-color:#ECF5FC;color:#365A8A;margin:0;padding:3px 0 3px 20px}
.ContentBox p{margin:10px 20px 10px 20px;padding:0px;line-height:1.4em}
.ContentBox ul{list-style:none;margin:10px 0 0 20px;padding:0;font-size:.9em}
.ContentBox li{margin:5px 0 0 0;padding:0}
/*******//* *//* Styles for Search Box *//* *//******************************//* 
Note:#id-blueBoxContainer should only be used ONCE on a page as stated by w3. 
.FormContainer is a class and can be called several times,but only use it twice or else you will break the container */
#blueBoxContainer{background-color:#8BC2EB;width:630px}
#blueBoxContainer .formContainer{float:left;width:270px;margin:10px 10px;padding:0;background:url(/images/blueBox/box-bottom-270.jpg) no-repeat bottom}
#blueBoxContainer .formContainer div.innerWrapper{background:#ffffff url(/images/blueBox/box-middle-270.jpg) repeat-y top;margin-bottom:15px;padding:0}
#blueBoxContainer .formContainer .Top{background:url(/images/blueBox/box-top-270.jpg) no-repeat left top;width:260px;margin:0;padding:20px 0 10px 10px}
#blueBoxContainer .formContainer .Top.ProviderLogin{color:#006699}
#blueBoxContainer .formContainer h2{width:260px;margin:0;padding:20px 0 10px 10px;font-size:1.2em}
#blueBoxContainer .formContainer dl{margin:0;padding:0}
#blueBoxContainer .formContainer dt{color:#000000;font-size:12px;text-align:left;padding-right:2px;font-weight:bold}
#blueBoxContainer .formContainer dl dt .state{margin-left:36px}
/* Used in serviceProvider Search form to position state away from city */#blueBoxContainer .formContainer dd{margin:2px 2px 8px 2px}
#blueBoxContainer .formContainer p{margin:0;padding:6px 0 10px 10px;font-size:1.2em}
#blueBoxContainer .formContainer p.ProviderLogin{color:#006699}
/* Parallel defined list is used for displaying form field elements in a single line fashion */
#blueBoxContainer .formContainer dl.parallel dt{color:#000000;float:left;font-size:12px;text-align:right;width:100px;padding-right:2px;font-weight:normal}
/* WEIGHT SET TO NORMAL BECAUSE IT INHERITS FROM DT ABOVE */
#blueBoxContainer .formContainer dl.parallel dd{margin:2px 2px 4px 10px}
.search{width:380px}
/* SimpleForm ->this class-style was created for the homeWarranty Signup form and a new credit card billing form styles could be used for other forms such as Listings -I won't be offended if we want change the name of this class,just note doing so means you need to go through and fix it */ .simpleForm{margin:0 0 12px 0;padding:0;border:1px solid #375A8B;background-color:#EFF4F8;font-family:arial;position:relative;width:630px}
.simpleForm span.required{color:#CC0000}
.simpleForm h3{color:#FFFFFF;background-color:#375A8B;margin:0;padding:3px;font-weight:bold;font-size:1.2em}
.simpleForm h4.terms{margin:2px 0 2px 60px}
.simpleForm dl{margin:20px 0 4px 0;padding:0;text-align:left}
.simpleForm dt{float:left;color:#000000;text-align:left;width:150px;margin-left:100px;font-size:1.4em;position:relative}
/*need pos:relative for IE to show text over background */ .simpleForm dd{text-align:left;padding-bottom:8px}
* html .simpleForm dt{margin-left:50px}
.simpleForm dl.twoCol{margin:4px 0 10px 10px;padding:0;text-align:left;float:left;width:300px}
.simpleForm dl.twoCol dt{float:left;color:#000000;text-align:left;width:140px;padding:0 6px;margin:0;font-size:1.4em;position:relative}
.simpleForm dl.twoCol dd{text-align:left;padding-bottom:10px}
.simpleForm dl.dualLine dt{float:none}
.simpleForm dl.dualLine dd{font-size:1.4em;margin-left:100px}
* html .simpleForm dl.dualLine dd{margin-left:50px}
.simpleForm p{margin:6px 0 0 10px}
.simpleForm p.terms{text-align:left;margin:6px 0 0 60px}
.simpleForm div.tripleCol{width:610px;clear:both;margin:0 10px;padding:0}
.simpleForm div.tripleCol ul{width:190px;float:left;text-align:left;margin:0 5px;padding:0}
.simpleForm div.tripleCol ul li{text-align:left;list-style:none;padding-bottom:4px}
/* .DisplayInfo ->Simliar to the simpleForm class,only instead of being used to display form elements,it is used to display text Used in homewarrant to display submitted data in the form boxes so users can verify it is correct */ .displayInfo{margin:0 0 12px 0;padding:0;border:1px solid #375A8B;background-color:#EFF4F8;font-family:arial;text-align:left}
.displayInfo span.required{color:#CC0000}
.displayInfo h3{color:#FFFFFF;background-color:#375A8B;margin:0;padding:3px;font-weight:bold;font-size:1.1em}
.displayInfo dl{margin:20px 0 10px 0;padding:0}
.displayInfo dt{float:left;clear:left;font-weight:bold;color:#000000;text-align:right;width:150px;padding-right:6px;font-size:1.4em;position:relative}
/*need pos:relative for IE to show text over background */ .displayInfo dd{text-align:left;padding-bottom:10px;font-size:1.4em}
.newbox{float:right;width:192px;margin:0 10px 10px 10px;padding:0 0 10px 0;background:url(/images/mlsListing/blueBoxBottom192.gif) no-repeat bottom;position:relative;line-height:1.2}
.newbox .innerWrapper{background:#ffffff url(/images/mlsListing/blueBoxMiddle192.gif) repeat-y top;width:192px;padding:0}
.newbox .top{background:url(/images/mlsListing/blueBoxTop192.gif) no-repeat left top;margin:0;padding:14px 0 6px 0}
.newbox p,.newbox dl,.newbox dt,.newbox dd,.newbox h3{margin:0;padding:0}
.newbox .innerWrapper h3{color:#365A8A;font-weight:bold;padding-left:12px}
.newbox .innerWrapper dl{margin-left:13px}
.newbox .innerWrapper dt{margin-top:2px}
/* styles for the new template */#gradientContainer{background:#ffffff; border:1px solid #cccccc;border-top:none;margin:-10px 0 0 0;padding:0;text-align:left}
#gradientContainer h1{font-size:18px;font-family:arial;color:#355B8A;margin:0;padding:23px 0 8px 14px;text-align:left}
#contentFooter{border-top:2px solid #cccccc;margin:40px 4px 0 4px}
#contentFooter p{margin:8px;padding:0 0 20px 0;font-weight:bold}
#contentFooter p a{color:#355B8A}
/* Styles for UserLogin InLine Popup */
#UserLoginBox{border:1px solid #ccc; font-weight:normal; text-align:center; background:#ECF5FC url(/images/popup/popupBackgroundGradient.jpg) repeat-x left top; position:absolute; left:120px; width:390px; margin:0; padding:0 0 10px 0; font-family:arial; z-index:9805; }
#UserLoginBox #Container{width:390px; margin:0px auto; text-align:left;}
#UserLoginBox #Container h1{clear:both; font-size:17px; color:#57779D; padding:20px 0 0 0; margin:10px 0 4px 10px;}
#UserLoginBox #Container .close{font-size:10px; font-weight:bold; float:right; margin:6px 10px 0 0;}
#UserLoginBox #Container .close a{font-size:10px; color:#0066CC; text-decoration:none;}
#UserLoginBox #Container .signup{font-size:10px;  color:#333; float:left; margin:6px 0 0 10px;}
#UserLoginBox #Container #box{width:370px; border:1px solid #666; background-color:#FFFFFF; margin:auto;}
#UserLoginBox #Container #box p{width:360px; margin:6px 0 0 12px; padding:0; line-height:1.4em;}
#UserLoginBox #Container #box h2{font-size:14px;	margin:12px 0 12px 12px; padding:0;}
#UserLoginBox #Container #box dl{margin:0 0 12px 12px; padding:0;}
#UserLoginBox #Container #box dl dt{margin:12px 0 6px 0; padding:0; font-weight:bold;}
#UserLoginBox #Container #box dl dd{margin:0; padding:0;}
#UserLoginBox #Container #box #Form dt{float:left; margin:2px 0 0 0; text-align:left; width:156px; color:#444;}
#UserLoginBox #Container #box #Form dd{text-align:left; padding-bottom:10px;}
#UserLoginBox #Container #box #PersonalizeForm dt{float:left; margin:2px 0 0 0; text-align:left; width:120px; color:#444;}
#UserLoginBox #Container #box #PersonalizeForm dd{text-align:left; padding-bottom:10px;}
#UserLoginBox #Container #box h2.CheckAble{float:left}
#UserLoginBox #Container #box label.StandardUnChecked{float:left; margin:10px 0 0 10px; padding:2px 0 6px 24px; color:#999; font-style:italic; background: url(/images/checkBoxes/StandardBoxUnChecked.gif) no-repeat;	cursor: pointer;}
#UserLoginBox #Container #box label.StandardChecked{float:left; margin:10px 0 0 10px; padding:2px 0 6px 24px; color:#999; font-style:italic; background: url(/images/checkBoxes/StandardBoxChecked.gif) no-repeat;	cursor: pointer;}
/* Default display for DOM Controlling Containers */
#UserLoginBox #SignUpContainer{display:none;}
#UserLoginBox #PersonalizeForm{display:none;}