html, body { /*  Sets up the document and removes auto 10px margin at top of page*/
	margin:0;
	padding:0;
	}

body{ /* Sets up the page and aligns everything to center */
	padding:0px 0px 0px 0px;
	margin:0 auto 0;/* makes MOZ center everything*/
	width: 984px; 
	text-align:center; /* makes IE center everything*/
	background:#fff;
	font-family: arial,  helvetica, verdana, sans-serif;
	font-size: 78%; 
	color:#000;
	line-height:140%;
	background: url(/images/consumer/backgroundGrad.jpg) top center repeat-x #F2F0EE;
	}
	
#container{ 
	float:left;
	width: 984px; 
	text-align:left;
	padding:0px 0px 20px 0px;
	}
a { outline: none; text-decoration:underline; }

	
a:link, a:active, a:visited{
	 color:#640E4D;
	}

a:hover{
	color:#333333;
	}
	
img{
	border:0px;
	}
	
h1 {
	 font-size:1.8em;
	 color:#DE1961;
	 margin: 10px 0 10px 0;
	 line-height: 1.2em;
}

h2 {
	 font-size:1.4em;
	 color:#DE1961;
	 margin: 10px 0 10px 0;
	 clear: both;
}
h2 span { color: #333; }

h3 {
	 font-size:1.2em;
	 color:#DE1961;
	 margin: 10px 0 10px 0;
	 clear: both;
}

ol.romanlist li { list-style-type: lower-alpha; }

p.pink { color: #DB0052; font-weight: bold; }
p.fielderror { clear: both; color: #FF0000; font-weight: bold; margin: 5px 0; padding: 0; }
p.quote { color: #333; font-weight: bold; padding: 10px 0px 2px 0px; margin: 0px; }
p.source { color: #DB0052; font-weight: normal; font-size: 0.85em; padding: 2px 0px 10px 20px; margin: 0px; }

/* ---------------------- left --------------------------*/
.pinkBarContainer { margin: 5px 0; clear: both; }

.pinkBarLeft{
 
 float:left;
 background:url(/images/consumer/pinkBarLeft.jpg) top left no-repeat;
 margin:0px 0px 0px 0px;
 }
	
.pinkBarRight{
 
 float:left;
 background:url(/images/consumer/pinkBarRight.jpg) top right no-repeat;
 margin:20px 0px 0px 0;
}

.pinkBarLeft p { color: #FFF; font-size: 1.2em; font-weight: bold; padding: 8px 20px; }
	
span.spanpink { color: #DB0052; font-weight: bold; }
	
/* ---------------------- left --------------------------*/

#left{ 
	float:left;
	width: 226px; 
	text-align:left;
}
	
#mainPanel{ 
	background: url(/images/consumer/topleftpanel-bkgnd2.gif) top left no-repeat;
	float:left;
	width: 226px; 
	color: #FFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#mainPanelInner { float:left; width: 226px; padding: 0 0 10px 0; margin: 0px; background: url(/images/consumer/topleftpanel-clearbottom2.gif) bottom left no-repeat; }

#mainPanel #mainPanelInner.clearbottom { background: url(/images/consumer/topleftpanel-clearbottom2.gif) bottom left no-repeat; }

#mainPanel p { padding: 0 0 6px 0; margin: 0; }
#mainPanel img { margin:0px 0px 0px 0; }
div#mainlogo { margin: 15px 0px 8px 12px; padding: 0px 0px 0px 0px; }
	
#mainPanel h1 { background: url(/images/consumer/introText.gif) top left no-repeat; width:200px; height:80px; text-indent:-9000px; margin:0; padding:0; }

#straplinepanel { background: url(/images/consumer/200-left-bkgnd.gif) top left repeat-y; width:200px; margin:0; padding:10px 0px 0px 0px; }
#straplinepanel div { background: url(/images/consumer/200-left-bkgnd-bottom.gif) bottom left no-repeat; width:200px; margin:0; padding:0px 0px 30px 10px; }

#actionPanel { 
	background: url(/images/consumer/mainaction.gif) top left repeat-y;
	float:left;
	width: 749px; 
	padding: 0px;
	margin: 0px 0px 12px 0px;
	position: relative;
	z-index: 10;
}
#actionPanelInner { float:left; width: 749px; padding: 0px 0px 10px 0px; margin: 0px; background: url(/images/consumer/mainaction-bottom.gif) bottom left no-repeat;  }
#actionPanelContainer { padding: 7px 15px 0px 5px; margin: 0px; color: #333; font-size: 0.85em; font-weight: bold;  }
#actionPanel p { margin: 0px; padding: 0px; }
#actionPanel ul { margin: 0px; padding: 0px; list-style-type: none;  }
#actionPanel li { float: left; margin: 0px; padding: 0px 8px 0px 8px; border-right: 1px solid #666; }
#actionPanel li.last { border-right: none; }
#actionPanel a { }

/* #actionlogin { float: right; width: 200px; text-align: right; font-weight: normal; z-index: 100; } */
#actionlogin { position: absolute; top: 4px; right: 5px; width: 200px; text-align: right; font-weight: normal; z-index: 100; }

#actionlogin span { color: #333; font-weight: bold; }
#actionlogin a { padding: 0px 4px; font-weight: bold; }
#fblogin { margin: 5px 0 0 0; /* float: right; margin-left: 6px; */ }
#fbloginwide { clear: both; float: left; margin: 20px 0px; padding: 0px; }
#fbloginwide span { display: inline; font-size: 0.85em; font-weight: bold; color: #333; padding-left: 6px; } 

/* The category links in the header */
#categorylinks { margin: 0; padding: 0 0 20px 0; position: relative; z-index: 1; /* width: 525px; */ }
#categorylinks ul { margin: 0px; padding: 6px 0 0 15px; list-style-type: none; }
#categorylinks li { float: left; display: block; margin: 0px; text-align: center; padding: 0px 18px 7px 0; border: none; line-height: 1.1em; height: 3em; }
#categorylinks li a { text-decoration: none; display: block;  }

#haveyourwishes { background: url(/images/consumer/haveyourwishes.gif) top left no-repeat; width:214px; height:50px; text-indent:-9000px; margin:0; padding:0; }	

#topchunk { width: 121px; padding: 0px 0px 5px 11px; margin: 0px 0px 9px 0px; }
#loginchunk { float: left; width: 192px; padding: 7px 0px 0px 0px; margin: 0px 0px 7px 0px; border-bottom: 1px dotted #625D57; }
#registerchunk { float: left; width: 192px; padding: 0px 0px 7px 0px; margin: 0px 0px 9px 0px; border-bottom: 1px dotted #625D57; }
#consumerchunk { width: 175px; padding: 0px 0px 5px 0px; margin: 0px; border-bottom: 1px dotted #333; }
#businesschunk { width: 175px; padding: 0px 0px 0px 0px; margin: 0px; }
#businesschunk span, #consumerchunk span { display: block; float: left; width: 6em; font-weight: bold; }
#businesschunk a, #consumerchunk a { font-weight: bold; }

#businesspanellinks { padding: 3px 0px; margin: 0px; }
#businesspanellinks a { background: url(/images/consumer/businesslink-bkgnd.gif) top right no-repeat; padding-right: 13px; font-weight: bold; }
#businesspanellinks a:hover { background: url(/images/consumer/businesslink-bkgnd.gif) -50px right no-repeat; }

#toolschunk { float: left; width: 192px; padding: 0px 0px 7px 0px; margin: 0px 0px 0px 0px; font-size: 0.85em; }
a#toolsblog { background: url(/images/consumer/tools-blog.gif) 0 0 no-repeat; padding: 0px 0px 3px 40px; margin: 0px; display: block; font-weight: bold; }
#toolsblog:hover { background: url(/images/consumer/tools-blog.gif) 0 -50px no-repeat; }

#mainPanel h2 { background: url(/images/consumer/telluswhatyouwant.gif) top left no-repeat; width:200px; text-indent:-9000px; margin:20px 0 0 0; padding:0;	}
#mainPanel h2#freeconierge { background: url(/images/consumer/freeconcierge.gif) top left no-repeat; margin:10px 0 0 0; padding:0 0 5px 0;	}

#mainPanel #needForm img { margin:0; }
	
#mainPanel #sideneedsform { float: left; width:192px; padding: 0px 0 10px 0; margin: 0 0 15px 0; /* border-bottom: 1px dotted #F00; */ }

#mainPanel #sideneedsform #newneed { padding: 0; margin: 2px 0 0 0; float: left; width: 130px; }
#mainPanel #sideneedsform #newneedgo_button { padding: 0 0 0 0; margin: 0 0 0 5px; }

/* #mainPanel a:link, #mainPanel a:active, #mainPanel a:visited { color: #FFF; }
#mainPanel a:hover { color: #666; } */

/* ---------------------- home layout --------------------------*/
#homeheader { float: left; width: 984px; padding: 0px; margin: 0px; }
#homeleft { float: left; width: 235px;  padding: 0px; margin: 0px; }
#homemain { float: left; width: 984px; padding: 16px 0px 0px 0px; margin: 0px; }
	

/* ---------------------- Plain Grey box --------------------------*/
#left .leftpanel { 
	float: left; width:198px; padding: 15px 0px 0px 0px; margin: 15px 0 2px 1px;	
	background:url(/images/consumer/198-left-top.jpg) top left no-repeat;
	}
#left .leftpanelinner { 
	float: left; width:198px; padding: 0 0 23px 0; margin: 0px;	
	background:url(/images/consumer/198-left-bottom.jpg) bottom left no-repeat; 
	}
#left .leftpanelcontainer { width:198px; float: left; padding: 0px 0px; margin: 0px 0px 0px 0px; background:url(/images/consumer/198-left-mid.jpg) top left repeat-y; }



	
#left  .greyBoxTopArrow{  
	background: url(/images/consumer/leftArrowBoxHeader.jpg) top left no-repeat;
	width:227px;
	height:67px;
	float:left;
	}
	
#left  .greyBoxTopArrow h1{  
color:#fff;
font-size:1.4em;
margin:12px 0px 0px 14px;
	}
	
#left  .greyBoxTopArrow h1 span{  
font-size:.7em;
	}

/* ---------------------- Account Panel --------------------------*/
	
#left  .leftpanel h1 { margin:0px 0px 10px 10px; padding:0px; font-size:1.4em; color:#DB0052; }

#left  #accountBox #profilephoto { float:left; width: 70px; }
#left  #accountBox #profilephoto img { float:left; width: 70px; height: 100px; overflow: hidden; }
#left  #accountBox #ulOuter { margin:0px 0px 0px 4px; padding:0px 0px 0px 0px; float:left; }
#left  #accountBox ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none; width:110px; float:left; }
#left  #accountBox ul li { margin:0px 0px  3px 0px; padding:0px; width:115px; float:left; }
#left  #accountBox ul li a { margin:0px 0px  0px 0px; padding:1px 0px 0px 5px; width:115px; height:24px;
background: url(/images/consumer/accountBut.jpg) top left no-repeat; float:left; color:#fff; font-weight:bolder; text-decoration:none; }
#left  #accountBox ul li a:hover { background: url(/images/consumer/accountBut.jpg) 0px -25px no-repeat;
text-decoration:none; }
#left  #accountBox ul li #current2 { background: url(/images/consumer/accountBut.jpg) 0px -50px no-repeat; }
#left  #accountBox #ulOuter li.current a { background: url(/images/consumer/accountBut.jpg) 0px -50px no-repeat; }
#left  #accountBox p { margin:6px 0px 0px 0px; padding:0px 0px 6px 2px; float:left; font-size:.85em; font-weight:bolder; line-height:122%; }

#left #profilecompletionbox { padding: 0 10px; }
#left #profilecompletionbox h1 { margin-left: 0; }
#left #profilecompletionbox p { font-size:.85em; font-weight:normal; line-height:122%; color: #333; margin: 8px 0; padding: 0; }
#left #profilecompletionbox p.completelink { font-weight: bolder; }

/* Login panel */
#left #loginform { padding: 0 10px; margin: -10px 0 0 0; position: relative; }
#left #loginform input { margin: 0 0 5px 0; width:12em; }
#left #loginform #loginButton { position: absolute; top: 20px; right: 16px; width: 53px; }
	
.cloud {padding: 2px;  line-height: 3em; text-align: center; margin: 0; }

/* ---------------------- the cloud --------------------------*/
#cloudMainOuter { width:302px; float:right; margin:10px 10px 0px 0px; padding:0px 0px 6px 0px; background:#F2F1EF url(/images/consumer/cloud2Btm.gif) bottom left no-repeat;}
#cloudMain { width:298px; float:right; background:#F2F1EF url(/images/consumer/cloud2.gif) top left no-repeat;}
.cloud a { padding: 0px; }

  .cloud ul  {  margin:0px; padding:0px;} 	
 .cloud li { display: inline; margin:4px 4px 4px 4px;} 	
	
	
 .cloud a.tag1 { font-size: 0.7em; font-weight: 100; color:#9D9A95;}
.cloud a.tag2 { font-size: 0.8em; font-weight: 200; color:#9D9A95;}
.cloud a.tag3 { font-size: 0.9em; font-weight: 300; color:#9D9A95;}
.cloud a.tag4 { font-size: 1.0em; font-weight: 400; color:#6E6D69;}
.cloud a.tag5 { font-size: 1.2em; font-weight: 500; color:#6E6D69;}
.cloud a.tag6 { font-size: 1.4em; font-weight: 600; color:#6E6D69;}
.cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
.cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
.cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
.cloud a.tag10 { font-size: 2.5em; font-weight: 900; } 

.cloud a:hover.tag1, .cloud a:hover.tag2, .cloud a:hover.tag3, .cloud a:hover.tag4,  .cloud a:hover.tag5,  .cloud a:hover.tag6,  .cloud a:hover.tag7,   .cloud a:hover.tag8,  .cloud a:hover.tag9,  .cloud a:hover.tag10 { color:#000000;}

/* ---------------------- the need count list --------------------------*/
 .greyBoxMid #needs{
float:left;
padding:10px 0px 10px 14px;
} 

.greyBoxMid .need{
float:left;
width:270px;
margin:0px 0px 10px 0px;
}

.greyBoxMid .needTitle{
float:left;
width:71px;
height:26px;
background:url(/images/consumer/needsDream.jpg) top left no-repeat;
}

.greyBoxMid .needTitle p{
margin:0px;
padding:0px;
text-indent:-9000px;
}

.greyBoxMid .needPercent{
float:left;
height:26px;
}
 
.greyBoxMid .need p{
margin:0px;
padding:0px;
color:#fff;
}

.greyBoxMid .need  p a{
font-weight:bolder;
text-align:left;
display:block;
height:26px;
width:71px;
}

#needs .percentRight {
text-align:right;
font-weight:bolder;
padding:2px 6px 0px 0px;
}
	
/* ---------------------- Right --------------------------*/

#right{ 
	float:right;
	width:749px; 
	text-align:left;
	}
	
#subLeft{ 
	float:left;
	width:521px; 
	}

#subLeftInner{ 
	float:left;
	width:521px; 
	}

#subarea { float:right; width:197px; padding: 0px 0 0 0; margin: 0 0 0 0;color: #333; }
#subareanew { float:left; width:197px; padding: 6px 0 0 0; margin: 0 0 0 0;color: #333; background:url(/images/consumer/197-white-top.gif) 0px 0px no-repeat; }
#subareainner { width:197px; padding: 0 0 6px 0; background:url(/images/consumer/197-white-bottom.gif) bottom left no-repeat;	float: left;  }
#subareacontainer { width:197px; float: left; padding: 0px; background: url(/images/consumer/197-white-mid.gif) top left repeat-y; }
#subarea .subareapanel, #subarea .subareapanellast { padding: 10px 0px 10px 0px; margin: 0 10px 5px 10px; border-bottom: 1px dotted #999; }
#subarea .subareapanellast { border: none; }

#subarea .ourpromise { margin: -9px 0px 0px 0px; padding: 9px 0px 0px 0px; background:url(/images/consumer/promise-tick.gif) top left no-repeat; }
#subarea .youtubevideo { text-align: center; }


#subarea p { font-weight: normal; padding: 5px 0; margin: 0; line-height: normal; font-size: 0.85em; }
#subarea ul { padding: 0px; margin: 0px; font-size: 0.85em; }
#subarea ol, #subarea ul { padding: 0px 5px 5px 0.5em; margin: 0px 0.5em; font-size: 0.85em; }
#subarea ol li, #subarea ul li { line-height: 1.1em; padding-bottom: 6px;}
#subarea ol a { font-size: 1em; padding: 0px; background: none; }

#subarea h1 { font-size: 1.1em; color: #333; padding: 10px 0px; margin: 0px; }
#subarea h2 { font-size: 1.2em; color: #DB0052; padding: 0px 0px 7px 0px; margin: 0px; }
#subarea h3 { font-size: 1em; color: #333; padding: 0px 0px 5px 0px; margin: 0px; font-weight: bold; }

#subarea h2 a { display: block; padding: 0px 16px 0px 0px; background:url(/images/consumer/yellow-linkarrow.gif) 0px 0px no-repeat; }
#subarea h2 a:hover {  background-position: 0px -100px; }

#subarea a img { border: none; padding: 3px 0px 0px 5px; margin: 0px; display: inline; }
#subarea #joinuplink { float: left; margin: 0px 0px 10px 0px; padding: 0px; }
#subarea #joinuplink img { padding: 0px; }

#subarea p.arrowlink a { font-weight: bold; display: block; padding: 0px 16px 0px 0px; background:url(/images/consumer/yellow-linkarrow.gif) 0px 0px no-repeat; }
#subarea p.arrowlink a:hover {  background-position: 0px -100px; }

#subarea div.testimonial { margin: 0 0 10px 0; }
#subarea p { padding: 0; }
#subarea p.quote { color: #E97739; }
#subarea p.quotesource { color: #666; }

#subarea p.communitylistitem { padding: 0; margin: 0 0 6px 0; line-height: 1.2em; }


#subareaoffset { float: left; padding: 25px 0px 0px 0px; margin: 0px; }

#chriscolumn img { padding: 0px 10px 10px 0px; float: left; }


#mainContent .minipanel-pink, #mainContent .minipanel-lightgrey { 
	float:left; width:195px; padding: 10px 0px 0px 0px; margin: 0 0 2px 0;	
	background:url(/images/consumer/195-right-top.gif) top left no-repeat;
	}
#mainContent .minipanelinner-pink, #mainContent .minipanelinner-midgrey, #mainContent .minipanelinner-darkgrey, #mainContent .minipanelinner-purple, #mainContent .minipanelinner-lightgrey, #mainContent .minipanelinner-lightgreyplain { 
	float:left; width:195px; padding: 0 0 38px 0; margin: 0 0 0 0;	
	background:url(/images/consumer/195-right-bottom.gif) bottom left no-repeat; 
	}

