/* 
	author:   Jason Schmidt, VISUALPLANT
*/

form,body,div,p,h1,h2,h3,h4,h5,h6,img,ul {
	margin:0;
	padding:0; }

.commentbox {
	float: left;
	width: 100%;
	margin: 10px 0px;
	background: #eee;
	padding: 10px;
	border: 1px solid #ccc; }

.searchbox {
	font-size: 10px; }

.emailbox {
	float: left;
	width: 100%;
	margin: 10px 0px;
	background: #eee;
	padding: 10px;
	border: 1px solid #ccc; }

*{ margin: 0; }*

body { 
	font-family: arial, sans-serif; 
	font: .9em, arial, sans-serif; 
	line-height: 1.6em; 
	background: #fff url(../images/fade.png) top center repeat-y; 
	color: #8E8E91; }

a {	
	color: #444; 
	background: inherit; 
	text-decoration: none; }

a:hover { 
	color: #CC0000; 
	text-decoration: none; }

a.body { 
	font-weight: bold; 
	line-height: 1.2em; }

a.catheader { 
	font-family:Arial; 
	letter-spacing: .1em; 
	font-weight:bold; 
	font-size: 95%; 
	color: #006699; 
	margin-bottom:2px; }

a.catheader:hover { 
	color: #CC0000; }

a.catheadertitle { 
	text-transform: uppercase; 
	font-family:Arial; 
	letter-spacing: .1em; 
	font-weight:normal; 
	font-size: 17px; 
	color: #6699ff; 
	margin-bottom:2px; }
	
a.catheadertitle:hover { 
	color: #CC0000; }

a.graylink { 
	color: #999; }

a.headline { 
	font: normal 2.0em "Times New Roman", serif; 
	color: #444; }

a.headline:hover { 
	color: #CC0000; }

a.headlinerelated { 
	font-size: 90%; 
	line-height: 16px; 
	font-weight: bold; }
	
a.headlinerelated:hover { 
	color: #CC0000; }

a.buttonlink { 
	background: #f8e9d3; 
	color: #CC0000; 
	font-weight: bold; 
	font-family: "Georgia", serif; 
	font-style:italic; }
	
a.buttonlink:hover { 
	color: #ff0000; }

a.editlink { 
	font-size:13px; 
	font-family:arial,sans-serif; 
	color:#336699; 
	text-transform: uppercase; 
	font-weight:bold; }
	
a.editlink:hover { 
	color: #6699cc; }

p { 
	margin: 0 0 15px 0;}
h1.home { 
	font: normal 3.2em "Georgia", serif; 
	letter-spacing: .01em; }
h1 { 
	font: normal 2.2em "Georgia", serif; 
	color: #444; 
	letter-spacing: .02em; }
h2 { 
	font: normal 1.7em "Times New Roman", serif; 
	margin: 0 0 10px; 
	padding: 0 0 3px; 
	color: #333; 
	border-bottom: 1px solid #eee; }
h3 { 
	font: normal 1.2em "Times New Roman", serif; 
	margin: 0 0 10px; 
	padding: 0 0 3px; 
	color: #333; 
	border-bottom: 1px solid #eee; }
h4 { 
	text-transform: uppercase; 
	font: 14px arial, sans-serif; 
	font-weight:normal; 
	margin: -2px 0 10px; 
	padding: 0 0 3px; 
	color: #339900; 
	border-bottom: 1px solid #eee; }
h5 { 
	float:left; 
	width:930px; 
	font: 15px arial, sans-serif; 
	margin-top:5px; 
	font-weight:normal; 
	margin: 5px 0 10px; 
	padding: 0 0 3px; 
	color: #339900; 
	border-bottom: 1px solid #eee; }
h6 { 
	font-size: 100%; 
	font-weight:normal; 
	color: #444; }


img { 
	border:0; 
	float:left; 
	padding-right:10px;}
.featureimage { 
	border:0; 
	float:left; 
	padding-right:10px; 
	padding-bottom:3px; 
	padding-top:7px;}

#content { 
	width: 930px; 
	margin: 25px auto; }
#logo.home { 
	margin: 10px 0 20px 0; 
	width: 430px;
	height: 48px;
	float: left; }
#logo { 
	margin: 0px 0 0px 0; 
	width: 430px; 
	height: 48px;
	float: left; }
#logo p { 
	margin: 0; }
#menu.home { 
	float: right; 
	padding: 20px 0 0; 
	margin: 0 0 38px; }
#menu { 
	float: right; 
	padding: 17px 0 0;
	margin: 0 0 38px; }
#menu li { 
	font-size: 1em; 
	display: inline; }
#menu li a { 
	float: left; 
	width: 98px; 
	padding: 2px 0 7px; 
	text-align: center; 
	margin: 0 0 0 2px; 
	color: #636365;  }
#menu li a.current { 
	background: #fff url(../images/button.gif) no-repeat; 
	color: #333; }
#menu li a:hover { 
	text-decoration: none; 
	color: #cc0000; 
	background: #fff url(../images/button.gif) no-repeat; }
.clear { clear: both; }
.caption { 
	background: #fff url(../images/title.gif) no-repeat; 
	padding: 2px 0 0 18px; 
	height: 35px; 
	color: #eee;  }
.captionlong { 
	background: #fff url(../images/title_long.gif) no-repeat; 
	padding: 2px 0 0 18px; 
	height: 35px; 
	color: #eee;  }
.titleheadline { 
	background: #333; 
	padding: 7px 0 0 18px; 
	font: normal 2.0em "Times New Roman", serif; 
	font-size: 22px; 
	height: 35px; 
	color: #fff;  }
.titlecategory { 
	background: #eee; 
	padding: 7px 0 0 18px; 
	font: normal 2.0em "Times New Roman", serif; 
	font-size: 22px; 
	height: 35px; 
	color: #fff;  }
.titleservice { 
	background: #666; 
	padding: 7px 0 0 18px; 
	font: normal 2.0em "Times New Roman", serif; 
	font-size: 22px; 
	height: 35px; 
	color: #fff;  }

.catheadertitleedit { 
	text-transform: uppercase; 
	float:right; 
	margin-right:20px; 
	font-family:Arial; 
	letter-spacing: .1em; 
	font-weight:normal; 
	padding-top:6px; 
	font-size: 17px; 
	color: #ccffcc; }

.browseheader { 
	background: #666; 
	padding: 7px 0 0 18px; 
	font: normal 2.0em "Times New Roman", serif; 
	font-size: 22px; 
	height: 35px; 
	color: #fff;  }
.browsefooter { 
	background: #666; 
	padding: 3px 0 0 18px; 
	font: normal 2.0em "Times New Roman", serif; 
	font-size: 22px; 
	height: 35px; 
	color: #fff;  }

.category { 
	background: #fff url(../images/title.gif) no-repeat; 
	padding: 2px 0 0 18px; 
	height: 35px; 
	color: #fff;  }
	
.caption p { margin: 0; }

#left { 
	margin: 0 0 20px; 
	clear: left; 
	width: 100%; 
	float: left; 
	background: #eee; }

.browse_category { 
	text-transform: uppercase; 
	letter-spacing: .1em; 
	font-weight:normal; 
	font-family:Arial; 
	font-size: 80%; 
	color: #6699ff; }

.type_header {
	text-transform:uppercase;
	font-weight:normal;
	font-family:arial, sans-serif;
	color: #666; }

.feature-callout { 
	padding-left:5px; 
	color:#fff; 
	font-size:15px; 
	font-weight:bold; 
	font-family:georgia; }

.forsale { 
	border: 1px solid #330000; 
	width: 80%; 
	background: #ccc; }
	
.sellingfor { 
	font-weight:normal; 
	background: #330000; 
	color:white; 
	padding: 3px; 
	margin-right: 3px; }

.box { 
	height:412px; 
	margin-bottom: 20px; }
.boxflux { 
	height:100%; 
	margin-bottom: 20px; }
.boxtitle { 
	height:418px; 
	background: #eee; 
	padding: 10px; }
.boxtitleedit { 
	height:366px; 
	background: #eee; 
	padding: 10px; }
.boxtitleembed { 
	height:35px; 
	background: #eee; 
	padding: 10px; }
.boxlogin { 
	height:23px; 
	background: #ffcccc; 
	padding: 10px; }

.uploadheader { 
	height:23px; 
	padding: 7px 0 0 18px; 
	color: #333; 
	border-bottom: 1px solid #333; 
	font: normal 2.0em "Times New Roman", serif; 
	font-size: 22px; 
	height: 35px; 
	background: #fff url(../images/edit_stripe_bg.png) repeat;  }

.boxeditmsg { 
	height:23px; 
	padding: 13px; 
	background: #fff url(../images/edit_stripe_bg.png) repeat; }

.category_edit { 
	height:140px; 
	background: #d8efff; 
	padding: 10px; }
	
.sort_edit {
	text-align:center; 
	padding-top:10px; 
	height:37px; 
	background: #d8efff; }

#embedhome { 
	padding-top: 10px; 
	color: #000;
	text-transform:none;
	font-size:14px; }

.stepActive { 
	padding:10px; 
	border-bottom: 1px solid #999;
	font-size:18px; 
	font-family: "Times New Roman", serif; 
	background-color: #ffffcc; }
	
.stepInactive { 
	padding:10px; 
	border-bottom: 1px solid #999;
	font-size:18px; 
	font-family: "Times New Roman", serif; 
	color: #eee; 
	background-color: #ccc; }

.bigformfields { 
	width:300px;
	height:25px;
	font-size:18px; }
	
.mediumformfields { font-size:14px; }

.normal {
	height: 120px;
	font-size: 13px;
	padding: 2px;
	background-color: #fff;
	border:1px solid #ccc;
}

.minifeature { 
	font-family: "Times New Roman", serif; 
	line-height: 19px; 
	width:290px; 
	float:left; 
	margin-right:20px; 
	padding-right:4px; 
	border-right:1px solid #bbb; 
	color: #000; }
	
.minifeature h1 { 
	font: normal 1.7em "Times New Roman", serif; 
	color: #444; 
	letter-spacing: .02em; }
.minifeatureright { 
	font-family: "Times New Roman", serif; 
	line-height: 19px; 
	width:270px; 
	float:left; 
	color: #000; }
.minifeatureleft {
	padding-left:15px; 
	font-family: "Times New Roman", serif; 
	line-height: 19px; 
	width:290px; 
	float:left; 
	margin-right:20px; 
	padding-right:4px; 
	border-right:1px solid #bbb; 
	color: #000; }
.top100home {
	padding-left:15px; 
	width:170px;
	float:left;
	font-family:"Times New Roman", serif;
	line-height:17px; }
.minifeatureprofile {
	padding-left:15px; 
	font-family: "Times New Roman", serif; 
	line-height: 19px; 
	width:420px; 
	float:left; 
	padding-right:4px; 
	color: #000; 
	border-bottom: 1px solid #ddd; 
	padding-bottom: 20px; }

.servicefeatureright { 
	width:160px; 
	float:left; 
	color: #000; }
.servicefeatureleft { 
	width:160px; 
	float:left; 
	margin-right:20px; 
	color: #000; }

.browsefeature { 
	font-family: "Times New Roman", serif; 
	font-size: 16px; 
	line-height: 10px; 
	width:160px; 
	float:left; 
	margin-right:20px; 
	padding-right:4px; 
	border-right:1px solid #bbb; 
	color: #000; }
.browsefeature h1 { 
	font: normal 1.7em "Times New Roman", serif; 
	color: #444; 
	letter-spacing: .02em; }
.browsefeatureright { 
	font-family: "Times New Roman", serif; 
	font-size: 16px; 
	line-height: 10px; 
	width:130px; 
	float:left; 
	color: #000; }
.browsefeatureleft {
	padding-left:15px; 
	font-family: "Times New Roman", serif; 
	font-size: 16px; 
	line-height: 10px; 
	width:160px; 
	float:left; 
	margin-right:20px; 
	padding-right:4px; 
	border-right:1px solid #bbb; 
	color: #000; }

.userresults {
	padding-left:15px; 
	padding-bottom: 10px; 
	font-family: "Times New Roman", serif; 
	font-size: 16px; 
	line-height: 10px; 
	width:170px; 
	float:left; 
	color: #000; }

#header { 
	font-family:Arial; 
	letter-spacing: .1em; 
	font-weight:bold; 
	font-size: 95%; 
	padding: 3px; 
	padding-top:6px; 
	padding-left: 15px; 
	color: #006699; 
	background:#fff url(../images/header.png) top left no-repeat; 
	margin-bottom:10px; 
	float:left; 
	width: 930px; 
	height:34px; }
#border { 
	border-top: 1px solid #ddd; 
	padding-bottom: 20px;}
#borderbrowse { 
	border-top: 1px solid #bbb; 
	padding-bottom: 20px;}

.buttonback { 
	float:left; 
	background: url(../images/button-back.png) top left no-repeat; 
	height: 28px; 
	width:9px;}
.buttontext { 
	float:left; background: url(../images/button-middle.png) top left repeat-x; 
	height: 28px; padding-left:4px; 
	padding-right:4px; 
	padding-top:2px;}
.buttonfront { 
	float:left; background: url(../images/button-front.png) top left no-repeat; 
	height: 28px; 
	width:24px;}

#categories{ }

#categories a {
	padding: 10px; 
	margin-bottom: 0px; 
	float:left; 
	border: 1px solid #eee; 
	text-align: center;
	white-space: nowrap;
	color: #666; }

#categories a:hover{
	background-color: #eee;
	color: #000; }

#header a { 
	color: #006699; 
	text-transform: uppercase; }

#header a:hover{
	color: #CC0000; }

.browseheadlink a { 
	color: #eee; }

.browseheadlink a:hover{
	color: #ff0000; }

html>body #categories a{ /*Non IE rule*/
	width: auto; }


#homefeature { float: left; }

#homefeaturetext { 
	float: left; 
	margin-left: 20px; 
	color: #000; 
	max-width: 280px; 
	font-family: georgia, serif; }
#headline { 
	font-size: 150%; 
	line-height: 22px; 
	padding-bottom: 20px; }
.headlinesm { 
	font-size: 150%; 
	line-height: 22px; 
	padding-bottom: 20px; 
	margin-bottom: 20px; }
.headlinesmbrowse { 
	line-height: 17px; 
	padding-bottom: 20px; 
	margin-bottom: 20px; }
#headlinerelated { line-height: 16px;}
#body { 
	font-size: 100%; 
	line-height: 22px; 
	overflow: auto; 
	max-height: 365px; 
	padding-bottom: 10px; 
	background: #eee; }
#body p { margin-top: 10px; }

#titleinfo { 
	width:350px; 
	border-right:1px solid #ccc; 
	padding:20px; 
	font-family: georgia, serif; 
	font-size: 14px; 
	color: #000; 
	float: left;}
	
#titleinfo p { margin-top: 10px; }

#titlerelated { 
	width:230px; 
	padding:20px; 
	line-height: 9px; 
	font-family: georgia, serif; 
	font-size: 14px; 
	color: #000; 
	border-right:1px solid #ccc; 
	float: left;}
	
#titlerelated p { margin-top: 18px; }

#titlecomments { 
	width:237px; 
	height:500px; 
	padding-left:20px; 
	padding-top:20px; 
	padding-right:10px; 
	font-family: georgia, serif; 
	font-size: 14px; 
	color: #000; 
	float: left;}
	
#titlecomments p { margin-top: 10px; }

#threecol { 
	width:260px; 
	padding:20px; 
	line-height: 9px; 
	font-family: georgia, serif; 
	font-size: 14px; 
	color: #000; 
	border-right:1px solid #ccc; 
	float: left;}
#threecol p { margin-top: 18px; }
#threecol h4 { border-bottom: 1px solid #ccc; }
#threecollast { 
	width:260px; 
	padding:20px; 
	line-height: 9px; 
	font-family: georgia, serif; 
	font-size: 14px; 
	color: #000; 
	padding-right: 10px; 
	float: left;}
#threecollast h4 { 
	border-bottom: 1px solid #ccc; }

.tabs { 
	background:inherit;
	border-bottom:1px solid #ccc;
	height:49px; }
.tabs-big { 
	background:inherit;
	border-bottom:1px solid #ccc;
	height:49px;
	font-size:21px; }
.tabs-active { 
	background:#eee; 
	padding:10px;
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc; 
	border-bottom:1px solid #eee; 
	border-top:6px solid #ccc; 
	font-weight:bold; 
	float:left; }
.tabs-inactive { 
	background:#ddd; 
	padding-top:14px; 
	padding-bottom:8px; 
	padding-right:10px; 
	padding-left:10px;
	float:left; }
.tabs-incoming { 
	background:#ffcccc; 
	padding-top:14px; 
	padding-bottom:8px; 
	padding-right:10px; 
	padding-left:10px;
	float:left; }

.sharing { 
	float:left; 
	margin-left:10px; 
	text-transform: uppercase; 
	font-size:12px; }


/* Subsection Tabs
--------------------*/
ul.subsection_tabs {
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	border-bottom:1px solid #ccc;
	height:20px;
	clear:both; }

ul.subsection_tabs li {
	float:left;
	text-align:center; }

ul.subsection_tabs li a {
	display:block;
	height:20px;
	background-color:#fff;
	color:#000;
	width:56px;
	padding-left:4px;
	text-align:left; }

ul.subsection_tabs li a:hover {
	color:#cc0000;
	padding-left:-5px; }

ul.subsection_tabs li a.active {
	background-color:#eee;
	padding-left:-5px; }

ul.formerror {
	text-decoration:none;
	display:block; 
	color: #ff0000; 
	font-size:12px; 
	background: #fff;	
	border:1px solid #ff0000; }

li.erroritem {
	background: #fff url(/images/arrow-red-sm.gif) no-repeat 8px 10px;
	padding: 1px 10px 1px 20px; }

.smallthumb { width: 109px; }

#center { 
	width: 240px; 
	float: left; 
	margin: 0 0 20px 15px; }
#right { 
	float: right; 
	width: 380px; }
.date { 
	font-size: .8em; 
	border-top: 1px solid #eee; 
	padding: 5px 0 0; }
.box { background: #eee; 
	padding: 10px; }
.box li { 
	list-style: none; 
	border-bottom: 1px dotted #ccc; 
	line-height: 26px; }
.box li a { padding: 0 5px; }

.boxflux { 
	background: #eee; 
	padding: 10px; }

.boxflux ul { }
.boxflux li.parent { 
	background-color: #cecece; 
	padding: 0 4px; 
	border-bottom: 1px solid #eee; }
.boxflux ul.parent a { 
	font-weight: bold; 
	padding: 0 4px; }
.boxflux ul.child { background-color: #eee; }
.boxflux ul.child a { 
	padding: 0 10px; 
	font-weight: normal; 
	padding: 0 14px; }
.boxflux li { 
	list-style: none; 
	border-bottom: 1px dotted #ccc; 
	line-height: 26px; }

#footer { 
	font-size: .84em; 
	clear: both; 
	padding: 15px; 
	background: #003366; 
	height: 93px; }
#footer a { color: #ccc; }
#footer a:hover { text-decoration: underline; color: #fff; }
.poweredby { font-size: 85%; }

.service { 
	float:left; 
	width:490px; 
	margin-left:9px; 
	color: #000000; }
.service2 { 
	float:right; 
	width:600px; 
	margin-left:9px; 
	margin-right:20px; 
	color: #000000; }
.lefty { 
	float:left; 
	width:400px; 
	margin:9px; 
	color: #000000; }

.righty { 
	float:left; 
	padding-left:20px; 
	border-left:1px solid #ccc;  
	width:460; }

#advSearch {
	float:right;
	margin-top:-30px;
	padding-right:12px; }

#advSearch .left { margin-top:-15px; }

#advSearch input#s {	/* search box */
	padding-left:3px;
	padding-top:5px;
	position:relative;
	top:0px; 
	left:4px;
	border:1px solid #ccc;
	margin:0px;
	vertical-align:top;
	height:20px; 
	width:110px;
	font-size:13px;
	background:#fff; }

#advSearch select#s {	/* search box */
	padding-left:3px;
	padding-top:5px;
	position:relative;
	top:0px; 
	left:4px;
	border:1px solid #ccc;
	margin:0px;
	vertical-align:top;
	height:26px; 
	width:110px;
	font-size:13px;
	background:#fff; }

* html #advSearch input#s {top:-1px} /* IE hack */

#emailSignup {
	float:left;
	padding-right:12px;
	padding-top:22px;
	max-width:300px; }

#emailSignup input#e {	/* search box */
	padding-left:3px;
	padding-top:5px;
	position:relative;
	top:0px; 
	left:4px;
	border:1px solid #ccc;
	margin:0px;
	vertical-align:top;
	height:20px; 
	width:235px;
	font-size 14px:;
	background:#fff; }

.search_button {
	border:1px solid #666; 
	font-size:15px; 
	width: 14px; 
	height: 25px; 
	background: #ccc; 	
	padding-left:4px;
	padding-right:4px; }

.search_button_top {
	border:1px solid #ddd; 
	font-size:15px; 
	width: 14px; 
	height: 25px; 
	background: #ccc; 	
	padding-left:4px;
	padding-right:4px; }

.search_button_null {
	border:1px solid #bbb;
	color: #ccc;
	font-size:14px; 
	width: 15px; 
	height: 25px; 
	background: #F7F7F7; 	
	padding-left:4px;
	padding-right:4px; }

* html #advSearch input#s {top:-1px} /* IE hack */

/* styles for the star rater */	
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	background: url(../images/star-rating.gif) top left repeat-x; }

.star-rating li{
	list-style: none;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */ 
}

.star-rating li a{
	display:block;
	width:25px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px; }

.star-rating li a:hover{
	background: url(../images/star-rating.gif) left bottom;
	z-index: 2;
	left: 0px; }

.star-rating a.one-star{
	left: 0px; }
.star-rating a.one-star:hover{
	width:25px; }	
.star-rating a.two-stars{
	left:25px; }
.star-rating a.two-stars:hover{	
	width: 50px; }
.star-rating a.three-stars{
	left: 50px; }
.star-rating a.three-stars:hover{
	width: 75px; }
.star-rating a.four-stars{
	left: 75px; }	
.star-rating a.four-stars:hover{
	width: 100px; }
.star-rating a.five-stars{
	left: 100px; }
.star-rating a.five-stars:hover{
	width: 125px; }
.star-rating li.current-rating{
	background: url(../images/star-rating.gif) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1; }