#mainContent .minipanelinner-pink li, #mainContent .minipanelinner-midgrey li, #mainContent .minipanelinner-darkgrey li, #mainContent .minipanelinner-purple li, #mainContent .minipanelinner-lightgrey li, #mainContent .minipanelinner-lightgreyplain li { 
list-style-type: disc; 
padding-left: 0em;
margin-left: 1.2em;
	}

#mainContent .minipanel-pink { background:url(/images/consumer/195-right-pink-top.gif) top left no-repeat; }	
#mainContent .minipanelinner-pink { padding: 0 0 38px 0; margin: 0px;	
	background:url(/images/consumer/195-right-pink-bottom.gif) bottom left no-repeat; }
#mainContent .minipanelcontainer-pink { padding: 0px 10px; }


#mainContent .minipanelcontainer-lightgrey { float: left; width:195px; padding: 0px; background:url(/images/consumer/195-right-mid.gif) top left repeat-y; }
#mainContent .minipanel-pink a { color: #FFF; text-decoration: underline; }
#mainContent .minipanel-pink a:hover { color: #CCC; text-decoration: underline; }

#subarea .minipanelpadding { padding: 0px 10px; }

#subarea .minipanel-pink h1 { color: #FFF; }
#subarea .minipanel-pink h2 { color: #FFF; }	
#subarea .minipanel-pink p { color: #FFF; }	


/* --------------------------------------------- Main Nav ---------------------------------------------*/
	
#mainnav{ 
	width:749px; 
	text-align:left;
	float:left;
	position: relative;
	}
	
#mainnav ul{ 
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
	
#mainnav ul li{ 
	display:inline;
	margin:0px;
	padding:0px;
	}
	
#mainnav ul li a { 
	height:34px;
	width:80px;
	text-indent:-9000px;
	 background:url(/images/consumer/mainHome.gif) 0px 0px no-repeat;
	  float:left; 
	}
	
#mainnav ul #nav1 a:hover{ 
	 background:url(/images/consumer/mainHome.gif) 0px -34px no-repeat;
	}
	
#mainnav ul #nav1current a{ 
	 background:url(/images/consumer/mainHome.gif) 0px -68px no-repeat;
	}
	
#mainnav ul #nav2 a{ 
	 background:url(/images/consumer/mainHow.gif) 0px 0px no-repeat;
	width:130px;
	}
	
#mainnav ul #nav2 a:hover{ 
	 background:url(/images/consumer/mainHow.gif) 0px -34px no-repeat;
	width:130px;
	}
	
#mainnav ul #nav2current a{ 
	 background:url(/images/consumer/mainHow.gif) 0px -68px no-repeat;
	width:130px;
	}	
	
#mainnav ul #nav3 a{ 
	 background:url(/images/consumer/mainMetWishes.gif) 0px 0px no-repeat;
	width:89px;
	}
	
#mainnav ul #nav3 a:hover{ 
	 background:url(/images/consumer/mainMetWishes.gif) 0px -34px no-repeat;
	width:89px;
	}
	
#mainnav ul #nav3current a{ 
	 background:url(/images/consumer/mainMetWishes.gif) 0px -68px no-repeat;
	width:89px;
	}

/* replace navAdvice1.jpg */
#mainnav ul #nav4 a{ 
	 background:url(/images/consumer/mainGroupWishes.gif) 0px 0px no-repeat;
	width:104px;
	}
	
#mainnav ul #nav4 a:hover{ 
	 background:url(/images/consumer/mainGroupWishes.gif) 0px -34px no-repeat;
	width:104px;
	}
	
#mainnav ul #nav4current a{ 
	 background:url(/images/consumer/mainGroupWishes.gif) 0px -68px no-repeat;
	width:104px;
	}	
		
#mainnav ul #nav5 a{ 
	 background:url(/images/consumer/mainCommunity.gif) 0px 0px no-repeat;
	width:124px;
	}
	
#mainnav ul #nav5 a:hover{ 
	 background:url(/images/consumer/mainCommunity.gif) 0px -34px no-repeat;
	width:124px;
	}
	
#mainnav ul #nav5current a{ 
	 background:url(/images/consumer/mainCommunity.gif) 0px -68px no-repeat;
	width:124px;
	}
	
#mainnav ul #nav6 a{ 
	 background:url(/images/consumer/mainBusinessDirectory.gif) 0px 0px no-repeat;
	width:176px;
	}
	
#mainnav ul #nav6 a:hover{ 
	 background:url(/images/consumer/mainBusinessDirectory.gif) 0px -34px no-repeat;
	width:176px;
	}
	
#mainnav ul #nav6current a{ 
	 background:url(/images/consumer/mainBusinessDirectory.gif) 0px -68px no-repeat;
	width:176px;
	}	
	
#mainnav ul #nav7 a{ 
	 background:url(/images/consumer/mainAboutUs.gif) 0px 0px no-repeat;
	width:104px;
	}
	
#mainnav ul #nav7 a:hover{ 
	 background:url(/images/consumer/mainAboutUs.gif) 0px -34px no-repeat;
	width:104px;
	}
	
#mainnav ul #nav7current a{ 
	 background:url(/images/consumer/mainAboutUs.gif) 0px -68px no-repeat;
	width:104px;
	}		

#mainnav ul #nav8 a{ 
	 background:url(/images/consumer/mainMyAccount.gif) 0px 0px no-repeat;
	width:135px;
	}
	
#mainnav ul #nav8 a:hover{ 
	 background:url(/images/consumer/mainMyAccount.gif) 0px -34px no-repeat;
	width:135px;
	}
	
#mainnav ul #nav8current a{ 
	 background:url(/images/consumer/mainMyAccount.gif) 0px -68px no-repeat;
	width:135px;
	}	

/* --------------------------------------------- Sub Nav ---------------------------------------------*/

#fullBoxTabs { width:526px; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }
/* innertabs is used in business directory to pull up the block below the tabs */
#fullBoxTabs.innertabs { float: left;  margin: 0px 0px -12px 5px; padding: 0px 0px 0px 0px; } 

#fullBoxTabs > div { float: left}
#fullBoxTabs > div > p { text-align: center; padding: 0; margin: 0; color: #DA0150; font-weight: bold }
#fullBoxTabs > div > div { float: left; padding: 0; background-color: #F90;  background:url(/images/consumer/editprofile-private.gif) top center no-repeat; padding: 25px 0px 0px 0px }
#fullBoxTabs > div + div > div  { background:url(/images/consumer/editprofile-semi.gif) top center no-repeat; }
#fullBoxTabs > div + div + div > div { background:url(/images/consumer/editprofile-public.gif) top center no-repeat; }


#fullBoxTabs ul{ float: left; list-style-type:none; margin:0 0 0 0; padding:0; }
#fullBoxTabs ul li{ display:inline; margin:0; float:left; padding:0 0 0 0; list-style:none; }
#fullBoxTabs ul li a{
background:url(/images/consumer/profileTabLeft.jpg) no-repeat left top; /*height:45px;*/ display:block; float:left;
padding-left:7px; text-decoration:none; color:#000; }

#fullBoxTabs ul li a:hover{ background:url(/images/consumer/profileTabLeft.jpg) no-repeat  0px -50px; }

#fullBoxTabs ul #currentTab a { background:url(/images/consumer/profileTabLeft.jpg) no-repeat  0px -98px; }
#fullBoxTabs ul li a span { background: url(/images/consumer/profileTabRight.jpg)  no-repeat right top;
padding:4px 7px 4px 0; display:block; /* height:30px; */ float:left; color:#fff; font-weight:bolder; cursor: pointer;
}
#fullBoxTabs ul li a:hover span { background: url(/images/consumer/profileTabRight.jpg)  no-repeat  right -50px; }
#fullBoxTabs ul #currentTab a span { background: url(/images/consumer/profileTabRight.jpg)  no-repeat  right -98px;
}

/* --------------------------------------------- Main content ---------------------------------------------*/
	
#mainContent{ 
	 width:749px;
	 margin:8px 0px 17px 0px;
	 float:left;
	}
	
.fullBox{ 
	 width:643px;
	 margin:0px 0px 17px 0px;
	 float:left;
	 background:url(/images/consumer/needSelectorBack.gif) 0px 0px no-repeat;
	}
	
.fullBoxBtm{ 
	 width:643px;
	padding:0px 0px 17px 00px;
	 float:left;
	 background:url(/images/consumer/fullBox.gif) bottom left no-repeat;
	}
	
.fullBoxMid{ 
	 margin:10px 0px 0px 0px;
	 float:left;
	 background:#E2DEDB;
	}
	
.fullBox h1{ 
	 font-size:1.8em;
	 color:#DE1961;
	 
	}
	
.fullBox h2{ 
	 font-size:1.4em;
	 color:#DE1961;
	 margin:0px;
	}
	
.fullBox p{ 
	 color:#565551;
	 margin:0px;
	}
	
.fullBoxContent{ 
	 padding:0px 10px 0px 22px;
	 width:280px;
	 float:left;
	}

#fullcontent { 
	float: left;
	background:url(/images/consumer/749-midgrey-top.gif) 0px 0px no-repeat;
	background-color: #E2DEDB;	
	margin: 0 0 15px 0;
	width: 749px;
}
#fullcontentinner { 
	float: left;
	padding: 10px 22px 15px 22px;
	background:url(/images/consumer/749-midgrey-bottom.gif) bottom left no-repeat;
}
	
/* --------------------------------------------- Tag Clouds (Home) ---------------------------------------------*/
div.tagcloud { line-height: 1.9em; }
.tagcloud a { padding: 0px 10px 3px 0px; text-decoration: none; }
.tagcloud .weight1 { font-size: 2.1em; }
.tagcloud .weight2 { font-size: 1.8em; }
.tagcloud .weight3 { font-size: 1.5em; }
.tagcloud .weight4 { font-size: 1.2em; }
.tagcloud .weight5 { font-size: 1em; }
.tagcloud .weight6 { font-size: 0.85em; }


#brandlist .tagcloudbox { margin: 15px 0 0 0; float: left; }

#brandlist .tagcloudboxinner { background: url(/images/consumer/greyBoxMid.gif) top left repeat-y; width:198px; float: left; margin: 0 0 0 0; }

#brandlist .tagcloudboxcontainer { background: url(/images/consumer/greyBoxBtm.gif) bottom left no-repeat; width:198px; float: left; padding: 0 0 10px 0; }

#brandlist .tagcloudboxheading {background: url(/images/consumer/leftArrowBoxHeader.jpg) top left no-repeat; width:198px; height: 1px; padding: 10px 0 56px 0; float: left; margin: 15px 0 0 0; }
#brandlist .tagcloudboxheading h2 { margin: 0 0 0 0; font-size:1.4em; color:#FFF; padding: 0 15px; }

#brandlist h2 span { font-size: 0.7em; }

#brandlist a { float: left; display: block; }
#brandlist a.TagCloud_1 { font-size: 1.5em; font-weight: bold; padding: 3px 5px 6px 20px; }
#brandlist a.TagCloud_2 { font-size: 1.3em; font-weight: bold; padding: 3px 15px; }
#brandlist a.TagCloud_3 { font-size: 1.1em; font-weight: bold; padding: 4px 18px; }
#brandlist a.TagCloud_4 { font-size: 1em; font-weight: bold; color:#9D9A95; padding: 2px 15px;  }
#brandlist a.TagCloud_5 { font-size: 0.8em; font-weight: bold; color:#9D9A95; padding: 2px 16px;}

/* --------------------------------------------- Most Popular Panel ---------------------------------------------*/
#popularlist { float: left; }

#popularlist .tagcloudbox { margin: 15px 0 0 0; }

#popularlist .tagcloudboxinner { background: url(/images/consumer/greyBoxMid.gif) top left repeat-y; width:198px; float: left; margin: 0 0 0 0; }

#popularlist .tagcloudboxcontainer { background: url(/images/consumer/greyBoxBtm.gif) bottom left no-repeat; width:198px; float: left; padding: 0 0 10px 0; }

#popularlist .panelheading { background: url(/images/consumer/panelHeaderBottom.jpg) bottom left no-repeat; width:198px; padding: 0 0 35px 0; margin: 15px 0 0 0; }
#popularlist .panelheading h2 { background: url(/images/consumer/panelHeaderTop.jpg) top left no-repeat; margin: 0; font-size:1.4em; color:#FFF; padding: 10px 10px 5px 10px; }
#popularlist ul { padding: 0 10px 0 10px; list-style-type: none; margin: -6px 0 0 0; }
#popularlist li { font-size: 0.85em; font-weight: bold; padding: 2px 0; }

/* --------------------------------------------- Editorial Panel ---------------------------------------------*/
#editorial { float: left; }

#editorial .tagcloudbox { margin: 15px 0 0 0; }

#editorial .tagcloudboxinner { background: url(/images/consumer/greyBoxMid.gif) top left repeat-y; width:227px; float: left; margin: 0 0 0 0; }

#editorial .tagcloudboxcontainer { background: url(/images/consumer/greyBoxBtm.gif) bottom left no-repeat; width:227px; float: left; padding: 0 10px 10px 10px; }

#editorial .panelheading { background: url(/images/consumer/panelHeaderBottom.jpg) bottom left no-repeat; width:227px; padding: 0 0 35px 0; margin: 15px 0 0 0; }
#editorial .panelheading h2 { background: url(/images/consumer/panelHeaderTop.jpg) top left no-repeat; margin: 0; font-size:1.4em; color:#FFF; padding: 10px 10px 5px 10px; }
#editorial ul { padding: 0px; list-style-type: none; margin: -6px 0 0 0; }
#editorial li { font-size: 0.85em; font-weight: bold; padding: 2px 0; }




/* --------------------------------------------- Need Slider (Home) ---------------------------------------------*/
#sliderbox { width: 524px; background:url(/images/consumer/524-midgrey-top.gif) 0 0 no-repeat; margin: 0 0 15px 0; padding: 12px 0 0 0; float: left; }
#sliderboxinner { width: 524px; background:url(/images/consumer/524-midgrey-bottomarrow.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 42px 0; float: left; }
#sliderboxcontainer { padding: 0 0; margin: 0; width: 524px; float: left; }

#sliderbox h1 { font-size:1.4em; color:#DE1961; margin: 0 10px 7px 12px; line-height: 1.2em; }
#needSelector p{ font-size:.9em; color:#857D70; margin:0px 10px 7px 14px; width:400px; }
	
#needSlider{ padding:0px 0px 4px 14px; float:left; }
	
#needSlider #slider{  
	 width:500px;
	 height:20px;
	 float:left;
	  background:url(/images/consumer/sliderBarHome.jpg) 0px 0px no-repeat;
	  margin: 0px; padding: 0px;
	}

#needtypesliderpanel #needSlider #slider { background:url(/images/consumer/sliderBar.jpg) 0px 0px no-repeat; }
	
#needSlider #arrow{ width:500px; float:left; }
#needAll{ width:40px; margin: 1px 0px 0px 0px; float:left; }

/* --------------------------------------------- Main Home Page ---------------------------------------------*/
#homeHeader{ 
	 width:525px;
	 margin:0px 0px 5px 0px;
	 float:left;
	}

#homebanner { padding: 0px; margin: 0px 0px 7px 0px; }	

.homeneedsubmit { float: left; width: 763px; background: url(/images/consumer/763-white-top.gif) top left no-repeat; padding: 15px 0px 0px 0px; margin: 0px 0px 15px 0px; }
.homeneedsubmitinner { float: left; width: 763px; background: url(/images/consumer/763-white-mid.gif) top left repeat-y; padding: 0px; }
.homeneedsubmitcontainer { float: left; width: 763px; background: url(/images/consumer/763-white-bottom.gif) bottom left no-repeat; padding: 0px 0px 15px 0px; margin: 0px; }

.homeneedsubmitinner #homeneedsubmit { padding: 0px 28px 15px 28px; margin: 0px; }

.homeneedsubmit form { padding: 0px; margin: 0px 0px 0px 0px; }
.homeneedsubmit h1 { background: url(/images/consumer/freeconciergehome.gif) top left no-repeat; width:728px; height:28px; text-indent:-9000px; margin:0; padding:0px 0px 5px 0px; }
.homeneedsubmit h2 { float: left; background: url(/images/consumer/startpostingnow.png) top left no-repeat; width:156px; height:22px; text-indent:-9000px; margin:0; padding:0; }
.homeneedsubmit p { padding: 0px 0px 6px 0px; margin: 0px; color: #333; }

.homeneedsubmit h3 { float: left; background: url(/images/consumer/itssimple.gif) top left no-repeat; width:560px; height:32px; text-indent:-9000px; padding:0; margin:15px 0 0 0; }

#homesecondpanel { padding: 0px 28px 15px 28px; margin: 0px; }
#notready { float: right; width: 290px; }
#otherthings_h2, #hometagcloud_h2, #whosready_h2 { width: 290px; border-bottom: 1px dotted #999; padding: 0px 0px 6px 0px; margin: 0px 0px 10px 0px; }
#whosready { float: left; clear: both; }
#otherthings_h2 { background: url(/images/consumer/otherthings.png) top left no-repeat; width:290px; height:22px; text-indent:-9000px;}

#whosready_h2 { clear: both; background: url(/images/consumer/whosready.png) top left no-repeat; width:290px; height:22px; text-indent:-9000px; margin-top: 20px; }

#hometagcloud { float: left; width: 700px; /* width: 370px; */ }
#hometagcloud_h2 { width: 700px; background: url(/images/consumer/sowhatdoiuseitfor.png) top left no-repeat; width:700px; height:22px; text-indent:-9000px;}

.white763 { float: left; width: 763px; background: url(/images/consumer/763-white-top.gif) top left no-repeat; padding: 15px 0px 0px 0px; margin: 0px 0px 15px 0px; }
.white763inner { float: left; width: 763px; background: url(/images/consumer/763-white-mid.gif) top left repeat-y; padding: 0px; }
.white763container { float: left; width: 763px; background: url(/images/consumer/763-white-bottom.gif) bottom left no-repeat; padding: 0px 0px 15px 0px; margin: 0px; }
#homeneeds { padding: 0px 0px 0px 26px; }

#mainContent #notready a { clear: both; float: left; padding: 0px 13px 0px 0px; }
#mainContent a.linkarrow { display: block; background: url(/images/consumer/link-bkgnd.gif) top right no-repeat; font-weight: bold; }
#mainContent a.linkarrow:hover { background: url(/images/consumer/link-bkgnd.gif) -50px right no-repeat; }



#homeneedsform #newneed { width: 512px; height: 1.3em; margin: 0px 0px 10px 0px; float: left; padding: 0; color: #333; background: url(/images/consumer/home-input-text.gif) top left no-repeat; border: none; font-size: 1.2em; font-weight: bold; outline: none; }

.homeneedsubmit #newneedgo_button { float: left; margin: 0px 0px 0px 0px; }
#homeneedsform #newneed { padding: 0; }
#homeneedsform fieldset { padding: 17px 10px; margin: 0; background: url(/images/consumer/home-input-bkgnd.gif) top left no-repeat; float: left; border: none; }

#squeezemoreoutoflife { background: url(/images/consumer/squeezemoreoutoflife.gif) top left no-repeat; width:121px; height:33px; margin: 0px 0px 0px 0px; text-indent:-9000px; margin:0; padding:0; }	

#featuredlinks { margin: 40px 0px 0px 0px; padding: 0px; float: left; }	
#featuredlinks td li { font-size: 0.85em; list-style: none; padding: 0px; margin: 0px; }
#featuredlinks td ul { padding: 0px; margin: 0px; }
#featuredlinks td { vertical-align: top; width: 812px; }
#featuredlinks h2 { font-size: 1em; padding: 0px; margin: 0px; }

#satisfiedcustomers { width: 526px; margin: 0px 0px 8px 0px; }
#satisfiedcustomers h1 { padding-left: 15px; margin: 0px; padding: 0px 15px; }
#satisfiedcustomers table { width: 526px; margin: 15px 0 8px 0px; }
#satisfiedcustomers table td { width: 250px; }
#satisfiedcustomers table td div { padding: 0px 15px; }
#satisfiedcustomers table td#spacer { width: 26px; background: none; padding: 0px; }
#satisfiedcustomers h2 { font-size: 1em; padding: 2px 0px 0px 0px; margin: 0px; }
#satisfiedcustomers embed { padding: 0px; margin: 0px; }

#satisfiedcustomers tr.consumer td { background: url(/images/consumer/satisfiedpanel-top.gif) top left no-repeat; padding: 15px 0px 10px 0px; font-weight: bold; }
#satisfiedcustomers tr.video td { background: url(/images/consumer/satisfiedpanel-mid.gif) top left repeat-y; padding: 0px 0px 0px 0px; color: #DB0052; text-align: center; }

#satisfiedcustomers tr.metby td { background: url(/images/consumer/satisfiedpanel-mettop.gif) top left no-repeat; padding: 54px 0px 0px 0px; }

#satisfiedcustomers tr.video td p { background: url(/images/consumer/metwish-logo.gif) top left no-repeat; padding: 0px 0px 0px 45px; margin: 8px 0px 0px 0px; font-weight: bold; text-align: left; }

#satisfiedcustomers tr.bottom td { background: url(/images/consumer/satisfiedpanel-bottom.gif) bottom left no-repeat; padding: 0px 15px 0px 15px; margin: 0px; border: none; font-size: 1px; }
	
/* --------------------------------------------- Personal Home Page ---------------------------------------------*/

#messageBoxOuter{ 
	float:left;
	width:521px; 
	background:url(/images/consumer/subLeftBack.gif) top left no-repeat;
	margin: 0 0 15px 0;
	}
	
#messageBoxOuterBtm{   
float:left;
	width:521px; 
	 margin: 0;
	 padding: 0;
	 background:url(/images/consumer/subLeftBackBot.gif) bottom left no-repeat;
	}
#messageBoxInner {
	padding: 15px 23px;
	margin: 0;
}
	
#messageBoxOuter Img{ 
	float:right;
	margin:0 0 10px 0px;
	}
	
	
.messageBoxTop{ 
	 width:478px;
	 margin:12px 0px 0px 0px;
	 padding:0px;
	 background:url(/images/consumer/messageTop.jpg) 0px 0px no-repeat;
	 float:left;
	}
	
.messageBoxMid{ 
	 width:478px;
	 float:left;
	 margin:8px 0 0 0;
	 padding:0;
	 background:url(/images/consumer/messageMid.jpg) bottom left repeat-y;
	}
.messageBoxInner{ 
	 margin:0 0 0 0;
	 padding:0 10px 6px 10px;
	 background:none;
	}

	
#messageBoxOuter h1{ 
	 font-size:1.8em;
	 color:#DE1961;
	 margin:7px 0 7px 0;
	}
	
#messageBoxOuter h2{ 
	 font-size:1.4em;
	 color:#DE1961;
	 margin:14px 0 7px 0;
	}
	
 #messageBoxMid p{ 
	 margin:13px 0;
	 padding:0px;
	 color:#605B55;
	}
	
.messageBoxBtm{ 
	 width:478px;
	 margin:0px 0px 14px 0px;
	 padding:0px 0px 6px 0px;
	 background:url(/images/consumer/messageBtm.jpg) bottom left no-repeat;
	float:left;
	}
	
.headerBox{ 
	 float:left;
	 margin:10px 0px 00px 0px;
 
	width:521px; 
	background:url(/images/consumer/subLeftBack.gif) top left no-repeat;
 
	}
	
.headerBox h1{ 
	 font-size:1.8em;
	 color:#DE1961;
	 margin:12px 10px 7px 0px;
	 padding:0px 0px 8px 23px;
	 float:left;
	}
	
.headerBox img{ 
	float:right;
	 margin:12px 22px 7px 23px;
	}
	
 .headerBoxTop{ 
	 float:left;
	width:521px; 

	}	
	
 .headerBoxBtm{ 
	 float:left;
	width:521px; 
	padding:0px 0px 22px 0px;
	
 background:url(/images/consumer/subLeftHeaderBot.gif) bottom left no-repeat;
	}	
	
/* --------------------------------------------- Edit Profile Form ---------------------------------------------*/
#fullsubcontent { 
	width: 719px;
	background:url(/images/consumer/719-lightgrey-top.gif) 0px 0px no-repeat;
	background-color: #F2F1EF;	
	margin: 0 0 15px 0;
	float: left;
}
#fullsubcontentinner { 
	width: 719px;
	padding: 0px;
	background:url(/images/consumer/719-lightgrey-bottom.gif) bottom left no-repeat;
	float: left;
}
#fullsubcontentcontainer {
	padding: 10px 22px 10px 22px;
	float: left;
}
#fullsubcontent ol { padding: 0px 1em; margin: 0px 1em; font-weight: normal; color: #333; }

/* --------------------------------------------- Recommend a Business Form ---------------------------------------------*/
#recommendContainer { 
	width: 656px;
/*	background:url(/images/consumer/fullsubcontent-top.gif) 0px 0px no-repeat;
	background-color: #F2F1EF;	
*/
	margin: 0 0 15px 0;
	float: left;
}
#recommendFormContainer { 
	padding: 10px 22px 15px 22px;
	background:url(/images/consumer/fullsubcontent-bottom.gif) bottom left no-repeat;
	float: left;
}
#recommendContainer form { width: 612px; }
#recommendContainer label { font-weight: bold; color: #333; padding: 3px 0px 3px 0px; }
#recommendContainer label span { font-weight: normal; display: block; color: #333; padding: 0px 0px 3px 0px; }
#recommendContainer fieldset.submitimage { padding: 10px 0px; }
#recommendContainer textarea { width: 450px; overflow:auto; }
#recommendBusinessResults { width: 450px; background-color: #FFF; }
#recommendContainer input { margin: 0 0 10px 0; }

/* --------------------------------------------- xxxx ---------------------------------------------*/
	
#leftColl2{ 
	  float:left;
 
	 width:425px;
	}
	
#right .mainBoxOuter{ 
	   float:left;
	   
	 margin:15px 0px 0px 0px;
	}
	
#right .mainBox{ 
	  float:left;
 	 background:url(/images/consumer/leftColl2Back.gif) 0px 0px no-repeat;
	 width:445px;
	 margin:0px 0px 00px 0px;
	}
	
#right .mainBox h1  { 
	font-size:1.2em;
	padding:6px 32px 0px 24px;
	color:#DB0050;
	}
	
#right .mainBox h1 span{ 
	color:#857D70;
	}
	
#right .mainBoxBot{ 
	  float:left;
 	 background:url(/images/consumer/leftColl2BackBot.gif) bottom left no-repeat;
	 width:445px;
	}
	
#right .mainBoxBot2{ 
	  float:left;
 	 background:url(/images/consumer/boxBot2.gif) bottom left no-repeat;
	 width:445px;
	}
	
#horizontal{ 
	  
	float:left;
	width:640px;
	}
	
#abc{ 
	 
	float:right;
	width:190px;
	background:url(/images/consumer/abc.jpg) top left no-repeat;
	}
	
#abcOuter{ 
	 
	float:right;
	width:190px;
 text-align:center;
	}
	
#abcOuter img{ 
 margin:10px;
	}
	
#abcBot{ 
  text-align:left;
	float:right;
	width:190px;
	background:url(/images/consumer/abcBot.gif) bottom left no-repeat;
	}
	
#abcBot p{ 
	 margin:10px 0px 40px 12px;
	}
	
#abcBot p a{ 
	 color:#575652;
	}
	
#abc h1{ 
	margin:30px 0px 0px 80px;
	font-size:1.3em;
	}

/* -------------------------------------- Main Unmet and Met Needs Pages -----------------------------------------*/
/* the area at the top of the unmet needs pages */
/*
#mainfilterbox { width: 526px; background:url(/images/consumer/526-midgrey-top.gif) 0 0 no-repeat; margin: 0 0 15px 0; padding: 15px 0 0 0; float: left; }
#mainfilterbox h1 { margin-top: 0; padding: 0; }
#mainfilterboxinner { width: 526px; background:url(/images/consumer/526-midgrey-arrowbottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 30px 0; background-color: #E2DEDB; float: left}
#mainfilterboxcontainer { padding: 0 15px; margin: 0; background-color: #E2DEDB; float: left;  }
*/

#needfilter {
	width: 491px; padding: 7px 0px 0px 0px; margin: 0;
	background:url(/images/consumer/491-lightgrey-top.gif) top left no-repeat; 
}

#needfilterinner {
	padding: 0px 0px 7px 10px; margin: 0 0 0 0;
	background:url(/images/consumer/491-lightgrey-bottom.gif) bottom left no-repeat #F2F1EF; }

#needfilter form { width: 471px; padding: 0px 0 0 0; margin: 0px; }
#needfilter form input {  display: block; padding: 0 0 0 0; margin: 0 0 0 0; float: left; }

#needfilter form input#needfiltersubmit { float: right; /* position: absolute; top: 0px;	right: 22px; */ }

/* --------------------------------------------- Unmet Needs ---------------------------------------------*/
/* the area at the top of the unmet needs pages */
#topbox { width: 749px; background:url(/images/consumer/749-midgrey-top.gif) 0 0 no-repeat; margin: 0 0 15px 0; padding: 15px 0 0 0; float: left; }
#topbox h1 { margin-top: 0; padding: 0; }
#topboxinner { width: 749px; background:url(/images/consumer/749-midgrey-arrowbottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 30px 0; background-color: #E2DEDB; float: left; }
#topboxcontainer { padding: 0 15px; margin: 0; background-color: #E2DEDB; float: left; }

#topboxinnernoarrow { width: 749px; background:url(/images/consumer/749-midgrey-bottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 15px 0; background-color: #E2DEDB; float: left; }


/* --------------------------------------------- General Form Stuff---------------------------------------------*/
/* p.fielderror { clear: both; color: #FF0000; font-weight: bold; margin: 0; padding: 0; } */

#formintro p { clear: both; color: #DE1961; font-weight: bold; float: left; width: 597px; border-top: 1px dashed #DE1961; border-bottom: 1px dashed #DE1961; padding: 10px 0; margin: 20px 0 20px 0; }
p.profileupdate { color: #DE1961; padding: 15px 0; } 
.pinkdescription { font-weight: bold; color: #DE1961; clear: both; margin: 10px 0 0 0; }
.pinkdescription p { padding: 0; margin: 0; }

/* --------------------------------------------- New Need Form ---------------------------------------------*/

#newneedForm { margin: 0 0 0 0; padding: 0px 0 0 0; }
#newneedForm  p.fielderror { clear: both; color: #FF0000; font-weight: bold; margin: 10px 0 0 0; padding: 0; } 
#newneedForm #newneed { width: 530px; }
#newneedForm #currentneed { background-color: #FFD5E4; width: 705px; margin: 15px 0px; border: 1px solid #999; }
#newneedForm #currentneed div { padding: 3px 10px; margin: 0px; }
#newneedForm #currentneed h1 { padding: 0; margin: 0; }
#newneedForm #currentneed h2 { float: left; color: #333; padding: 2px 20px 0px 0px; margin: 0px; }
#newneedForm h1 { padding: 0; margin: 0; }
#newneedForm h2 { color: #504E4D; font-size: 1.2em; }

#newneedformsubmit { float: right; }
#newneedForm div.spellingcorrection { margin: 15px 0; }
#NeedSubmissonCongratulation p { color: #DB0052; font-weight: bold; font-size: 1.1em; }


#spellchecker {  }
#spellchecker h2 { color: #504E4D; font-size: 1.2em; }
#spellchecker p { font-size: 0.85em; border-top: 1px dotted #999; padding: 7px 0 0 0; margin: 10px 0 0 0; }
#spellchecker a { margin-right: 10px; }

#spellingcorrection { margin: 15px 0; float: left; }
#spellingcorrection p { margin: 0 0 20px 0; padding: 0; color: #666; font-size: 0.85em; font-weight: bold; }
img.spellcheckerlogo { float: right; }

#sensechecker p { padding: 6px 0px 6px 0px; margin: 0px; color: #535150; font-weight: bold; }
#sensechecker p span { font-weight: normal; }
#sensechecker h1 { color: #EB6E08; }
#senselist { padding: 0px 0px 3em 0px; }
#sensechecker a { font-weight: bold; }
#sensecontinue { border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding: 0px 0px; margin: 20px 0px; }
#sensecontinue p { padding: 0px 0px 10px 20px; }
#sensecontinue h4 { font-size: 1em; font-weight: normal; display: inline; color: #333; float: left; margin: 0px; padding: 0px 10px 0px 0px; }
#senselist ul { margin: 0px 20px 0px 0px; padding: 0px; list-style-type:none; }
#senselist li { display: block; }
#senseprompts { margin: 0px 20px 0px 10px; padding: 0px; }
#senseprompts div { margin: 0px; padding: 0px; }
#senseprompts ul { margin: 0px 0px 0px 1em; padding: 0px 0.6em; }

/* ------------------------------------ Refine Need Form (4 facts) -----------------------------------------*/
div.needsubmissionsection { margin: 15px 0px; padding: 6px 0px; border-top: 1px dotted #999; clear: both; }
div.needsubmissionsection p { font-size: 0.85em; color: #333; padding: 0px; margin: 0px;  }

#refineFormContainer { margin: 10px 0 0 0; float: left; width: 700px; }
form#refineform { border: none; padding: 20px 0 0 0; }
#refineform fieldset { border: none; }

#fourquestions123{ float:left; width:451px; margin: 0; background:url(/images/consumer/leftColl2Back2.gif) 0px 0px no-repeat; }
#fourquestionscontainer { float:left; width:451px; padding: 0 0 0 0; margin: 0; }
/* #fourquestionsbottom { float:left; padding: 0 30px 50px 15px; margin: 0; background:url(/images/consumer/fourquestionsbackbottom.gif) bottom left no-repeat; } */
#fourquestionscontainer span { font-weight: bold; }

#fourquestionscontainer input { width: 255px; }
#fourquestionscontainer label { display: block; font-weight: bold; color:#DB0052; margin: 0 0 5px 0; }

#fourquestionsright{ float:left; width:192px; }

#fourfactstable td { padding: 10px 10px 10px 0; vertical-align: top; }
#fourfactstable td.factelement { width: 430px; }

#fourfactstable td.switchlink a { display: block; background-color: #640E4D; margin-top: 10px; padding: 1px 4px; font-size: 0.85em; color: #FFF; text-align: center; }
#fourfactstable td.switchlink a:hover { background-color: #625B56; }
#fourfactstable label { display: block; font-weight: bold; margin: 0 0 6px 0; color: #DE1961; }


div#postcodefields { border-top: 1px dotted #333; margin: 15px 0px 0px 0px; }
#postcodefields input { width: 7em; }
#postcodefields td { padding: 0px 15px 0px 0px; }


#testimonial { margin: 0; width:192px; }
#testimonial img { margin: 0; display: block; }
#testimonialMid{ float:left; background:url(/images/consumer/rightCollAdMid.jpg) 0px 0px repeat-y; }
#testimonialMid h1{ color:#fff;  font-size:1em;  font-weight:normal;  margin:6px 8px 14px 8px; }
#testimonialMid h1 span{  font-weight:bolder; }
#testimonialBtm{ float:left; width:192px; padding: 0 0 14px 0; margin: 0; background:url(/images/consumer/rightCollAdBtm.jpg) bottom left no-repeat; }
#testimonialBtm p { color: #FFF; font-size: 0.95em; padding: 5px 8px 3px 8px; margin: 0; }
#testimonialBtm p.testimonialsource { font-weight: bold; }

#submissionheader h1 { color: #333; }
#submissionheader h1 span { color: #DB0052; }
#submissionheader p { color: #333; font-weight: bold; padding: 0px 0px; margin: 0px; }
#submissionheader img { margin: 0px 0px 15px 0px; }

#needcategory { padding: 0px; margin: 0px; }
#needcategory label { color: #DB0052; font-weight: bold; padding: 0px 10px 0px 0px; }
#needcategory div.element { padding: 0px 0px 10px 0px; }
#needcategory p {padding: 0px 0px 10px 0px; }

#timescalecontainer { float: left; width: 749px; background:url(/images/consumer/749-midgrey-top.gif) 0 0 no-repeat; margin: 20px 0 0 0; padding: 15px 0 0 0; }
#timescaleinner { float: left; width: 749px; background:url(/images/consumer/749-midgrey-arrowbottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 40px 0; background-color: #E2DEDB; }
#timescaleinnerinner { padding: 0 20px; }

/* the timescale slider is in this div */
#timescalepanel { float: left; width: 597px; background:url(/images/consumer/597-light-top.gif) 0 0 no-repeat; margin: 0 0 0 0; padding: 10px 0 0 0;}
#timescalepanelinner { float: left; width: 597px; background:url(/images/consumer/597-light-bottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 27px 0; background-color: #F2F1EF; }

#timescalebox { float: left; padding: 0 0px 25px 0px; }
#timescalebox label { font-weight: bold; margin: 0 0 6px 0; color: #DE1961; }
#timescalebox #timescale { display: block; margin: 0px 0 0 0; }
#timescalebox p { font-size: 0.85em; padding: 0px 0px 10px 0px; margin: 0px 0px; color: #333; }


/* the actual slider control */
#timescaleSlider { padding:10px 0px 4px 0; float:left; }
#timescaleSlider #slider { width:575px; height:38px; float:left; background:url(/images/consumer/timesliderbar2.gif) 0 0 no-repeat; }
#timescaleSlider #arrow { width:575px; float:left; }
#timescaleSlider #timescaleSlider_SLIDER_NIB { height: 50px; width: 65px; background-image: url(/images/consumer/timescaleSliderPointer2.gif); background-position: 0px 0px; cursor: pointer; position: absolute; }


#addesignerprompt { width: 643px; background:url(/images/consumer/643-midgrey-top.gif) 0 0 no-repeat; margin: 15px 0 0 0; padding: 15px 0 0 0; float: left; }
#addesignerpromptinner { float: left; width: 643px; background:url(/images/consumer/643-midgrey-bottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 30px 0; background-color: #E2DEDB; }
#addesignerpromptabc { background:url(/images/consumer/643-midgrey-abc.gif) top left no-repeat; margin: 0 0 0 0; padding: 15px 20px 0 92px; background-color: #E2DEDB; }

#addesignerprompt h2 { margin: 0 0 0 0; font-size: 1em; }
#addesignerprompt p { margin: 5px 0 6px 0; font-size: 1em; color: #666; font-weight: bold; }

#refinesubmit { padding: 0 15px 0 0; margin: 0; }
#refinesubmit input { margin: 6px 0 0 0; }

div#makeminepanel { float: left; clear: both; width: 643px; margin: 0; padding: 15px 0 0 0; }

/* --------------------------------------------- General Form ---------------------------------------------*/

div.generalformbox { width: 643px; background:url(/images/consumer/643-midgrey-top.gif) 0 0 no-repeat; margin: 15px 0 15px 0; padding: 10px 0 0 0; }
.generalformboxinner { width: 643px; background:url(/images/consumer/643-midgrey-bottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 10px 0; background-color: #E2DEDB; }
.generalformboxcontainer { padding: 0 15px; margin: 0; background-color: #E2DEDB; }


/* --------------------------------------------- Login Form ---------------------------------------------*/

#loginformbox { width: 643px; background:url(/images/consumer/643-midgrey-top.gif) 0 0 no-repeat; margin: 15px 0 15px 0; padding: 10px 0 0 0; }
#loginformboxinner { width: 643px; background:url(/images/consumer/643-midgrey-bottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 10px 0; background-color: #E2DEDB; }
#loginformboxcontainer { padding: 0 15px; margin: 0; background-color: #E2DEDB; }
#loginformbox .element { padding: 3px 0px; }
#loginformbox input { width: 200px; }
#loginformboxsubmit input { margin: 15px 0 0 0; width: 55px; }
#loginformbox label { font-weight: bold; width: 200px; padding: 0 10px 0 0; color: #666; }
#loginformbox p.fielderror { clear: both; color: #FF0000; font-weight: bold; margin: 5px 0; padding: 0; }
#loginformbox p.error { clear: both; color: #DE1961; font-weight: bold; margin: 10px 0; padding: 10px 0 0 0; }

/* --------------------------------------------- Signup Form ---------------------------------------------*/

#signupformbox { float: left; width: 749px; background:url(/images/consumer/749-midgrey-top.gif) 0 0 no-repeat; margin: 15px 0 15px 0; padding: 10px 0 0 0; }
#signupformboxinner { float: left; width: 749px; background:url(/images/consumer/749-midgrey-bottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 10px 0; background-color: #E2DEDB; }
#signupformboxcontainer { float: left; padding: 0 15px; margin: 0; background-color: #E2DEDB; }
#signupformbox h1 { margin-bottom: 25px; }
#signupformboxsubmit { float: left; margin: 15px 0 0 0; width: 55px; }
#signupformbox p.fielderror { clear: both; color: #FF0000; font-weight: bold; margin: 5px 0; padding: 0 0 0 250px; }
#signupformbox p.error { clear: both; color: #DE1961; font-weight: bold; margin: 10px 0; padding: 10px 0 0 0; }

#signupformbox label {
padding: 0 20px 0 0;
display: block;
color: #666;
width: 230px;
float: left;
text-align: right;
font-weight: bold;
}

#signupformbox .element { padding: 5px 0; clear: both; }
#signupformbox label span { font-weight: normal; color: #666; }
#signupformbox #signupformsubmit { clear: both; float: left;  margin: 15px 0 15px 250px; }

div.captcha { float: left; padding: 10px 10px; border: 1px solid #666; background-color: #EEE; width: 260px; }
.captcha img { margin: 0 0 5px 0; border: 1px solid #AAA; }

#skinnyform, #skinnylogin { float: left; width: 250px; background: url(/images/consumer/satisfiedpanel-top.gif) top left no-repeat; padding: 15px 0px 0px 0px; }
#skinnyform { width: 276px; }
#skinnyforminner, #skinnylogininner { float: left; width: 250px; background: url(/images/consumer/satisfiedpanel-mid.gif) top left repeat-y; padding: 0px 0px 0px 0px; }
#skinnyformcontainer, #skinnylogincontainer { float: left; width: 250px; background: url(/images/consumer/250-white-bottom.gif) bottom left no-repeat; padding: 0px 0px 15px 0px; margin: 0px; }
#skinnyformcontainer form, #skinnylogincontainer form, #wideformcontainer form { padding: 0px; margin: 0px; }
#skinnyform h1, #skinnylogin h1, #wideform h1 { padding: 0px 0px 15px 0px; margin: 0px; }
#skinnyform p.error, #skinnylogin p.error, #wideform p.error { color: #F00; font-weight: bold; }
#skinnyform p.fielderror, #skinnylogin p.fielderror, #wideform p.fielderror { color: #F00; font-weight: normal; }

#skinnyform .element, #skinnylogin .element, #wideform .element { padding: 7px 0; clear: both; }
#skinnyform label, #skinnylogin label, #wideform label { display: block; font-weight: bold; color: #333; font-size: 0.85em; }
#wideform label span { color: #DB0052; display: block; padding: 0px 0px 5px 0px; margin: 0px; }
#skinnyform #screenname, #skinnyform #email, #skinnyform #userpassword { width: 212px; }
#wideform #screenname, #wideform #email, #wideform #userpassword { width: 212px; float: left; }
#wideform #postcode, #skinnyform #postcode { margin: 0px; }
#wideform div.element { float: left; width: 490px; }

#skinnyform .checkboxfloat, #wideform .checkboxfloat { float: left; border: none; margin: 1px 6px 6px 0; padding: 0; }
#skinnylogin #loginusername, #skinnylogin #loginpassword { width: 212px; }

#registersubmit, #loginsubmit, #submitstep1, #submitsitefeedback { float: left; clear: both; margin: 15px 0px 0px 0px; }
#skinnyform p.instructionlink { margin: 2px 0px; padding: 0px; font-size: 0.85em; }

#wideform p.instructionlink { float: left; margin: 2px 0px; padding: 0px 0px 0px 10px; font-size: 0.85em; }
#wideform p { margin: 0px; padding: 6px 0px; }

#wideform, #wideformplain, .wideformplain { float: left; width: 526px; background: url(/images/consumer/526-white.jpg) top left no-repeat; padding: 15px 0px 0px 0px; }
#wideformplain, .wideformplain { margin: 0px 0px 15px 0px; }
#wideforminner, #wideformplaininner, .wideformplaininner { float: left; width: 526px; background: url(/images/consumer/526-white-mid.jpg) top left repeat-y; padding: 0px; }
#wideformcontainer { float: left; width: 526px; background: url(/images/consumer/526-white-bottom.jpg) bottom left no-repeat; padding: 0px 0px 45px 0px; margin: 0px; }
#wideformplaincontainer, .wideformcontainer, .wideformplaincontainer { float: left; width: 526px; background: url(/images/consumer/526-white-plainbottom.jpg) bottom left no-repeat; padding: 0px 0px 15px 0px; margin: 0px; }

#wideformpadding { padding: 5px 14px; }


#wideform fieldset, #skinnyform fieldset { padding: 0px; margin: 0px; border: none; } 

.helpPanel { background-color: #FFD5E4; padding: 7px; }
#MouseOverHelpPanel { border: 1px solid #333; font-size: 0.85em; width: 180px; }
#MouseOverHelpPanel p { padding: 0px; margin: 0px; }
p.instructionlink a { color:#640E4D; text-decoration: underline; cursor:help; }
p.instructionlink a:hover { color:#333; text-decoration: underline; cursor:help; }


#whyregister { float: left; width: 222px; background: url(/images/consumer/whyregister-topbottom.jpg) top left no-repeat; padding: 20px 0px 0px 0px; }
#whyregisterinner { float: left; width: 225px; background: url(/images/consumer/whyregister-topbottom.jpg) bottom left no-repeat; padding: 0px 0px 50px 0px; }
#whyregister h1 { padding: 0px 10px 10px 10px; margin: 0px; color: #000; }

#getpersonalreplies { background: url(/images/consumer/whyregister-bkgnd.jpg) top left no-repeat; }
#savetime { background: url(/images/consumer/whyregister-bkgnd.jpg) 0px -150px no-repeat; }
#youcontrol { background: url(/images/consumer/whyregister-bkgnd.jpg) 0px -300px no-repeat; }
#getpersonalreplies, #savetime, #youcontrol { width: 195px; margin: 0px; padding: 0px 0px;  }
#whyregister p { padding: 10px 10px 10px 60px; margin: 0px 1px; font-size: 0.85em; font-weight: bold; border-bottom: 1px dotted #333; }
#getpersonalreplies { color: #DB0052; }
#savetime { color: #EB6E08; }
#youcontrol { color: #640E4D; border: none; padding-bottom: 20px; }
#youcontrol p { border: none; padding-bottom: 0px; }

/* --------------------------------------------- Site Feedback Form ---------------------------------------------*/

#sitefeedbackform p.fielderror { clear: both; color: #FF0000; font-weight: bold; margin: 5px 0; padding: 0 0 0 220px; }
#sitefeedbackform p.error { clear: both; color: #DE1961; font-weight: bold; margin: 10px 0; padding: 10px 0 0 0; }

#sitefeedbackform label {
padding: 0 20px 0 0;
display: block;
color: #666;
width: 200px;
float: left;
text-align: right;
font-weight: bold;
}

#sitefeedbackform .element { padding: 5px 0; clear: both; }
#sitefeedbackform label span { font-weight: normal; color: #666; }
#sitefeedbackform #sitefeedbacksubmit { clear: both; float: left;  margin: 15px 0 15px 220px; }

/* --------------------------------------------- Personal Home Page ---------------------------------------------*/

div#blockedlist { float: left; padding: 0; margin: 0; width: 524px; }
#blockedlist div.blockedbar { float: left; margin: 0; padding: 0; background:url(/images/consumer/pink-bar-full.jpg) 0 0 no-repeat; width: 524px; }
#blockedlist p { color: #FFF; font-size: 1.1em; padding: 8px 15px 10px 15px; margin: 0; font-weight: bold; }



/* ----------------------------------------- Need Setup Form (Ad Designer) -----------------------------------------*/
#needsetup { float: left; width: 749px; background:url(/images/consumer/749-midgrey-top.gif) 0 0 no-repeat; margin: 15px 0 0 0; padding: 10px 0 0 0; }
#needsetupinner { float: left; width: 749px; background:url(/images/consumer/749-midgrey-arrowbottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 50px 0; background-color: #E2DEDB; }
#needsetupcontainer { padding: 0 15px; margin: 0; background-color: #E2DEDB; }

#needsetup div.element { float: left; margin: 10px 0 20px 0; width: 600px; }
#needsetup div.fileupload { float: left; border: 1px dashed #999; padding: 10px 10px 0px 10px; }
#needsetup label { font-weight: bold; padding: 0 10px 0 0; color: #666; }

#needsetupsubmitbox { 
	width: 643px;
	float: left;
	background:url(/images/consumer/643-midgrey-top.gif) 0px 0px no-repeat;
	background-color: #E2DEDB;	 
	margin: 15px 0 15px 0;
}
#needsetupsubmitboxinner { 
	padding: 10px 22px 15px 22px;
	background:url(/images/consumer/643-midgrey-bottom.gif) bottom left no-repeat;
}
#needsetupsubmitbox span { font-weight: bold; }

#needsetupbuttons { padding: 0px 0 0 0; }
#needsetupbuttons p { padding: 0px 0 20px 0; }
#needsetupbuttons img { margin: 0px 5px 0px 0px; }

/* the timescale slider is in this div */
#needtypesliderpanel { float: left; width: 597px; background:url(/images/consumer/597-light-top.gif) 0 0 no-repeat; margin: 0 0 0 0; padding: 10px 0 0 0;}
#needtypesliderpanelinner { float: left; width: 597px; background:url(/images/consumer/597-light-bottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 20px 0; background-color: #F2F1EF; }
#needtypesliderpanelinnerinner { padding: 0 20px; }

img.pinkbarimage { float: left; display: block; clear:both; margin: 10px 0; }


/* the photo panel is in this div */
#photopanel { float: left; width: 597px; /* background:url(/images/consumer/597-light-top.gif) 0 0 no-repeat; */ margin: 0 0 0 0; padding: 10px 0 0 0;}
#photopanelinner { float: left; width: 597px; /* background:url(/images/consumer/597-light-bottom.gif) bottom left no-repeat; */ margin: 0 0 0 0; padding: 0 0 10px 0; background-color: #FFF; }
#photopanelinnerinner { padding: 0 0px; margin: 0; }

ul.imageuploadinstructions { margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; }
.imageuploadinstructions li { float: left; width: 139px; list-style: none; font-size: 0.85em; padding: 0px 5px; }
.imageuploadinstructions li span { font-weight: bold; padding: 0px 5px; }

/* ----------------------------------------- Feedback Form (Ad) -----------------------------------------*/
#adfeedback { width: 705px; background:url(/images/consumer/fullsubcontent-top.gif) 0px 0px no-repeat;
	background-color: #F2F1EF; margin: 0 0 15px 0; float: left; }
#adfeedbackinner { width: 705px; padding: 10px 0px 15px 0px; background:url(/images/consumer/fullsubcontent-bottom.gif) bottom left no-repeat; float: left; }
#adfeedbackcontainer { padding: 0px 22px 0px 22px; }

#adfeedback label { clear: left; display: block; font-weight: bold; color: #666; margin: 0px; padding: 10px 15px 0px 0px; }
#adfeedback input { clear: left; display: block; margin: 0px; float: left; }
#adfeedback .element { float: left; margin: 0px 5px 0px 0px; }
#adfeedback p { font-weight: bold; color: #DB0052; }

/* ----------------------------------------- Recommended by Form ----------------------------------------*/
#recommendedby { padding: 0px 14px; }
#recommendedby form { margin: 0px; padding: 0px; }
#recommendedby p { font-size:0.85em; font-weight: bold; padding: 0px 0px 5px 0px; margin: -5px 0px 0px 0px; }
#recommendedby #closelink { text-align: right; padding: 0px; margin: -5px 0px 0px 0px; }
#recommendedby input { width: 200px; margin: 0px; font-size:0.85em; }
input#recommended_submit { width: 75px; }
#recommendedby div.element { width: 205px; float: left; }

/* ----------------------------------------- How to Respond -----------------------------------------*/

#howtorespond {  }
#howtorespond span { font-weight: bold; color: #DB0052; padding-right: 10px; }
#howtorespond p { clear: left; padding: 2px 0px 6px 0px; margin: 0px 0px; }

/* -----------------------------------------Call Me Form -----------------------------------------*/
#callMeEntry { clear: left; border-top: 1px dashed #666; border-bottom: 1px dashed #666; width: 610px; margin: 10px 0px 10px 0px; padding: 0px 0px 10px 0px; }
#callMeEntry label { float: left; width: 14em; padding: 0px 10px 0px 0px; text-align: right; display: block; }
#callMeEntry input { display: block; }
input#callmesubmit { }

/* ----------------------------------------- Met Need Form (Feedback) -----------------------------------------*/

#feedbackbox { float: left; width: 700px; background:url(/images/consumer/youwishbox-top.gif) 0 0 no-repeat; margin: 15px 0 0 0; padding: 10px 0 0 0; }
#feedbackboxinner { float: left; width: 700px; background:url(/images/consumer/700-midgrey-arrowbottom.gif) bottom left no-repeat; margin: 115px 0 0 0; padding: 0 0 50px 0; background-color: #E2DEDB; }
#feedbackboxcontainer { float: left; width: 530px; padding: 0 15px; margin: -110px 0 0 0; background-color: #E2DEDB; border: 1px solid #333; }

#feedbackformbox { float: left; width: 700px; background:url(/images/consumer/700-midgrey-top.gif) 0 0 no-repeat; margin: 15px 0 40px 0; padding: 10px 0 0 0; }
#feedbackformboxinner { float: left; width: 700px; background:url(/images/consumer/700-midgrey-bottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 10px 0; background-color: #E2DEDB; }
#feedbackformboxcontainer {  padding: 0 15px 0 15px; margin: 10px 0 0 0; background-color: #E2DEDB; }

#feedbackformbox h2 { margin: 0; padding: 0; }
#feedbackformbox label { display: block; font-weight: bold; color: #666; margin: 20px 0 6px 0; }
#feedbackformsubmit { margin: 20px 0 0 0; }

#feedbackform { padding: 0px 22px; margin: 0px; }
#feedbackform label {  display: block; font-weight: bold; margin: 10px 0px 3px 0px; }
#feedbackform label span { display: block; font-weight: normal; color: #DB0052; }
#feedbackform  p.error { clear: both; color: #FF0000; font-weight: bold; margin: 10px 0 0 0; padding: 0; } 
#feedbackform p.success { font-weight: bold; color: #333; }
#feedbackform p.success span { font-weight: normal; color: #333; }
#feedbackform textarea { overflow: auto; margin: 0 0 15px 0; }
#feedbackformqwe input { display: block; margin: 10px 0px 0px 0px; clear: left; }

#feedbackform div.ratingstars { cursor: pointer; }

/* -----------------------------------------Tell Friend Form  -----------------------------------------*/

#tellfriend { float: left; width: 643px; background:url(/images/consumer/643-midgrey-top.gif) 0 0 no-repeat; margin: 15px 0 0 0; padding: 10px 0 0 0; }
#tellfriendinner { float: left; width: 643px; background:url(/images/consumer/643-midgrey-bottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 20px 0; background-color: #E2DEDB; }
#tellfriendcontainer { float: left;  padding: 0 15px; margin: 0 0 0 0; background-color: #E2DEDB; }
#tellfriend label { display: block; font-weight: bold; color: #666; margin: 20px 0 6px 0; }
#tellfriend label span { display: block; font-weight: normal; color: #DB0052; }
#tellfriendsubmit { margin: 15px 0 0 0; }
#tellfriend  p.fielderror { clear: both; color: #FF0000; font-weight: bold; margin: 10px 0 0 0; padding: 0; } 
#tellfriend p.success { font-weight: bold; color: #333; }
#tellfriend p.success span { font-weight: normal; color: #333; }

/* -----------------------------------------Invite Friend Form  -----------------------------------------*/

#invitefriends label { display: block; font-weight: bold; color: #666; margin: 20px 0 6px 0; }
#invitefriends label span { display: block; font-weight: normal; color: #DB0052; }
#invitefriendssubmit { margin: 15px 0 0 0; }
#invitefriends  p.fielderror { clear: both; color: #FF0000; font-weight: bold; margin: 10px 0 0 0; padding: 0; } 
#invitefriends p.success { font-weight: bold; color: #333; }
#invitefriends p.success span { font-weight: normal; color: #333; }
#invitefriends textarea { overflow: auto; }

/* --------------------------------------------- No Adverts Form ---------------------------------------------*/
#adverts { float: left; width: 700px; background:url(/images/consumer/700-midgrey-top.gif) 0 0 no-repeat; margin: 15px 0 0 0; padding: 10px 0 0 0; }
#advertsinner { float: left; width: 700px; background:url(/images/consumer/700-midgrey-bottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 20px 0; background-color: #E2DEDB; }
#advertscontainer { float: left;  padding: 0 15px; margin: 0 0 0 0; background-color: #E2DEDB; }

#noadvertsForm label { display: block; font-weight: bold; color: #666; margin: 20px 0 6px 0; }
#noadvertsForm input { margin: 15px 0 6px 0; }

#noadvertsForm label span { color: #DB0052; }

/* --------------------------------------------- Ad Teaser List ---------------------------------------------*/

#adlist { 
	width: 700px;
	float: left;
	background:url(/images/consumer/700-midgrey-top.gif) 0px 0px no-repeat;
	background-color: #E2DEDB;	 
	margin: 15px 0 15px 0;
}
#adlistinner { 
	padding: 10px 22px 15px 22px;
	background:url(/images/consumer/700-midgrey-bottom.gif) bottom left no-repeat;
}

#adlist .adintro { margin: 0; padding: 0; }
#adlist .adintro span { font-weight: bold; }

table.adlisttable { width: 100%; }
.adlisttable td { vertical-align: top; padding: 10px 10px 10px 0; border-bottom: 1px dotted #333; }
.adlisttable td.adfacts {  width: 267px; padding: 15px 0 0 0;  }
.adlisttable td.adfacts div { margin: 0 0 10px 0; border-left: 1px dotted #333; }
.adlisttable td.adfacts div.adlistbuttons { margin: 0 0 0 10px; border-left: none; }

.adlisttable td.adteaser { width: 200px; }
.adlisttable h2 { font-size: 1.1em; padding: 0; margin: 0 0 10px 0; }
.adlisttable div.adcategory { margin: 10px 0 0 0; font-size: 0.9em; }

ul.factlist { margin: 0 0 10px 1.1em; padding: 0 0 0 1.1em; color: #666; font-size: 0.85em; font-weight: bold; }
ul.factlist span { color: #DB0052; }

.adlisttable .autobuttons { width: 120px; }

/* --------------------------------------------- View Ad  -----------------------------------------------*/
#viewad { 
	width: 700px;
	float: left;
	background:url(/images/consumer/700-midgrey-top.gif) 0px 0px no-repeat;
	background-color: #E2DEDB;	 
	margin: 15px 0 15px 0;
	padding: 10px 0 0 0;
}
#viewadinner { 
	float: left;
	padding: 10px 22px 35px 22px;
	background:url(/images/consumer/700-midgrey-arrowbottom.gif) bottom left no-repeat;
}
#viewadcontainer { padding: 0px; width: 656px; }
/* #mainadimage { float: left; margin: 0 20px 20px 0; } */
#mainadimage { clear: both; margin: 0 20px 20px 0; }
#adbuttons { float: left; clear: left; margin: 0px 0px 10px 0px; width: 600px; }
#adbuttons img { float: left; margin: 0 5px 0 0; }

#fullsubad { 
	width: 656px;
/*	background:url(/images/consumer/fullsubcontent-top.gif) 0px 0px no-repeat;
	background-color: #F2F1EF;	*/
	margin: 0 0 15px 0;
/*	float: left; */
}
#fullsubadinner { 
	width: 656px;
	padding: 10px 0px 15px 0px;
	background:url(/images/consumer/fullsubcontent-bottom.gif) bottom left no-repeat;
	float: left;
}
#fullsubadcontainer { 
	padding: 0px 22px 0px 22px;
}

#fulladvert { }
#fulladvert h1 { color: #000; border-bottom: 1px solid #000; margin: 10px 0px 20px 0px; padding: 10px 0; }
#fulladvert h2 { color: #000; font-size: 1.4em; }
#fulladvert h3 { color: #000; font-size: 1.2em; }
#fulladvert h4 { color: #000; font-size: 1em; }
#fulladvert p { clear: both; width: 100% }
/* -------------- individual ads --------*/

#need div.businesslink { float: left; font-size: 0.85em; border: 1px solid #CCC; padding: 1px 5px; margin: 0; }
.businesslink p { float: left; display: inline; padding: 0; margin: 0; }
.businesslink img { margin: 2px 0 0 3px; }
/* p.businessname { float: left; } */

/* --------------------------------------------- User Public Profile ---------------------------------------------*/
#userprofile { width: 526px; background:url(/images/consumer/526-midgrey-top.gif) 0 0 no-repeat; margin: 0 0 15px 0; padding: 15px 0 0 0; float: left;  }
#userprofileinner { width: 526px; background:url(/images/consumer/526-midgrey-arrowbottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 30px 0; float: left; }
#userprofilecontainer { width: 526px; padding: 0px; margin: 0; float: left; background-color: #E4DFD8; }

#profileaboutme { border: 1px solid #F00; width: 150px; }

#profiledetails { float: left; padding: 0 15px; margin: 0; }
#profiledetails h1 { padding: 0px 0px 15px 0px; margin: 0px; }
#maindetails { float: right; width: 370px; }
#maindetails div { border-bottom: 1px dotted #666; padding: 0 0 10px 0; margin: 0 0 10px 0; }
#maindetails h2 { color: #666; padding: 0 0 6px 0; margin: 0; font-size: 1.2em; }
#maindetails p { color: #DB0052; margin: 3px 0; padding: 0; font-weight: bold; }
#maindetails span { color: #666; }

#photodetails { float: left; width: 120px; height: 200px; overflow: hidden; }

/* --------------------------------------------- Ratings filter form ---------------------------------------------*/

#ratingsfilter{ float: left; margin: 7px 0 10px 0; padding: 10px 0 0 0;
	background:url(/images/consumer/innerformbkgnd-top.gif) top left no-repeat;
	width: 599px; position:relative; }

#ratingsfilterinner {
	float: left;
	width: 599px;
	padding: 0 0 10px 0;
	background:url(/images/consumer/innerformbkgnd-bottom.gif) bottom left no-repeat;
}

#ratingsfiltercontainer {
	float: left;
	width: 599px;
	padding: 0;
	background-color: #F2F1EF;
	margin: 0 0 0 1px;
}

	
#ratingsfilterinner form { float: left; position: relative; margin: 0 15px; padding: 5px 0 0 0; } 
#ratingsfilterinner form input {  }
#ratingsfilterinner form label { display: block; font-size: 1em; font-weight: bold; padding: 0 0 6px 0; color: #DB0052; }

/* #ratingsfilter form #ratingsbutton { position: absolute; top: 3px; right: 22px; } */
#ratingsfilter form #ratingsbutton { margin: 1.5em 0 0 0; } 

#leagueControllerForm { clear: both; width: 643px; }
#leagueControllerForm.hundredperc { width: 100%; }
#leagueTablesDiv { clear: both; width: 600px; margin: 10px 0 0 0; } 
#leagueTablesDiv.hundredperc { width: 100%; }
#leagueTablesContainer { height: 300px }
#leagueTablesContainer .leftColumn { float: left; width: 59% }
#leagueTablesContainer .rightColumn { float: right; width: 39% }
#leaguesForm .alignright {float: left; width: 78px; text-align: right}
#leaguesForm .alignleft {float: left}
#leaguesForm td { padding: 0 12px 0 12px; border-right: 1px dotted #333; }
#leaguesForm td.gobutton { border-right: none; }
#explanatoryContainer { background-color: #E2DEDB; padding: 1px 16px 1px 16px }


#results { clear: both; margin: 5px 0; padding: 0; }
#leagueTablesContainer th { background:url(/images/mybusiness/tablecell.jpg) -10px 0 no-repeat; color: #FFF; padding: 5px 10px; }
#leagueTablesContainer th.first { background: url(/images/mybusiness/tablecell.jpg) top left no-repeat; }
#leagueTablesContainer th.last { background: url(/images/mybusiness/tablecell.jpg) top right no-repeat; border-right: none; }

#leagueTablesContainer td { padding: 2px 10px; }
#leagueTablesContainer td { background-color: #EDE9E6; border-bottom: 1px dotted #666; }
#leagueTablesContainer tr.odd td { background-color: #E1DED9; }

/* --------------------------------------------- 4 need questions ---------------------------------------------*/
	
#questions{
margin:20px 0px 60px 22px;
}

#right .questionsShort{
margin:20px 0px 10px 22px;
}

#questions .needQuestion{
 background:url(/images/consumer/needOne.jpg) 0px 0px no-repeat;
}

#questions #needQuestion2{
 background:url(/images/consumer/needTwo.jpg) 0px 0px no-repeat;
}

#questions #needQuestion3{
 background:url(/images/consumer/needThree.jpg) 0px 0px no-repeat;
}

#questions #needQuestion4{
 background:url(/images/consumer/needFour.jpg) 0px 0px no-repeat;
}

#questions  h2{
font-size:1em;
color:#DB0250;
margin:9px 0px 6px 2px;
}

#questions .needQuestion h2{
margin:9px 0px 6px 42px;
}

#questions  input, #questions2  select{
 width:300px;
 font-size:.9em;
margin:0px 0px 14px 2px;
border:#333333 1px solid;
}

#questions2  select{
 width:160px;
}

#questions .needQuestion input{
  
margin:0px 0px 14px 42px;
 
}

/* -------------------- Messages content   --------*/
#messagesubcontent { 
	width: 705px;
	background:url(/images/consumer/fullsubcontent-top.gif) 0px 0px no-repeat;
	background-color: #F2F1EF;	
	margin: 0 0 15px 0;
	float: left;
}
#messagesubcontentinner { 
	width: 705px;
	padding: 10px 0 15px 0;
	background:url(/images/consumer/fullsubcontent-bottom.gif) bottom left no-repeat;
	float: left;
}


#dialoginfobox { width: 643px; background:url(/images/consumer/arrowdownfullbox-top.gif) 0 0 no-repeat; margin: 15px 0 0 0; padding: 10px 0 0 0; float: left; }
#dialoginfoboxinner { width: 643px; background:url(/images/consumer/arrowdownfullbox-bottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 20px 0; background-color: #E2DEDB; float: left;  }
#dialoginfoboxcontainer { padding: 10px 15px 20px 15px; margin: 0 0 0 0; background-color: #E2DEDB; float: left;  }

table#messagetable { clear: both; font-size: 0.9em; margin: 0 0 20px 0; width: 597px;  }
#messagetable td { vertical-align: top; padding: 10px 20px 10px 15px; border-bottom: 1px solid #CCC; }
#messagetable h2 { font-size: 1em; padding: 0; margin: 0; }
#messagetable .messagename { color: #666; font-weight: bold; padding: 0; margin: 0; }
#messagetable .messagedate { color: #666; padding: 0; margin: 0; }

div#dialogueinfo { float: left; clear: both; border-bottom: 1px solid #CCC; width: 597px; }
#dialogueinfo h2 { font-size: 1.2em; padding: 0; margin: 10px 0 0 15px; color: #DE1961; }
#dialogueinfo p { font-size: 0.9em; font-weight: bold; padding: 10px 15px; margin: 0;}

#messagetable td.unread { background:url(/images/consumer/message-redbutton.gif) 15px 12px no-repeat; padding-left: 50px; }
#messagetable td.read { background:url(/images/consumer/message-greybutton.gif) 15px 12px no-repeat; padding-left: 50px; }

#messagetable tr.unread td { border-bottom: 1px solid #FFF; }
#messagetable .newmsg { color: #F00; font-weight: bold; padding: 0; margin: 0; }

table#homemessagetable { clear: both; font-size: 0.9em; margin: 0 0 20px 0; width: 450px;  }
#homemessagetable td { vertical-align: top; padding: 10px 20px 10px 0; border-bottom: 1px solid #CCC; }
#homemessagetable h2 { font-size: 1em; padding: 0; margin: 0; }
#homemessagetable .messagename { color: #666; font-weight: bold; padding: 0; margin: 0; }
#homemessagetable .messagedate { color: #666; padding: 0; margin: 0; }



/* ----------------------------------------- Send Message Form  -----------------------------------------*/
div#sendmessagebox { background: none; }
#sendmessagebox h2 { margin: 0; padding: 0; }
#sendmessagebox label { display: block; font-weight: bold; color: #666; margin: 20px 0 6px 0; }
#sendmessageboxsubmit { margin: 20px 0 0 0; }
#sendmessagebox p.fielderror { clear: both; color: #FF0000; font-weight: bold; margin: 5px 0; padding: 0; }


/* --------------------------------------------- Brand Management Form ------------------------------------------*/
#brandblockbox { width: 524px; background:url(/images/consumer/524-midgrey-top.gif) 0 0 no-repeat; margin: 0 0 0 0; padding: 15px 0 0 0; float: left; }
#brandblockboxinner { width: 524px; background:url(/images/consumer/524-midgrey-bottomarrow.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 41px 0; float: left; border: none; }
#brandblockboxcontainer { padding: 10px 15px 0 15px; margin: 0; float: left; background: none; border: none; }

#brandblockbox form { position: relative; width: 496px; margin: 10px 0; color: #666; }
#brandblockbox #matchtoblock { width: 400px; clear: left; }
#brandblockbox label { margin: 8px 0 6px 0; display: block; font-weight: bold;  }
#brandblockbox label span { color: #DB0052; }
#blockboxsubmit { position: absolute; top: 29px; right: 30px; }
#brandblockbox .brandlist { border: 1px dashed #333; width: 250px; overflow: auto; padding: 10px; margin: 10px 0 0 0px; }
#brandblockbox .brandlist input { clear: left; float: left; margin: 0 6px 0 0; padding: 0; }


#blockedbrandlist { 
	width: 597px;
	background:url(/images/consumer/524-midgrey-top.gif) 0px 0px no-repeat;
	background-color: #F2F1EF;	
	margin: 15px 0 15px 0;
	float: left;
}
#blockedbrandlistinner { 
	width: 597px;
	padding: 10px 0 15px 0;
	background:url(/images/consumer/524-midgrey-bottom.gif) bottom left no-repeat;
	float: left;
}
#blockedbrandlistcontainer { padding: 10px 15px 10px 15px; margin: 0; float: left; }
#blockedbrandlist p { font-weight: bold; color: #666; }

#blockedbrandlistcontainer input { float: right; margin: 6px 16px 5px 0; }
#blockedbrandlistcontainer .blockedbrandstrip { width: 490px; clear: both; margin: 8px 0 8px 0; }
#blockedbrandlistcontainer .blockedbrandstripinner { background:url(/images/consumer/pinkBarLeft.jpg) top left no-repeat; padding: 0 0 0 13px; margin: 0; float: left; }
#blockedbrandlistcontainer .blockedbrandstripcontainer { background:url(/images/consumer/pinkBarRight.jpg) top right no-repeat; padding: 0; margin: 0; float: left; }

#blockedbrandlistcontainer h3 { color: #FFF; font-size: 15px; padding: 8px 10px; float: left; margin: 0; }

/* ----------------------------------------- Delete Need Form  -----------------------------------------*/

#deleteneed { float: left; width: 643px; background:url(/images/consumer/643-midgrey-top.gif) 0 0 no-repeat; margin: 15px 0 0 0; padding: 10px 0 0 0; }
#deleteneedinner { float: left; width: 643px; background:url(/images/consumer/643-midgrey-bottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 20px 0; background-color: #E2DEDB; }
#deleteneedcontainer { float: left;  padding: 0 15px; margin: 0 0 0 0; background-color: #E2DEDB; }
#deleteneed label { display: block; font-weight: bold; color: #666; margin: 20px 0 6px 0; }
#deleteneedsubmit { margin: 15px 0 0 0; }
#deleteneed  p.fielderror { clear: both; color: #FF0000; font-weight: bold; margin: 10px 0 0 0; padding: 0; } 

#deleteneed .deletebutton { margin-right: 5px; }

/* ----------------------------------------- Delete Need Form  -----------------------------------------*/

#topmsg { float: left; width: 643px; background:url(/images/consumer/643-midgrey-top.gif) 0 0 no-repeat; margin: 15px 0 15px 0; padding: 10px 0 0 0; }
#topmsginner { float: left; width: 643px; background:url(/images/consumer/643-midgrey-bottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 20px 0; background-color: #E2DEDB; }
#topmsgcontainer { float: left;  padding: 0 15px; margin: 0 0 0 0; background-color: #E2DEDB; }
#topmsg p { font-weight: bold; color: #DB0052; padding: 6px 0; margin: 0; }
#topmsg p.formerror { font-weight: bold; color: #FF0000; }

/* ----------------------------------------- Getting Started Page -----------------------------------------*/
#guidetable {  }
#guidetable th, #guidetable td { vertical-align: top; padding: 0 20px 20px 0; }
#guidetable th { font-size: 2em; color: #DB0052; padding-top: 5px; }
#guidetable img { border: 1px solid #666; }
p.enlarge { font-size: 0.8em; color: #666; margin: 0; padding: 0; text-align: right; }

/* --------------------------------------------- right ad box ---------------------------------------------*/
#rightColl2{ 
	  
	  float:right;
	 width:192px;
	}

#rightAdMid{
float:left;
	 width:192px;
 
background:url(/images/consumer/rightCollAdMid.jpg) 0px 0px repeat-y;
}
#rightAdTop{
float:left;
	 width:192px;
	 
background:url(/images/consumer/rightCollAdMid.jpg) 0px 0px repeat-y;
}



 

#rightAdMid h1{
color:#fff;
 font-size:1em;
 font-weight:normal;
 margin:6px 8px 14px 8px;
}

#rightAdMid h1 span{
 font-weight:bolder;
}


#rightAdBtm{
float:left;
width:192px;
background:url(/images/consumer/rightCollAdBtm.jpg) bottom left no-repeat;
}

/* --------------------------------------------- Wish Panels ---------------------------------------------*/
.wish { float: left; margin:0px 0px 15px 0px; padding: 0px; background-color: #FFF;
background:url(/images/consumer/wishpanel-top.gif) top right no-repeat; width: 526px; overflow: hidden; }

.wish div.wishinner { float: left; width: 526px; background:url(/images/consumer/wishpanel-bottom.gif) bottom right no-repeat; padding: 3px 0px 5px 0px; margin: 0; }

.wish div.wishimage { float: left; width: 120px; height: 82px; }
.wish div.wishdetails { float: left; width: 300px; font-size: 0.85em; padding: 2px 0px 0px 0px; }
.wish div.wishdetails strong { padding-left: 10px; color: #DB0052; }
.wish h2 {  padding: 0px 0px 5px 0px; margin: 0px; background: url(/images/consumer/linkarrowsmall-hover.gif) -100px -9000px no-repeat; }

.wish h2 a { background: url(/images/consumer/linkarrowsmall.gif) center right no-repeat; padding-right: 10px; }
.wish h2 a:hover { background: url(/images/consumer/linkarrowsmall-hover.gif) center right no-repeat; }

.wish h2 a.longwish { background: none; }
.wish h2 a.longwish:hover { background: none; }

.wish p {  padding: 2px 0px; margin: 0px; font-weight: bold; }
.wish ul { clear: left; padding: 0px; margin: 0px; }
.wish li { float: left; list-style-type: none; padding: 0px 12px 0px 0px; }

.wishstatus { width: 105px; float: left; text-align: center; padding: 0px 0px 0px 0px; margin: 2px 0px 0px 0px; font-size: 0.85em; }
.wishstatus a { font-weight: normal; }
.wishstatus p { padding: 0 0 0px 0; margin: 0; }

.wishstatus-new, .wishstatus-live, .wishstatus-done { padding: 28px 0px 0px 0px; margin: 0px; }
.wishstatus-new { background: url(/images/consumer/wish-new.gif) top center no-repeat; }
.wishstatus-live { background: url(/images/consumer/wish-live.gif) top center no-repeat; }
.wishstatus-done { background: url(/images/consumer/wish-done.gif) top center no-repeat; }


#AJAX_LIST_OF_NEEDS { width: 526px; clear: left; }

/* --------------------------------------------- Wish Details ---------------------------------------------*/
.wishtoggle { float: left; clear: left; text-align: right; width: 526px; font-size: 0.85em; font-weight: bold; margin: -10px 0px 10px 0px; }

#wishdetails { clear: left; width: 526px; overflow: auto; margin-bottom: 15px; background-color: #FFF; background:url(/images/consumer/wishpanel-topsmall.gif) top right no-repeat; padding: 3px 0px 0px 0px; }
#wishdetailsinner { float: left; width: 526px; padding: 0px; background:url(/images/consumer/wishpanel-mid.gif) top right repeat-y; }
#wishdetailscontainer { float: left; width: 526px; padding: 3px 0px 5px 0px; background:url(/images/consumer/wishpanel-bottom.gif) bottom right no-repeat; }


#wishdetailsleft { float: left; width: 125px; text-align: center; line-height: 1em; }
#wishdetailsleftinner { float: left; padding: 10px 10px; }
#wishdetailsleft p { padding: 0px 0px 0px 0px; margin: 0px; font-size: 1em; font-weight: normal; color: #333; } 
#wishdetailsleft .profileimage { padding: 0 0 10px 0; font-size: 0.85em; }
#wishdetailsleft .profileimage a { font-weight: bold;  font-size: 1.1em; }
#wishdetailsleft .profilestatus { padding: 0 0 10px 0; }
#wishdetailsleft .profilestatus img { padding: 0; margin: 0 0 2px 0; }
#wishdetailsleft .profilestatus p { font-weight: bold; }
#wishdetailsleft .profilecounts { padding: 0; font-size: 0.85em; }


#wishdetailsright { float: left; margin: 0px; width: 400px; }
#wishdetailsrightinner { float: left; padding: 0px 0px; }

#wishdetails div.wishdetailssection { float: left; width: 385px; border-top: 1px dotted #333; padding: 0px 0px 15px 0px; margin: 0px 0px 10px 0px; }
#wishdetails div.topsection { border-top: none; }

#wishdetails div.wishrecommendations, #wishdetails div.businessreply { clear: both; float: left; width: 385px; }
.wishdetailssection span { color: #DB0052; font-weight: bold; padding-right: 8px; }
/* #wishdetails .businessreply, #wishdetails .wishrecommendations { width: 190px; float: left; } */
#wishdetails .businessreply p, #wishdetails .wishrecommendations p { font-size: 0.85em; margin: 0px; padding: 0px 10px 20px 0px;; }
#wishdetails .businessreply h3, #wishdetails .wishrecommendations h3 { color: #DB0052; font-weight: bold; font-size: 0.85em; margin: 0px; padding: 0px 10px 0px 0px; }
#wishdetails .wishdetailsimage { clear: left; float: left; width: 80px; padding: 5px 0px 0px 0px; overflow: hidden; }
#wishdetails .businessreply .wishdetailssummary { float: left; }
#wishdetails .wishrecommendations .wishdetailssummary { float: left; }

/* --------------------------------------------- Met Wish Panels ---------------------------------------------*/
.metwish { clear: left; margin:0px 0px 15px 0px; padding: 0px; background-color: #FFF;
background:url(/images/consumer/metwish-top.jpg) top right no-repeat; width: 526px; overflow: auto; color: #333; }

.metwish div.metwishinner { width: 526px; background:url(/images/consumer/metwish-bottom.jpg) bottom right no-repeat; padding: 3px 0px 5px 0px; margin: 0; }

.metwish div.userimage { width: 90px; height: 82px; overflow: hidden; vertical-align: middle; }
.metwish div.userimage img { display: block; }
.metwish div.businessimage { width: 80px; height: 82px; overflow: hidden; }
.metwish div.wishdetails { width: 400px; font-size: 0.85em; padding: 2px 0px 0px 0px; }
.metwish h2 { padding: 0px; margin: 0px; color: #444; }
.metwish h2 a { }
.metwish h2 a:hover { }
.metwish td { vertical-align: top; }

.metwish p {  padding: 2px 0px; margin: 0px; font-weight: bold; font-size: 0.85em; }
.metwish ul { padding: 0px; margin: 0px; }
.metwish li { font-size: 0.85em; float: left; list-style-type: none; padding: 0px 12px 0px 0px; }

.metwishuser { width: 150px; }
.metwishbusiness {  width: 220px; /* width: 140px; */ }
.metwishbusiness span { color: #DB0052; }

/* --------------------------------------------- Need Panels ---------------------------------------------*/

.need { position: relative; clear: left; margin:0px 0px 10px 0px; padding: 0; background-color: #625E56;
background:url(/images/consumer/needbkgnd.jpg) top left no-repeat; width: 522px; border-bottom: 1px solid #D4D2D0; }
.need div.needcontainer { padding: 1px 1px 0 1px; margin: 0; }

.need table { width: 520px; }
.need td { vertical-align: top; }
.need td.needimage { width: 116px; text-align: right; }
.need td.needtext { width: 325px; padding: 8px 0; }
.need td.needtype { width: 79px; }

.need td.needimage img { margin: 0 0 0 8px; display: block; }

div.closepanel { position: absolute; bottom: 6px; right: 10px; border: none; }
div.closepanel img { border: none; border-left:none; border-right: none; }
div.closepanel a { }
div.closepanel p {font-size: 0.85em; font-weight: bold; padding: 0px; margin:0px; line-height: 1.1em; }


.need h1 { color:#fff; font-size:1.5em; font-weight:normal; margin:0 0 0 10px; padding:0px; }
#right .need a { color:#fff; }
#right .need a:hover { color:#DB0052; }

.need p { color:#fff; font-size:.9em; font-weight:bolder; margin:2px 5px 0 10px; padding:0px; }
.need p span { color: #EE4484; }

#editpencil { position: absolute; bottom: 0px; left: 330px;  }
#editpencil a { display: block; height: 75px; width: 60px; background: url(/images/consumer/action-pencil.png) top left no-repeat; text-indent:-9000px; }
#editpencil a:hover { background: url(/images/consumer/action-pencil.png) 0 -73px no-repeat; }

#actiondelete { position: absolute; bottom: 0px; left: 358px;  }
#actiondelete a { display: block; height: 75px; width: 69px; background: url(/images/consumer/action-delete.png) top left no-repeat; text-indent:-9000px; }
#actiondelete a:hover { background: url(/images/consumer/action-delete.png) 0 -73px no-repeat; }

#actionmet { position: absolute; bottom: 0px; left: 305px;  }
#actionmet a { display: block; height: 75px; width: 77px; background: url(/images/consumer/action-met.png) top left no-repeat; text-indent:-9000px; }
#actionmet a:hover { background: url(/images/consumer/action-met.png) 0 -73px no-repeat; }

#actiontellfriend { position: absolute; bottom: 0px; left: 398px;  }
#actiontellfriend a { display: block; height: 75px; width: 92px; background: url(/images/consumer/action-tellfriend.png) top left no-repeat; text-indent:-9000px; }
#actiontellfriend a:hover { background: url(/images/consumer/action-tellfriend.png) 0 -73px no-repeat; }

#actionmakemine { position: absolute; bottom: 0px; left: 293px;  }
#actionmakemine a { display: block; height: 75px; width: 88px; background: url(/images/consumer/action-makemine.png) top left no-repeat; text-indent:-9000px; }
#actionmakemine a:hover { background: url(/images/consumer/action-makemine.png) 0 -73px no-repeat; }

#actionrecommend { position: absolute; bottom: 0px; left: 376px;  }
#actionrecommend a { display: block; height: 75px; width: 88px; background: url(/images/consumer/action-recommend.png) top left no-repeat; text-indent:-9000px; }
#actionrecommend a:hover { background: url(/images/consumer/action-recommend.png) 0 -73px no-repeat; }

#actionfeedback { position: absolute; bottom: 0px; left: 272px;  }
#actionfeedback a { display: block; height: 75px; width: 88px; background: url(../images/consumer/action-feedback.png) top left no-repeat; text-indent:-9000px; }
#actionfeedback a:hover { background: url(../images/consumer/action-feedback.png) 0 -73px no-repeat; }

#actionfeedbackmine { position: absolute; bottom: 0px; left: 269px;  }
#actionfeedbackmine a { display: block; height: 75px; width: 88px; background: url(../images/consumer/action-feedback.png) top left no-repeat; text-indent:-9000px; }
#actionfeedbackmine a:hover { background: url(../images/consumer/action-feedback.png) 0 -73px no-repeat; }


/* --------------------------------------------- Met Need Panels ---------------------------------------------*/

.metneed { position: relative; clear: both; margin:0px 0px 10px 0px; padding: 0; background-color: #625E56;
background:url(/images/consumer/metneedbkgnd.jpg) top left no-repeat; width: 522px; border-bottom: 1px solid #D4D2D0; }
.metneed div.needcontainer { padding: 1px 1px 0 1px; margin: 0; }

.metneed table { width: 520px; }
.metneed td { vertical-align: top; }
.metneed td.needimage { width: 116px; text-align: right; }
.metneed td.needimage img { padding-right: 1px; }

.metneed td.needtext { width: 322px; padding: 8px 0; }
.metneed td.needtype { width: 79px; }

.metneed td.needimage img { margin: 0 0 0 8px; display: block; }


.metneed h1 { color:#fff; font-size:1.5em; font-weight:normal; margin:0 0 0 10px; padding:0px; }
#right .metneed a { color:#fff; }
.metneed p { color:#fff; font-size:.9em; font-weight:bolder; margin:4px 5px 0 10px; padding:0px; }
#right .metneed p a { text-decoration: underline;  }
#right .metneed p a:hover { color: #CCC; }


/* --------------------------------------------- Need Information ---------------------------------------------*/

#needinfo { width: 522px;  /* background:url(/images/consumer/needinfobkgnd.gif) top left no-repeat; */
float:left; margin: -10px 0 15px 0; color: #FFF; }

#needinfoinner { border: 1px solid #D4D2D0; /* background:url(/images/consumer/needinfobkgndbottom.gif)  bottom left no-repeat; */
float:left; }
#needinfocontainer { padding: 10px 0; width: 520px; }


#needtime { float: left; width: 118px; background:url(/images/consumer/dottedline.gif) top right no-repeat; }
#needtime p{ font-size: 1.1em; font-weight: bold; padding: 20px 10px; }
#needqa { float: left; padding: 0 20px;  }
#needqa dl { width: 350px; }
#needqa dd { font-weight: bold; padding: 0; margin: 0 0 10px 0; }
#needqa dt { font-weight: bold; padding: 0; margin: 0; color: #CCC5BB; }
#needqa span { width: 30px; float: left; display: block; }

#needinfo div.metneedoutcome div { padding: 5px 15px; margin: -10px 0px 0px 0px; border-bottom: 2px solid #E7DFDE; }
#needinfo div.metneedoutcome p { padding: 5px 0px; margin: 0px; }
#needinfo div.metneedoutcome a { color: #FFF; }

/* --------------------------------------------- Company Replies ---------------------------------------------*/
div.companyreplymine { width: 700px; margin: 0 0 15px 0; }
.companyreplymine div.detailsstrip { clear: both; background-color: #8D847B; width: 100%; color: white; padding: 2px 0; float: left; margin: 0 0 10px 0; }
.detailsreceived { float: left; padding: 0 0 0 10px; }
.detailsstatus { float: right; padding: 0 10px 0 0; font-weight: bold; }
.companylogoandratings { clear: both; float: left; width: 90px; text-align: center; }
.companylogoandratings img { margin: 0 0 10px 0; }
.companylogoandratings p { font-size: 0.85em; padding: 6px 0 0 0; margin: 0; line-height: 1.2em; }
.companyreplydetails { float: right; width: 590px; }
.companyreplydetails h3, .companyreplyratingpublic h3 { font-size: 0.85em; font-weight: bold; color: #DB0052; padding: 0; margin: 0; }
.companyreplydetails h4 { font-size: 1.1em; font-weight: bold; color: #DB0052; padding: 0; margin: 0 0 10px 0; }
.companyreplydetails p { padding: 0; margin: 0; }
.companyreplyrating { clear: both; padding: 15px 0 0 0; font-size: 0.85em; }
.companyreplyratingpublic { float: left; width: 150px; }
.companyreplypublic { clear: left; width: 700px; margin: 15px 0 15px 0; padding: 10px 0; border-top: 1px dotted #999; }
.companyreplycommentpublic { float: left; font-size: 0.85em; }

/* --------------------------------------------- Tabs ---------------------------------------------*/

#tabbar { float: left; width: 700px; padding: 10px 0; }
#tabbar img { margin: 0 5px 0 0; }
/* #tabbar .TabClass { border: 1px solid #F00; }
#tabbar .TabClass_SelectedTab { border: 1px solid #00F; } */

#myNeeds .needNumber{
color:#fff;
font-weight:bolder;
font-size:1.3em;
padding:13px 12px 22px 11px;
background:url(/images/consumer/needNumber.jpg) top left no-repeat;
float:left;
margin:40px 0px 0px 0px;
}

#myNeeds img{
margin:10px;
float:left;
}

#myNeeds ul{
margin:10px;
padding:0px;
float:left;
color:#fff;
width:300px;
}

/* --------------------------------------------- Group Need Panels ---------------------------------------------*/

.grouppanel { float: left; clear: both; margin:10px 0px 0 0px; padding: 10px 0 0 0; background-color: #625E56;
background:url(/images/consumer/groupneed-top.gif) top left no-repeat; width: 533px;  }
.grouppanelinner { float: left; clear: both; margin:10px 0 0 0; padding: 0 0 24px 0; background-color: #625E56; background:url(/images/consumer/groupneed-bottom.gif) bottom left no-repeat; width: 533px; }
.grouppanelcontainer { float: left; clear: both; margin:0 0px 10px 0px; padding: 0 0 0 0; background-color: #625E56; background:url(/images/consumer/groupneed-middle.gif) top left repeat-y; width: 533px; }

.grouppanel h1 { float: left; margin: 0; line-height: 1.2em; font-size: 1.1em; }
.grouppanel img { float: left; margin: 0; /* background-color: #CE024D; */ padding: 0 0px; }
td.groupimage { width: 130px; text-align: right; }
td.grouptext { width: 300px; }

.grouppanel p.nummembers { /* position: absolute; top: 55px; right: 10px; */ float: right; width: 50px; text-align: center; font-size: 1.1em; margin: 38px 10px 0 0; padding: 0; font-weight: bold; color: #DB0052; padding: 0; }

.grouppanel table.grouptitle { float: left; width: 400px; margin: 0 0 0 40px; border-top: none; border-bottom: none; }

.grouppanel table { float: left; width: 400px; margin: -13px 0 0 40px; border-top: 1px dotted #666; border-bottom: 1px dotted #666; }
.grouppanel td { padding: 5px 5px 5px 0; }

/* --------------------------------------------- group needs -----------------*/
#groupneedtitle { float: left; width: 643px; background:url(/images/consumer/groupneedfull-top.gif) 0 0 no-repeat; margin: 15px 0 15px 0; padding: 15px 0 0 0; }
#groupneedtitleinner { float: left; width: 643px; background:url(/images/consumer/643-midgrey-arrowbottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 30px 0; background-color: #E2DEDB; }
#groupneedtitlecontainer { float: left;  padding: 0 15px; margin: 0 0 0 0; background-color: #E2DEDB; }

#groupneedtitle table.grouptitle { float: left; width: 400px; margin: 0 0 0 40px; border-top: none; border-bottom: none; }

#groupneedtitle h1 { margin: 0 0 0 12px; line-height: 1.2em; font-size: 1.4em; }

#groupneedtitle p.nummembers { /* position: absolute; top: 55px; right: 10px; */ float: right; width: 50px; text-align: center; font-size: 1.1em; margin: 38px 55px 0 0; padding: 0; font-weight: bold; color: #DB0052; padding: 0; }
#groupneedtitle p.latestmember { margin: -10px 0 10px 115px; float: left; }

#groupneedleft { width: 457px; background:url(/images/consumer/457-midgrey-top.gif) 0 0 no-repeat; margin: 0 0 15px 0; padding: 15px 0 0 0; float: left; }
#groupneedleftinner { width: 457px; background:url(/images/consumer/457-midgrey-bottomarrow.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 30px 0; float: left;  }
#groupneedleftcontainer { padding: 10px 15px 0 15px; margin: 0; float: left; background-color: #E2DEDB; }

#groupneedcomments { width: 457px; background:url(/images/consumer/457-midgrey-top.gif) 0 0 no-repeat; margin: 0 0 0 0; padding: 15px 0 0 0; float: left; }
#groupneedcommentsinner { width: 457px; background:url(/images/consumer/457-midgrey-bottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 30px 0; float: left; }
#groupneedcommentscontainer { padding: 10px 15px 0 15px; margin: 0; float: left; background-color: #E2DEDB; }

#groupneedmembers { width: 170px; background:url(/images/consumer/170-midgrey-top.gif) 0 0 no-repeat; margin: 0 0 0 0; padding: 15px 0 0 0; float: right; }
#groupneedmembersinner { width: 170px; background:url(/images/consumer/170-midgrey-bottom.gif) bottom left no-repeat; margin: 0 0 0 0; padding: 0 0 15px 0; float: left; background-color: #E2DEDB; }
#groupneedmemberscontainer { padding: 10px 15px 0 15px; margin: 0; float: left; background-color: #E2DEDB; }
#groupneedmembers p { margin: 0; padding: 1px 0; } 




#groupCommentForm fieldset { border: none; padding: 0; margin: 0; }

table#commentstable { border: none; padding: 0; width: 427px; margin: 15px 0 0 0; }
table#commentstable td, table#commentstable th { vertical-align: top; padding: 10px 20px 10px 0; border-top: 1px solid #666; }
#commentstable p { margin: 0; padding: 0; }

#groupNeedHeader { background-color: #E2DEDB; padding: 5px; }

#groupNeedsLeftColumn > div
{
/*  clear: both; */
  margin-top: 5px;
  background-color: #E2DEDB;
  padding: 5px;
}

#groupNeedsRightColumn > div > h3, #groupNeedsLeftColumn > div > h3
{
  color: #DE1961;
}

#groupNeedFacts,#groupNeedComments { /* min-height: 200px; */ }

#groupNeedFactsPhoto {
  /* border: 1px solid black; */
}

#groupNeedComment
{
  clear: both;
  float: left;
  margin-top: 15px
}

#groupNeedComment p.commentName
{
  float: left
}

#groupNeedComment p.commentDate
{
  float: right
}

#groupNeedComment p.commentText
{
  clear: both
}


/*  Latest Group Wishes Panel   */
#subarea #groupwishpanel ul { list-style-type: none; }
#subarea #groupwishpanel li { clear: left; padding: 5px 0px 8px 0px; line-height: 1.2em; list-style-type: none; margin-left: 0px; }
#groupwishpanel .imagebox { float: left; margin: 0px 4px 0px 0px; }
#groupwishpanel li a { font-weight: bold; }

/* --------------------------------------------- Brand Profile ---------------------------------------------*/

#brandprofile { padding: 10px 0px; }
img#brandlogo { border: 1px solid #999; float: right; margin: 0px 0px 20px 20px; }
#brandprofile p { padding: 6px 0px; margin: 0px; }
#brandprofile h2 { clear: none; font-size: 1.1em; padding: 10px 0px 0px 0px; margin: 0px; }
#brandfeedback a { font-weight: bold; }

/* ------------------------------------------- Business Directory--------------------------------------------*/
#businesscategories { float: left; padding: 5px 0px 10px 0px;  }
#businesscategories ul { float: left; width: 480px; list-style: none; margin: 0px 0px 15px 0px; padding: 0px 0px 10px 0px; font-size: 0.9em; }
#businesscategories ul a.selected { font-weight: bold; }
#businesscategories ul li { margin:0px 0px; float:left; padding:0px 10px 0px 0px; display:inline; /* border-left: 1px solid #666; */ white-space:nowrap; }

#ratingsnav { width: 460px; margin: 0px 0px 15px 0px; }
#ratingsnav ul { margin:0px; padding:5px 0px; list-style-type:none; }
#ratingsnav ul li { margin:0px; float:left; padding:0px 10px 0px 10px; display:inline; font-weight:bolder; color:#DB0052; border-left: 1px solid #666; }
#ratingsnav ul li.first { border: none; padding-left: 0px; }
#ratingsnav a.selected { color: #DB0052; }

form#reviewbusiness { border: none; }
#reviewbusiness fieldset { border: none; padding: 0; margin: 0; }
#reviewbusiness textarea { overflow:auto; width: 450px; }
#reviewbusiness label { font-weight: bold; color: #666; }
#reviewbusiness .submitarea { margin: 5px 0px 0px 0px; }
#reviewbusiness div.ratingsradio { margin: 10px 0px; color: #DB0052; font-weight: bold; }
#reviewbusiness .ratingsradio label { display: block; float: left; width: 4em; }
#reviewbusiness p.error { clear: both; color: #F00; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px; }

div.review { float: left; margin: 0px; padding: 0px; }
div.starratings { float: right; width: 5em; margin: 0px 12px 10px 0px; }
div.starratings p { width: 6em; margin: 0px; padding: 3px 0px 2px 0px; background:url(/images/consumer/star.gif) top right no-repeat; position: relative; }
div.starratings span { position: absolute; top: 2px; right: 8px; font-size: 0.85em; font-weight: bold; color: #FFF; }
div.reviewtext {  float: left; width: 457px; margin: 6px 0px 0px 0px; padding: 10px 0px 0px 0px; border-top: 1px dotted #666; }
div.review img { margin: 0px 6px 5px 0px; }
p#directoryhomelink { float: right; font-size: 0.85em; font-weight: bold; }

#siteratings { }
#siteratings #leagueControllerForm { clear: both; width: 460px; }
#siteratings #leagueTablesDiv { clear: both; width: 460px; margin: 10px 0 0 0; } 
#siteratings #leaguesForm table { width: 460px; font-size: 0.85em; border-top: 1px dotted #666; border-bottom: 1px dotted #666; margin: 10px 0px; }
#siteratings #leaguesForm label { display: block; }
#siteratings #leaguesForm td { padding: 0 5px 5px 5px; border: none; }
#siteratings #leagueTablesDiv img { border: 1px solid #999; }
#siteratings #leagueTablesDiv table { margin: 15px 0px 0px 0px; }

div#quickprofileimg { text-align: center; margin: 6px 0px 0px 0px; padding: 0px; }
#subarea #quickprofilelinks { margin: 6px 0px; padding: 0px; }

div.businesslist { clear: both; margin: 10px 0px; padding: 10px 0px; border-top: 1px dotted #999; overflow: auto; }
.businesslist div.businessimage { float: left; width: 130px; }
.businesslist div.businessdetails { float: left; }
.businesslist div.businessdetails h3 { padding-top: 0px; margin-top: 0px; }

#businessdirectorysearch { padding: 0px; margin: 0px; }
#subarea #businessdirectorysearch p { font-weight: bold; }
#businessdirectorysearch #criteria { width: 133px; font-size: 0.85em; float: left; }
#businessdirectorysearch #newneedgo_button { margin: 0px 0px 0px 4px; }
#businessdirectorysearch form { padding: 0px; margin: 0px; }

#directoryaddress { float: left; width: 152px; }
#directoryactions { float: left; width: 152px; }
#directoryimage { float: left; width: 160px; }

.starrating { float: left; width: 33%; }
.starrating span { display: block; float: left; font-weight: bold; font-size: 0.85em; color: #666; padding: 0px 6px 0px 0px; }
.starrating img { margin: 0px 0px 0px 0px; }
.overallstarrating { float: right; text-align: right; padding: 5px 0px 0px 0px; }
.overallstarrating span { float: right; display: block; font-weight: bold; font-size: 0.85em; color: #666; padding: 0px 0px 0px 6px;}

p.introtext { margin: 10px 0px 0px 0px; padding: 0px; }

/* --------------------------------------------- standard panels -----------------*/

.fullwidth, .fullwidthplain { width: 749px;	background:url(/images/consumer/749-white-top.gif) top left no-repeat;
background-color: #E2DEDB;	margin: 0px 0 15px 0; padding: 10px 0px 0px 0px; float: left; clear: both; }
.fullwidthinner, .fullwidthplaininner { width: 749px; padding: 0px 0px 15px 0px; background:url(/images/consumer/749-white-bottom.gif) bottom left no-repeat;	float: left;  }
.fullwidthcontainer, .fullwidthplaincontainer { float: left; width: 749px; background:url(/images/consumer/749-white-mid.gif) bottom left repeat-y; padding: 0px; }
.fullwidthpadding { padding: 10px 22px; }

.widecontent { width: 749px;	background:url(/images/consumer/749-midgrey-top.gif) 0px 0px no-repeat;
background-color: #E2DEDB;	margin: 15px 0 15px 0;	float: left; clear: both; }
.widecontentinner { width: 749px; padding: 10px 0 15px 0; background:url(/images/consumer/749-midgrey-bottom.gif) bottom left no-repeat;	float: left;  }
.widecontentcontainer { float: left; padding: 0 22px 0 22px; }

.widecontentgroup { width: 749px;	background:url(/images/consumer/749-midgrey-top.gif) 0px 0px no-repeat;
background-color: #E2DEDB;	margin: 15px 0 15px 0;	float: left; clear: both; }
.widecontentgroupinner { width: 749px; padding: 10px 0 0 0; background:url(/images/consumer/749-midgrey-bottom.gif) bottom left no-repeat;	float: left;  }
.widecontentgroupcontainer { padding: 0 22px 0 22px; }
#toparea .widecontentgroup h1 { margin: 20px 0px; }

.widecontentarrowinner { width: 749px; padding: 10px 0 35px 0; background:url(/images/consumer/749-midgrey-arrowbottom.gif) bottom left no-repeat;	float: left; }

.midcontent { width: 524px;	background:url(/images/consumer/524-midgrey-top.gif) 0px 0px no-repeat;
	background-color: #E2DEDB; margin: 10px 0 15px 0; float: left; }
.midcontentinner { width: 524px; padding: 0px 0 15px 0; background:url(/images/consumer/524-midgrey-bottom.gif) bottom left no-repeat;	float: left; }
.midcontentcontainer { padding: 5px 15px 0 15px; }

.midcontentarrowinner { width: 524px; padding: 0px 0 35px 0; background:url(/images/consumer/524-midgrey-bottomarrow.gif) bottom left no-repeat;	float: left; }

.topmidcontent { width: 524px;	background:url(/images/consumer/524-midgrey-top.gif) 0px 0px no-repeat;
	background-color: #E2DEDB; margin: 0px 0 15px 0; float: left; }
.topmidcontentinner { width: 524px; padding: 0px 0 10px 0; background:url(/images/consumer/524-midgrey-bottom.gif) bottom left no-repeat;	float: left; }
.topmidcontentcontainer { float: left; padding: 5px 15px 0px 15px; margin: 0px; }
.topmidcontentarrowinner { width: 524px; padding: 0px 0 35px 0; background:url(/images/consumer/524-midgrey-bottomarrow.gif) bottom left no-repeat; float: left; }
.topmidcontent h2 { padding-bottom: 5px; }
.topmidcontent ul { padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0.6em;}
.topmidcontent p { padding: 0px 0px 0.4em 0px; margin: 0px;}



.narrowcontent { width: 457px;	background:url(/images/consumer/457-midgrey-top.gif) 0px 0px no-repeat;
	background-color: #E2DEDB; margin: 15px 0 15px 0;	float: left; clear: both; }
.narrowcontentinner { width: 457px; padding: 10px 0 15px 0; background:url(/images/consumer/457-midgrey-bottom.gif) bottom left no-repeat;	float: left; }
.narrowcontentcontainer { padding: 0 22px 0 22px; }

.narrowcontentarrowinner { width: 457px; padding: 10px 0 35px 0; background:url(/images/consumer/457-midgrey-arrowbottom.gif) bottom left no-repeat;	float: left; }

.innersubcontent { width: 491px; background:url(/images/consumer/491-lightgrey-top.gif) 0px 0px no-repeat;
	background-color: #F2F1EF; margin: 10px 0 0px 0;	float: left; clear: both; }
.innersubcontentinner { width: 491px; padding: 10px 0 15px 0; background:url(/images/consumer/491-lightgrey-bottom.gif) bottom left no-repeat;	float: left; }
.innersubcontentcontainer { padding: 0 15px 0 15px; }

.narrowsubcontent { width: 491px; background:url(/images/consumer/491-lightgreyonwhite-top.gif) 0px 0px no-repeat;
	background-color: #F2F1EF; margin: 15px 0 10px 0;	float: left; clear: both; }
.narrowsubcontentinner { width: 491px; padding: 10px 0 15px 0; background:url(/images/consumer/491-lightgreyonwhite-bottom.gif) bottom left no-repeat;	float: left; }
.narrowsubcontentcontainer { padding: 0 15px 0 15px; }


.pinkcontent { width: 700px;	background:url(/images/consumer/700-pink-top.gif) 0px 0px no-repeat;
margin: 15px 0 10px 0; padding: 20px 0px 0px 0px; float: left; clear: both; }
.pinkcontentinner { width: 700px; padding: 0 0 20px 0; background:url(/images/consumer/700-pink-bottom.gif) bottom left no-repeat;	float: left; margin: 0px; }
.pinkcontentcontainer { padding: 0px; background-color: #DC0051; color: #FFF; margin: 0px; float: left; width: 700px; }
.pinkcontent a { color: #FFF; font-weight: bold; text-decoration: underline; }
.pinkcontent h1 { padding: 0px 22px; color: #FFF }
.pinkcontent a:hover { color: #CCC; }
.pinkcontent p { padding: 0px 22px; margin: 0px; font-size: 1.1em; }

div.bigarrow { padding: 0px; margin: -5px 0px; text-align: center; width: 100%; float: left; }
div.bigarrow img { padding: 0px; margin: 0px; display: inline; }

.warningcontent { width: 700px;	background:url(/images/consumer/700-red-top.gif) 0px 0px no-repeat;
margin: 15px 0 25px 0; padding: 20px 0px 0px 0px; float: left; clear: both; }
.warningcontentinner { width: 700px; padding: 0 0 20px 0; background:url(/images/consumer/700-red-bottom.gif) bottom left no-repeat;	float: left; margin: 0px; }
.warningcontentcontainer { padding: 0px; background-color: #EA0000; color: #FFF; margin: 0px; float: left; width: 700px; }
.warningcontent a { color: #FFF; font-weight: bold; text-decoration: underline; }
.warningcontent a:hover { color: #CCC; }
.warningcontent h1 { color: #FFF; padding: 0px 22px 10px 22px; }
.warningcontent p { padding: 0px 22px 10px 22px; margin: 0px; font-size: 1.1em; }

.lightgreysub { 
	width: 719px;
	background:url(/images/consumer/719-lightgrey-top.gif) 0px 0px no-repeat;
	background-color: #F2F1EF;	
	margin: 0 0 15px 0;
	float: left;
}
.lightgreysubinner { 
	width: 719px;
	padding: 10px 0px 15px 0px;
	background:url(/images/consumer/719-lightgrey-bottom.gif) bottom left no-repeat;
	float: left;
}
.lightgreysubcontainer { 
	padding: 0px 22px 0px 22px;
}



/* --------------------------------------------- Footer ---------------------------------------------*/

#footer{
width:985px;
margin:30px 0px 30px 0px;
float:left;
background:url(/images/consumer/footerBar.jpg) top left no-repeat;
}

#footer ul{
margin:0px;
padding:0px;
list-style-type:none;
}

#footer ul li{
margin:0px 0px 0px 14px;
float:left;
padding:6px 0px 6px 0px;
display:inline;
font-weight:bolder;
color:#DB0052;
}
#footer a { color: #FFF; }
#footer a:hover { color: #FFF; 	color:#333; }

/* --------------------------------------------- Comments ---------------------------------------------*/
div.commentformcontainer {}
div.commentformcontainer label { display: block; font-weight: bold; margin: 10px 0px 0px 0px; }
div.commentformcontainer textarea { width: 400px; height: 100px; overflow: auto; }
div.commentformcontainer input { display: block; margin: 10px 0px 0px 0px; clear: left; }

/* --------------------------------------------- Community ---------------------------------------------*/
#community { padding: 0px 14px; margin: 0px; }
#leftcol { float: left; width: 248px; margin: 0px; padding: 0px; }
#rightcol { float: left; width: 248px; margin: 0px; padding: 0px; }
#leftcolinner { float: left; margin: 0px; padding: 0px 10px 0px 0px; }
#rightcolinner { float: left; margin: 0px; padding: 0px 0px 0px 10px; }
.panelblock { float: left; width: 230px; padding: 0px; margin: 0px 0px 20px 0px; border: 1px solid #DE1961; padding: 5px; }
.panelblockcontainer { font-size: 0.85em; }
.panelblockcontainer p { margin: 0px; padding: 0px; }

#community h2 { border-bottom: 1px dotted #999; padding: 0px 0px 6px 0px; margin: 0px 0px 10px 0px; }
#community .shortuser { float: left; width: 238px; padding: 0px 0px 0px 0px; margin: 12px 0px 0px 0px; }
#community .shortwish { float: left; width: 238px; padding: 0px 0px 0px 0px; margin: 12px 0px 0px 0px; }

#subarea .shortuser { float: left; padding: 0px 0px 0px 0px; margin: 12px 0px 0px 0px; width: 100%; background-color: #E2DEDB; }
#subarea .shortuser p { padding: 0px 0px 0px 0px; margin: 0px; }

#communityinfo { padding: 0px 15px; margin: 0px; }
#communityinfo table { border-bottom: 1px solid #333; border-left: 1px solid #333; margin: 15px 0; }
#communityinfo td, #communityinfo th { padding: 2px 10px; border-top: 1px solid #333; border-right: 1px solid #333; }

p.communitylistitem { padding: 0; margin: 0 0 8px 0; line-height: 1.2em; }

/* --------------------------------------------- Create Campaign Form ---------------------------------------------*/

#createcampaignform { margin: 0px; padding: 0px; }
#createcampaignform .element { padding: 3px 0px; }
#createcampaignform fieldset { border: none; padding: 0px; margin: 0px; }
#createcampaignform input, #createcampaignform textarea { width: 480px; }
#createcampaignform label { display: block; font-weight: bold; padding: 15px 0 0px 0; color: #DB0052; font-size: 1.1em; }
#createcampaignform label span { display: block; font-weight: bold; padding: 0 0 5px 0; color: #666; font-size: 0.8em; }

#createcampaignform p.fielderror { clear: both; color: #FF0000; font-weight: bold; margin: 5px 0; padding: 0; }
#createcampaignform p.error { clear: both; color: #FF0000; font-weight: bold; margin: 10px 0; padding: 10px 0 0 0; }
input#campaignsubmit { clear: left; width: 115px; float: left; border: none; display: block; margin: 20px 0px 15px 0px; }

div.campaignpanel { float: left; width: 100%; padding: 10px 0px 10px 0px; border-bottom: 1px dotted #999; }
div.campaignpanel h3 { font-size: 1.1em; font-weight: bold; border: none; padding: 0px; margin: 0px; }
div.campaignpanel p { font-size: 0.85em; padding: 0px; margin: 0px; }

#subarea div.campaignsidepanelitem { clear: both; padding: 2px 0px 6px 0px; margin: 0px; } 
#subarea div.campaignsidepanelitem p { font-size: 0.85em; margin: 0px; padding: 0px; }
#subarea div.campaignsidepanelitem a { font-weight: bold; }

/* --------------------------------------------- How it Works ---------------------------------------------*/
#howitworks { padding: 0px 15px; margin: 0px; }
#pagenav { float: left; margin: 10px 0px 15px 0px; padding: 17px 0px; border-top: 1px dotted #333;  border-bottom: 1px dotted #333;}
#pagenav li { float: left; display: block; margin: 8px 25px 8px 0px; font-size: 1.2em; white-space:nowrap; }
#pagenav a { font-weight: bold; }
#howitworks div { display: none; }
#howitworks #revealcontainer { clear: both; display: block; }
#howitworks p.intro { font-weight: bold; padding: 0px; margin: 0px; color: #333; }
#howitworks #revealcontainer { clear: both; height: 44em; }
#pagenav a.pagenav_on { color: #DB0052; text-decoration: none; }
#pagenav a.pagenav_off { color: #640E4D; text-decoration: none; }
#pagenav a.pagenav_on:hover, #pagenav a.pagenav_off:hover { color: #666; }



/* miniLoginForm - the mini login form on the side panel */
#miniLoginForm { clear: both; display: none; width: 175px; border-top: 1px dotted #333; padding: 6px 0px 6px 0px; margin: 5px 0px 0px 0px; }
#miniLoginForm form { padding: 0px; margin: 0px; }
#miniLoginForm label { font-weight: bold; width: 5em; padding: 0 10px 0 0; color: #DB0052; font-size: 0.85em; margin: 0px; }
#miniLoginForm div.element { padding: 0 0 2px 0; margin: 0px; }
/* #miniLoginForm input['submit'] { clear: both; float: left } */
#miniLoginForm input { font-size: 0.85em; width: 120px; }
#miniLoginForm input.checkboxfloat { width: 1.2em; margin-right: 5px; }
#miniLoginFormSubmit { padding: 0px; margin: 5px 0 0 0; width: 55px; float: left; }
#miniLoginFormSubmit input { width: 49px; }
#miniLoginForm p { padding: 5px 0px; margin: 0px; font-size: 0.85em; }
#miniLoginForm p a { font-weight: normal; text-decoration: underline; }

#alertLoginForm { width: 700px; padding: 6px 0px 6px 20px; margin: 5px 0px 0px 0px; }
#alertLoginForm form { padding: 0px; margin: 0px; }
#alertLoginForm label { float: left; font-weight: bold; width: 5em; padding: 0 10px 0 0; color: #FFF; font-size: 0.85em; margin: 0px; }
#alertLoginForm div.element { padding: 0 0 0px 0; margin: 0px; float: left; }
/* #miniLoginForm input['submit'] { clear: both; float: left } */
#alertLoginForm input { font-size: 0.85em; width: 120px; margin-right: 10px; }
#alertLoginFormSubmit { float: left; padding: 0px; margin: 0px 0 0 0; width: 60px; float: left; }
#alertLoginFormSubmit input { width: 60px; }
#alertLoginForm p { float: left; padding: 5px 0px; margin: 0px; font-size: 0.85em; }
#alertLoginForm p a { font-weight: normal; text-decoration: underline; }


#geodata { margin: 5px 0px 20px 0px; }


/* reccomendation form */
#recommendContainer fieldset { border: 0 }
#recommendContainer label { display: block; width: 500px }
#recommendBusinessResults { height: 200px; border: 1px solid black; overflow: auto }

/* top 100 stuff */
#ResearchViewSelector { float: left; padding: 0px; margin: 0px 0px 0px -15px; clear: both; }

#ResearchViewSelector li {
	display: block; padding: 0px 10px; font-size: 0.9em; font-weight: bold;
	float: left;
	border-right: 1px dotted black;
	 
}
#ResearchViewSelector li.lastone { border: none; }
#ResearchViewSelector li a.selected { color: #DB0052; }

ul#ResearchYearSelector { margin: 0px 0px 0px 0px; padding:0px 0px 20px 0px; }
#ResearchYearSelector li { display: block; float: left; border-right: 1px solid #666; padding: 0px 7px; font-weight: bold; }
#ResearchYearSelector li.lastone { border: none; }
#ResearchYearSelector li a.selected { color: #DB0052; }

div.top100item { position: relative; background:url(/images/consumer/numberCircle.gif) top left no-repeat; }
.top100item p.top100number { position: absolute; width: 33px; top: 5px; left: 0px; text-align: center; color: #FFF; font-weight: bold; font-size: 0.9em; }
div.top100item div { padding: 0px 10px 7px 45px; }
.top100item p { margin: 0px; padding: 0px 0px 5px 0px; }
p#top100datasource { padding: 2px 5px 6px 5px; margin: 0px; color: #666; font-style: italic; }

/* New GroupWishes Stuff */

#groupWishStatsAge p, #groupWishStatsGender p, #groupWishLatestMembers p { color: #000000; }
#groupWishStatsAge b { color: #DE1961; font-size: 30px; font-weight: bold;}
#groupWishStatsGender b { color: #DE1961; font-size: 15px; font-weight: bold; }
#groupwishfilter label { color: #DB0052; font-weight: bold; clear: left; display: block; padding: 5px 0px; }
#groupwishfilter form {margin: 0px; padding: 0px; }
#groupwishfilter select { float: left; margin: 2px 5px 0px 0px; }
#groupintro { width: 650px; margin: 0px 0px 7px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dotted black; }
#groupintro p { margin: 5px 0px; padding: 0px; }
#groupintro span { color: #DB0052; font-weight: bold; }

.groupwishpanel { float: left; clear: both; padding: 10px 0px; margin-bottom: 5px; border-bottom: 1px dotted black; width: 100%; }
.groupwishpanel h2 { font-size: 1.1em; padding: 0px 0px 10px 0px; margin: 0px; background: url(/images/consumer/linkarrowbig-hover.gif) -100px -9000px no-repeat; }
.groupwishpanel a { text-decoration: underline; }
.groupwishpanel .seeallmembers { float: right; width: 60px; }
.groupwishpanel .seeallmembers p { padding: 0px 0px; margin: 0px; color: #666; font-weight: bold; font-size: 0.85em; line-height: 1em; }
.groupwishpanel .seeallmembers h3 { font-size: 1.5em; padding: 6px 0px 5px 0px; margin: 0px; background: url(/images/consumer/linkarrowsmall-hover.gif) -100px -9000px no-repeat; }
.groupwishpanel .seeallmembers h3 a { background: url(/images/consumer/linkarrowsmall.gif) bottom right no-repeat; padding-right: 8px; text-decoration: underline; }
.groupwishpanel .seeallmembers h3 a:hover { background: url(/images/consumer/linkarrowsmall-hover.gif) bottom right no-repeat; }
.groupwishpanel .imagebox { float: left; width: 100px; }
.groupwishpanel .mainsection { float: left; width: 524px; }
.groupwishpanel .mainsection .groupbarbackground { height: 22px; width: 100%; background-image:url('/images/consumer/group_wish_bar_emtpy.jpg'); }
.groupwishpanel .mainsection .groupbarscale { height: 22px; background-image:url('/images/consumer/group_wish_bar_full.jpg'); }

#groupWishLatestMembers a:link, #groupWishLatestMembers a:active, #groupWishLatestMembers a:visited { color:#640E4D;
text-decoration:underline; }
.groupwishpanel h2 a { background: url(/images/consumer/linkarrowbig.gif) center right no-repeat; padding-right: 14px; }
.groupwishpanel h2 a:hover { background: url(/images/consumer/linkarrowbig-hover.gif) center right no-repeat; }

#groupWishLatestMembers { margin: 0px; padding: 0px; }
#groupWishLatestMembers .latestmember p a:hover { color:#333; text-decoration:underline; }
#groupWishLatestMembers p { padding: 0px 0px; margin: 0px; color: #666; font-weight: bold; font-size: 0.85em; line-height: 1em; }
#groupWishLatestMembers .latestmember { overflow: auto; padding: 6px 0px 6px 0px; border-top: 1px dotted #FFF;  margin: 0px; }
#groupWishLatestMembers .latestmemberimage { clear: both; float: left; height: 45px; overflow: hidden; margin: 0px 6px 6px 0px; padding: 0px; }

#groupWishLatestMembers .latestmember .latestmemberimage img { display: block; margin: 0px; padding: 0px; }
#groupWishLatestMembers .latestmemberdetails { float: left; }
#groupWishLatestMembers .latestmember .latestmemberdetails p { padding: 0px; margin: 0px; }

#membergrid, #wishgrid { margin: 15px 0px 25px 0px; }
#membergrid .selected, #wishgrid .selected { border: 1px solid green }
#wishgrid .wishgridbox { float: left; width: 60px; height: 40px; overflow: hidden; margin-right: 5px; margin-bottom: 5px; }
#wishgrid .wishgridbox div { border: 1px solid #F2F0EE; width: 58px; height: 38px; overflow: hidden; }
#wishgrid .wishgridbox div.selected { border: 1px solid #DB0052; }

#membergrid .membergridbox { float: left; width: 60px; height: 60px; overflow: hidden; margin-right: 5px; margin-bottom: 5px; }
#membergrid .membergridbox div { border: 1px solid #F2F0EE; width: 58px; height: 58px; overflow: hidden; }
#membergrid .membergridbox div.selected { border: 1px solid #DB0052; }


.groupWishBubble { background-color: white; padding: 3px }
#MouseOverBubble { border: 1px solid #333; font-size: 0.85em; }


#commentlist .comment { clear: both; padding: 10px 0px; margin: 10px 0px; border-bottom: 1px dotted #666; overflow: auto; }
#commentlist .comment .memberimage { float: left; width: 80px; overflow: auto; }
#commentlist .comment .commentcontent { float: left; width: 425px; overflow: auto; }
#commentlist .comment .commentcontent h2 { float: left; padding: 0px 15px 0px 0px; margin: 0px; }
#commentlist .comment .commentcontent p.dateadded { float: left; display: inline; font-size: 0.85em; padding: 0px; margin: 0px; font-weight: bold; color: #DB0052; }
#commentlist .comment .commentcontent div.commenttext { clear: left; width: 100%; padding: 10px 0px; }

span.userrating { font-size: 0.85em; font-weight: normal; padding: 0 3px 0 20px; color: #666; }
span.good { color: #539742; }
span.bad { color: #D90026; }

/* group comment form */
form#groupcommentform { margin: 0px; padding: 0px; }
form#groupcommentform label { float: left; font-weight: bold; padding: 0px 10px 0px 0px; font-size: 1.1em; color: #666; }
form#groupcommentform textarea { float: left; overflow: auto; width: 305px; height: 55px; margin: 0px 10px 0px 0px; }

/* TEMP JS-KIT */
/*
.js-commentFieldLabel { display: none; }
.js-authSelector { display: none; }
.js-commentAvatar { display: none; }
*/

#YWFBEmailPrompt { position: absolute; width: 100%; text-align: center; top: 100px; left: 0px; }
#YWFBEmailPrompt div { margin: auto; width: 350px; height: 200px; border: 1px solid black; background: #C0C0C0; padding: 10px }

/* --------------------------------------------- Business Directory ---------------------------------------------*/

div.horizSubNav {clear: both}
div.horizSubNav ul { float: left; padding: 0px; margin: 0px 0px 0px 0px; clear: both; }
div.horizSubNav ul li { display: block; padding: 0px 10px; margin: 0px; font-size: 0.9em; font-weight: bold; float: left;	border-left: 1px dotted black; }
div.horizSubNav ul li:first-child { padding: 0px 10px 0px 0px; border: none;  }
div.horizSubNav ul li a { font-weight: bold; }
div.horizSubNav ul li.selected a { color: #DB0052;  }

div#WishStripSubNav.horizSubNav ul li { padding: 0px 5px }
div#WishStripSubNav.horizSubNav ul li a { font-size: 11px; font-weight: normal }
div#WishStripSubNav.horizSubNav ul li a.selected { font-weight: bold; text-decoration: none; color: #DB0052; }

#businessprofile { margin: 0px 0px 20px 0px; }
#businessprofile #businessprofileheading { float: left; width: 100%; border-bottom: 1px solid #999; margin: 0px 0px 15px 0px; }
#businessprofile #businessprofileheading h2 { float: left; border: none; }

#directoryaddress p { padding: 0px 0px 15px 0px; margin: 0px; }
#directoryaddress p.phone { font-weight: bold; }

#ratingstable th { background:url(/images/mybusiness/tablecell.jpg) -10px 0 no-repeat;  background-color: #666; color: #FFF; text-align: center; padding: 2px 5px; }
#ratingstable td.rating { text-align: center; font-weight: bold; }
#ratingstable td { border-bottom: 1px solid #CCC; padding: 2px 0px; }

.shortbusinesswish { float: left; width: 238px; padding: 0px 0px 10px 0px; margin: 0px 0px 12px 0px; font-size: 0.9em; border-bottom: 1px dotted gray; }
.shortbusinesswish a { font-weight: bold; }
.shortbusinesswish p { padding: 0px 0px 3px 0px; margin: 0px; }

p.campaign_status_msg { font-weight: 900 }

#paginator { margin: 0 0 15px 0; font-size: 0.85em; font-weight: bold; color: #333; clear: left; width: 525px; }
#paginator a { padding: 0 3px; }
#paginator p { padding: 0; margin: 0; }
#paginator span { padding-right: 25px; }

/** MINI PROFILE **/
#miniprofile { float: left; width: 125px; text-align: center; line-height: 1em; }
#miniprofileinner { float: left; padding: 10px 10px; }
#miniprofile p { padding: 0px 0px 0px 0px; margin: 0px; font-size: 1em; font-weight: normal; color: #333; } 
#miniprofile .profileimage { padding: 0 0 10px 0; font-size: 0.85em; }
#miniprofile .profileimage a { font-weight: bold;  font-size: 1.1em; }
#miniprofile .profilestatus { padding: 0 0 10px 0; }
#miniprofile .profilestatus img { padding: 0; margin: 0 0 2px 0; }
#miniprofile .profilestatus p { font-weight: bold; }
#miniprofile .profilecounts { padding: 0; font-size: 0.85em; }

/* ------------------- Category Panel ----------------------- */
#backgroundPopup {  
	display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/  
	height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1; opacity: 0.7; 
 } 
#categoryPanel {  
	/* clear: left;  float: left; */ display:none; position: absolute; top: 40px; left: 0px; 
	width:530px; background-image: url(/images/consumer/subcategorypanel-top.gif);  z-index:200; background-position: -545px 0px; padding:12px 0 0 0; background-repeat:no-repeat; 
	}  
#categoryPanelContainer {  
	width:530px; float: left; border-bottom:2px solid #DB0052; z-index:2; padding:0 0 0 0; background:#FFF;
	background:url(/images/consumer/subcategory-bkgnd.gif) 0 0 repeat-y; z-index:200; position: relative;
}

#categoryPanelArea { float: left; padding: 12px; z-index:200;}
#categoryTest { position: absolute; top: 0; left: 0; }

#cathealth-panel { display: none; }
#catbeauty-panel { display: none; }
#cathousehold-panel { display: none; }
#catprofessional-panel { display: none; }
#catsenior-panel { display: none; }
#catevents-panel { display: none; }
#catlearning-panel { display: none; }
#catother-panel { display: none; }

#categoryPanel p.categoryname { padding: 0 0 12px 0; }
#categoryPanel h2 { font-size: 1.3em; font-weight: bold; margin: 0 0 12px 0; padding: 0 0 12px 0; border-bottom: 1px dashed #999; }
#categoryPanel p { font-size: 1.1em; font-weight: normal; padding: 0 0 12px 0; border-bottom: 1px dashed #999; margin: 0 0 12px 0; }
#categoryPanel p.subcatinstruction { float: left; width: 500px; padding: 0 0 5px 0; border: none; }

#actionPanel #categoryPanel ul { float: left; width: 125px; padding: 0; margin: 0; }
#actionPanel #categoryPanel li a { padding: 0px; margin: 0px; text-decoration: none; }
#actionPanel #categoryPanel li a:hover { text-decoration: underline; }
#actionPanel #categoryPanel ul li { font-size: 1.1em; font-weight: normal; display: block; float: left; width: 115px; padding: 0 0 5px 0; margin: 0px; line-height: 1em; text-align: left; line-height: 1.1em; height: auto; border: none; }

/* ------------------- Subcategory Selector Widget ----------------------- */
#subcatselectorcontainer p { padding: 0; margin: 0; }
#toplevelcats { float: left; width: 200px;  margin: 10px 0; padding: 0; background-color: #EEE; font-weight: bold; }
#sublevelcats { position: relative; float: left; background: url(/images/consumer/subcat-bkgnd2.gif) top left no-repeat; width: 500px; border-right: 1px solid #999; display: none; }
#toplevelcats ul {  padding: 0; margin: 0; list-style: none; }
#toplevelcats li { cursor: pointer; padding: 0 0 0 0; margin: 0; color: #640E4D; line-height: 1em; }
#toplevelcats li a { display: block; padding: 4px 10px; }
#toplevelcats li a:hover { background-color: #DDD; }

#toplevelcats { padding: 0 0 10px 0; background:url(/images/consumer/200-white-bottom.gif) bottom left no-repeat; }
#toplevelcatscontainer { width: 200px; float: left; padding: 10px 0 0 0; background: url(/images/consumer/200-white-top.gif) top left repeat-y; }


#needsubcatpanel { float: left; display: none; padding: 0 0 20px 0; }
#sublevelcats div { float: left; width: 500px; border-right: 2px solid #DB0052; padding: 0px 0px 10px 0px; background: url(/images/consumer/subcat-bkgnd-bottom2.gif) bottom left no-repeat; }
#sublevelcats ul { width: 115px; float: left; list-style: none; margin: 0; padding: 10px 0; }
#sublevelcats ul li { line-height: 1em; padding: 0 0 6px 18px; cursor: pointer; }
#subhidden { display: none; }

#newneedcontinue { float: right; width: 78px; }

/* ------------------- Auto Suggestion ----------------------- */
#autoSuggestionPanel { display: none; width: 400px; border: 2px solid #DB0052; position: absolute; top: 40px; left: 10px; background-color: #FFF; color: #000; }
#autoSuggestionPanel ul { list-style: none; margin: 0; padding: 0;}
#autoSuggestionPanel li { margin: 0; padding: 0; }
#autoSuggestionPanelInner { padding: 10px; }
#homeneedsform { position: relative; }
#sideneedsform { position: relative; }