/* TYPOGRAPHY AND MISC */
	.highlight {color:#E17000}
	.subdued {color:#999}
	.error {color:#c00;font-weight:bold}
	.success {color:#390;font-weight:bold}
	.caption {color:#999;font-size:11px}
	.date {font-weight: bold;font-size:80%;color:#bbb;display:block;letter-spacing: 1px}
	.profile { font: 90%/1.6 verdana;margin-top: 10px; padding: 5px; background: #e6e3d7;}
	.distance{color:#aaa;font-size:80%;font-style:italic;font-weight:normal;line-height:1.6em;margin:3px 0pt 0pt;padding:0pt;}
	.small {font-size:11px;font-weight: normal}
	.bbar {border-bottom: 2px solid #ccc}
	.left {float: left}
	.right{float: right}
	.title {margin: 0 25px}
	.req {color:#c00;font-size:150%;font-weight:normal;line-height:1;width:.3em;height:.3em}
	.bluegrad {background: transparent url(images/bluegrad.gif) repeat-x 0 -325px;}
	
	#bigButton {
	clear:both;
	font-size:21px;
	font-weight:900;
	line-height:46px;
	text-align:center;
	}
	
	#bigButton a {
	background:transparent url(images/bigbutton.gif) no-repeat scroll center;
	color:#3B4D17;
	display:block;
	height:48px;
	line-height:48px;
	margin:2px auto 0px;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
	width:258px;
	}
	#bigButton a:hover {
	background:transparent url(images/bigbutton.gif) no-repeat scroll center top;
	color:#121A03;
	}
	#bigButton a:active {
	background:transparent url(images/bigbutton.gif) no-repeat scroll center bottom;
	color:#121A03;
	}
	
/* FORM STYLES */
	.f-quote label {padding: 3px;margin: 0;}
	form.f-wrap-1 .f-quote p {padding: 10px 0;margin: 0;}
	form.f-wrap-1 h3 {padding: 0px 10px; border-bottom: 2px solid #ccc}

/* HOME PAGE STYLES */
	.signup {background: transparent url("/images/install_network_signup.gif") no-repeat scroll 99% 0;padding:  0 0 20px;height: auto}
	.signup p { font-size: 120%;font-weight: normal;color: #444;padding: 0 280px 10px 0;margin: 0;}
	.signup h1 {border: none; margin: 0; font-size: 250%;font-weight: bold;color: #A6C559}

	.recent-signup { border-top: none; padding: 0; margin-top: 0}
	.recent-signup h3 { margin-top: 0;color: #333;font-weight: bold; border-bottom: 2px solid #aaa}
	.recent-signup dd a, .recent-signup dd { padding: 0; color: #666; font-size: 80%;  }
	.recent-signup dd a {font-size: 100%;}
	.recent-signup dt a, .recent-signup dt { color: #0375BC; font-weight: bold; text-decoration: none;}
	.recent-signup dt a:hover {color: #888;text-decoration: underline;}
	.recent-signup dt {margin: 5px 0 0 0;padding: 0;margin-right: 25px;} 
	
	.image div		{width: 50px; height: 50px; margin: 2px; overflow: hidden; }
	.image			{width: 54px; height: 54px; background: #FEFEFA; margin: 0 12px 20px 0; border:3px solid #DBD5C5}
	.image:hover	{background: #313131;}
	.image a 		{font-size: 9px;}
	
	.bg {background: #f4f4ed}

	#extra { margin: 0; padding: 0 50px; border-top: 5px solid #A6C559;	background: #F4F4ED; height: 100%;}
	#extra div.extra{ float: left; width: 33%;}
	#extra div.space p, #extra div.space h3, #extra div.space dd { margin-right: 25px; }
	#extra h3 { border-bottom: 2px solid #aaa; padding: 0 0 2px 0; color: #222; letter-spacing: 0px;font-weight: bold; }
	#extra p { color: #fff; }
	#extra ul {padding: 0}
	
	.column { float: left; width: 274px; height: 285px; background: transparent url(images/rbox_bg.gif) no-repeat 0 0;padding:  0 20px 0 10px}
	.column h1 {color: #0375BC;border: none;font-size: 40px;line-height: 40px;margin: 10px 0 15px 0}
	.column p strong {font-size: 16px}
	.column p { margin: 0; padding: 0 0 5px 0}
	.column input {padding: 3px 0;font-size: 14px}
	.column form {text-align: center; margin: 7px 0 5px 0}
	
	#extra li {color: #fff;margin: 0}
	#extra dd { padding: 0; color: #5e5e5e; font-size: 80%; }
	#extra dd a {padding: 0; color: #0375bc; font-size: 100%; font-weight: bold}
	#extra dt a, #extra dt { color: #0375bc; font-weight: bold; text-decoration: none;}
	#extra dt a:hover {color: #0375bc;text-decoration: underline;}
	#extra dt {margin: 5px 0 0 0;padding: 0;margin-right: 25px;}
	#extra dl.special dd.title {font-size: 110%;color: #888;font-weight: bold;}
	#extra .thumbnail-name {display: none;} 
	#extra .thumbnail-list dt { float: left; padding: 0; margin: 0;}
	#extra .thumbnail-list dt img {background:#FFFEFA none repeat scroll 0%;border:3px solid #DBD5C5;height:50px;margin:0pt 12px 8px 0pt;padding:2px;width:50px;}  
	#extra #footer {border-top: 1px solid #aaa; }
	#extra #footer p { color: #444;} 

	#extra { margin: 0; padding: 0 50px; border-top: 5px solid #A6C559;	background: #F4F4ED; height: 100%;}
	#extra div.extra{ float: left; width: 33%;}
	#extra div.space p, #extra div.space h3, #extra div.space dd { margin-right: 25px; }
	#extra h3 { border-bottom: 2px solid #aaa; padding: 0 0 2px 0; color: #222; letter-spacing: 0px;font-weight: bold; }
	#extra p { color: #fff; }
	#extra ul {padding: 0}
	#extra li {color: #fff;margin: 0}
	#extra dd { padding: 0; color: #5e5e5e; font-size: 80%; }
	#extra dd a {padding: 0; color: #0375bc; font-size: 100%; font-weight: bold}
	#extra dt a, #extra dt { color: #0375bc; font-weight: bold; text-decoration: none;}
	#extra dt a:hover {color: #0375bc;text-decoration: underline;}
	#extra dt {margin: 5px 0 0 0;padding: 0;margin-right: 25px;}
	#extra dl.special dd.title {font-size: 110%;color: #888;font-weight: bold;}
	#extra .thumbnail-name {display: none;} 
	#extra .thumbnail-list dt { float: left; padding: 0; margin: 0;}
	#extra .thumbnail-list dt img {background:#FFFEFA none repeat scroll 0%;border:3px solid #DBD5C5;height:50px;margin:0pt 12px 8px 0pt;padding:2px;width:50px;}  
	#extra #footer {border-top: 1px solid #aaa; }
	#extra #footer p { color: #444;} 
	                     
	dl.special dt a img { float: left;padding-right: 5px;}
	dl.special dd.title {font-size: 110%;color: #888;font-weight: bold;}               
	dl.special dd.title span{ color: #efbc21; font-weight: bold;}
	dl.special dd.stxt { font-size: 85%; }

/* Blog Stylings */

	dl.blogs_recent dd {font-size: 90%;color: #aaa}
	dl.blogs_recent dt {font-size: 120%}
	.blogtitle {padding: 0px;border-bottom: 2px solid #bbb; color: #a6c559;; font-size: 210%; font-weight: bold}
	.blogtitle a:link, .blogtitle  a:hover, .blogtitle a:visited  {text-decoration: none; color: #a6c559; }
	.blogmeta {font-size: 80%; padding: 0; margin: 0; color: #888;}

	.blogentrybody {margin: 10px 0 0 0;}
	.blogentry h2 { border: none; font-weight: bold; letter-spacing: -1px; font-size: 185%; margin: 0; padding: 0; color: #888; }
	.blogentry h2 a {color: #0375bc}
	.blogentry h2 a:hover {text-decoration: underline}
	.blogentry a {text-decoration: none; }
	.blogentry a:hover {text-decoration: underline}
	.blogentry a, .blogentry a:link, .blogentry a:active { color: #0375bc;}
	.blogentry a:visited {color: #ccc}
	 
	 a.blog:link, a.blog:visited, a.blog:hover, a.blog:active {background: transparent url("images/sprites.gif") no-repeat 5px -400px;padding-left:21px}
	#entries li {padding: 3px 0}


/* Photo gallery styling */
	#photos ul { list-style: none; }
	#photos li { display: inline; }
	#photos li a img {margin: 10px;padding: 5px;background: #fff;border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 2px solid #aaa;border-bottom: 2px solid #aaa}
	#photo { margin-bottom: 20px;padding: 5px;background: #000;}

/* XFN Styling */
	a.xfnRelationship {padding-right: 26px; background: url(/images/xfn-small.png) no-repeat right;}
	a.xfnRelationship[rel~="colleague"], a.xfnRelationship[rel~="co-worker"] {padding-right: 21px;background: url(/images/xfn-colleague.png) no-repeat right;}
	a.xfnRelationship[rel~="colleague"][rel~="met"],
	a.xfnRelationship[rel~="co-worker"][rel~="met"] {padding-right: 26px; background: url(/images/xfn-colleague-met.png) no-repeat right;}
	a.xfnRelationship[rel~="friend"] {padding-right: 21px;background: url(/images/xfn-friend.png) no-repeat right;}
	a.xfnRelationship[rel~="friend"][rel~="met"] { padding-right: 26px;background: url(/images/xfn-friend-met.png) no-repeat right;}
	a.xfnRelationship[rel~="sweetheart"] {padding-right: 21px; background: url(/images/xfn-sweetheart.png) no-repeat right;}
	a.xfnRelationship[rel~="sweetheart"][rel~="met"] { padding-right: 26px; background: url(/images/xfn-sweetheart-met.png) no-repeat right;}
	a.xfnRelationship[rel~="child"] { padding-right: 21px;background: url(/images/xfn-child.png) no-repeat right;}
	a.xfnRelationship[rel~="parent"] {padding-right: 21px;background: url(/images/xfn-parent.png) no-repeat right;}
	a.xfnRelationship[rel~="spouse"] {padding-right: 21px;background: url(/images/xfn-spouse.png) no-repeat right;}
	a.xfnRelationship[rel~="me"] {padding-right: 21px;background: url(/images/xfn-me.png) no-repeat right;}

/* Tag cloud styling */
	.tag1 { font-size: 100%; }
	.tag2 { font-size: 120%; }
	.tag3 { font-size: 140%; }
	.tag4 { font-size: 160%; }
	.tag5 { font-size: 170%; }
	.tag6 { font-size: 180%; }

	.product { margin: 0 0 10px 0;}
	.product dt {font-size: 120%}
	.product dt a img {float: left;}
	.product dt img {float: left; clear: left;}
	
	.product dd {margin: 0 0 0 110px; color: #555555; font-size: 110%; line-height: 1.6em;}
	.product dd.product-title a:link, .product dd.title a:visited, .product dd.title a:active { color: #0375BC}
	.product dd.product-title a:hover {color: #CEE9FA}
	.product dd.product-title { font-size: 140%; color: #0375BC;border-bottom: 1px solid #ddd}
	.product dd.product-title img {vertical-align: middle}
	.product dd.product-description {color: #333;}
	.product dd ul {margin: 0; padding: 5px 0 0;}
	
	.product-r dl{ margin: 0 0 5px 0;}
	.product-r dt {font-size: 120%}
	.product-r dt a img {float: right;}
	.product-r dd {color: #555555;font-size: 110%;line-height: 1.6em;}
	.product-r dd.title { font-size: 140%; color: #0375BC;border-bottom: 1px solid #ddd;letter-spacing: -1px}
	.product-r dd.title img {vertical-align: middle}
		
	.product-meta ul {list-style:none}
	.product-meta li {display: inline; color: #333;background: none;}
	.product-meta li.product-price {padding: 2px 5px 2px 20px; background: transparent url("images/tag_blue.gif") no-repeat 0 0}
	.product-meta li.product-price em{color: #c00; font-weight: bold;font-size: 110%;}
	.product-meta li.product-warranty {padding: 2px 5px 2px 20px;background: transparent url("images/shield.gif") no-repeat 0 0}
	.product-meta li.prodcut-condition {padding: 2px 5px 2px 20px;background: transparent url("images/medal_gold_2.gif") no-repeat 0 0}
	.product-meta li.product-availability {padding: 2px 5px 2px 20px;background: transparent url("images/accept.gif") no-repeat 0 0}
	.product-meta li.product-info {padding: 2px 5px 2px 20px;background: transparent url("images/information.gif") no-repeat 0 0}
	.product-meta li.product-manufacturer {padding: 2px 5px 2px 20px;background: transparent url("images/information.gif") no-repeat 0 0}
	.product-meta li.product-model {padding: 2px 5px 2px 20px;background: transparent url("images/information.gif") no-repeat 0 0}
	.product-meta li.product-weight {padding: 2px 5px 2px 20px;background: transparent url("images/information.gif") no-repeat 0 0}
	.product-meta li.product-type {padding: 2px 5px 2px 20px;background: transparent url("images/information.gif") no-repeat 0 0}

	h3.installer-distance {position: relative; background:#aaa;color:#FFFFFF;font-size:0.8em;padding:0px 5px;margin: 10px 0 0 0;font-family: tahoma,verdana,sans-serif;}

	.member-meta {color:#999;font-size:11px;font-weight:normal;margin-top:3px;border-bottom: 2px solid #aaa}

	ul.installers {list-style-type: none; margin: 0px 25px 10px 0;}
	ul.installers li { float: left; width: 100%; background: none; padding:0px 15px 20px 10px;}
	ul.installers li .installer-info {float:left; width: 58%}
	ul.installers li h1 { margin: 0; padding: 0;border: none}
	ul.installers li .installer-info {padding: 5px 0}
	ul.installers li .installer-info h3 { border: none;font-size: 140%; margin: 0; }
	ul.installers li .installer-info h3 a{ color:#333;text-decoration:none;}
	ul.installers li .installer-info dl * {display:inline;}
	ul.installers li .installer-info dl { border-bottom:1px solid #CCCCCC;margin-bottom:10px;padding:5px 0pt;}
	ul.installers li.hilite-on {background-color: #fafafa}
	ul.installers li.hilite-off {background-color: #fff}

	.installer-info dl.top dt.first { background:transparent none repeat scroll 0%;padding-left:0pt;}
	.installer-info dl.top dt { font-size: 100%; background:transparent url(images/separator.gif) no-repeat scroll left center; padding-left:8px;}

	ul.installers li .installer-profile {}

	ul.installers li .installer-sidebar {float:right; width:40%; margin: 0pt; padding: 10px 0 0 0; border-left: 1px dotted #ccc;}
	ul.installers li .installer-sidebar h4 {font-size: 100%; margin: 0 0 10px 10px; padding:0px 10px 5px 0px; font-weight: bold; color: #444;border-bottom: 1px solid #ccc}
	ul.installers li .installer-sidebar dl {float: left; padding:0px 10px 5px 10px; width: 100%; }
	ul.installers li .installer-sidebar dl dt{clear: both;float:left;padding-bottom:4px;width:35%; font-weight: normal; margin: 0pt;}
	ul.installers li .installer-sidebar dl dd {float:left;font-weight:bold;padding-bottom:4px;width:59%; margin: 0pt; font-size: 100%;}

	#map {width: 100%;border: 3px solid #aaa;}

	ul#sidebar-list {list-style-type: none;padding: 0;margin: 0;}
	ul#sidebar-list li { background-image: none; padding: 0pt;}
	ul#sidebar-list li img {float: left; margin-right: 5px;}
	ul#sidebar-list li a {display: block;border: 1px solid #ddd;background: #eee;margin: 5px 0 0 0;padding: 4px;font: 12px Helvetica, sans-serif;text-decoration: none;color: #444;}
	ul#sidebar-list li:first-child a { margin-top: 0px;}
	ul#sidebar-list li.current a {border: 1px solid #444;border-left-width: 3px;padding-left: 2px;}
	ul#sidebar-list li a:hover {background: white;color: #555;}
	ul#sidebar-list li a strong {display: block;}
	ul#sidebar-list li a span {font-style: italic;font-size: 11px;}
	.map_quote {padding: 0px; line-height: 1.2;}
/* The default is the sidebar to show as per these styles 
for map-wrapper, the sidebar, and the show/hide links */

	a.btn_gray:link, a.btn_gray:visited, a.btn_gray:active { background: transparent url("images/btn_gr_l.gif") no-repeat scroll 0pt 50%; color: #333; font-size: 10px;font-weight: bold; text-decoration: none; padding:5px 0pt 5px 8px; }
	.btn_gray span { background: transparent url("images/btn_gr_r.gif") no-repeat scroll center right; padding:5px 12px 5px 4px; margin: 0pt;}
	a.noborder:link, a.noborder:visited, a.noborder:hover {border-bottom:medium none !important;}

    #notice {border: 3px solid #e67f00; background: #cc0000;color: #fff; margin-bottom: 10px; padding: 5px; font-size: 110%; font-weight: normal}
	.fieldWithErrors {padding: 2px;background-color: red;display: table;}
	#errorExplanation {width: 400px;border: 2px solid red;padding: 7px;padding-bottom: 12px;margin-bottom: 20px;background-color: #f0f0f0;}
	#errorExplanation h2 {text-align: left;font-weight: bold;padding: 5px 5px 5px 15px;font-size: 12px;margin: -7px;background-color: #c00;color: #fff;font-family: tahoma,verdana,sans-serif;}
	#errorExplanation p {color: #333;margin-bottom: 0;padding: 5px;}
	#errorExplanation ul li {font-size: 12px;list-style: square;background: none;padding: 0;margin-left: 20px;}

	div.uploadStatus {margin: 5px;}
	div.progressBar {margin: 5px;}
	div.progressBar div.border {background-color: #fff;border: 1px solid grey;width: 100%;}
	div.progressBar div.background {background-color: #333;height: 18px;width: 0%;}

/* TABLES */
	table { width: 100%; border-collapse: collapse;}
	table.wide {width: 100%;}
	table.noborder td {border: 0;}
	table.nopad td {padding-left: 0;}
	table tr th {color: #999;font-weight: normal;font-size: 0.8em;padding: 3px 5px;border-bottom: 1px solid #ddd;}
	table tr td {padding: 3px 5px}
	.la, td.la { text-align: left;}
	.ctr, td.ctr { text-align: center;}
	.ra, td.ra { text-align: right;}
	
	.odd {background-color: #f5f5f5;}
	.even {background-color: #fff;}

/* USER TABLE STYLES */
	table#users { width: 100%;}
	table#users th { font-size: 95%; }
	table#users td { font-size: 90%; }

/* FORUM STYLES */
	table.forums tr th {font-size: 90%;}
	table.forums tr td .title {font-size: 1.4em;}
	table.forums tr td .desc {margin: 0.5em 0;}
	table.forums tr td {padding: 3px 10px;}

	.forumdescription {color: #222}
	.forumname { font-size: 140%;}
	.forumname a { color: #0375bc;}
	.forumname a:hover {text-decoration: underline}

/* FORUM TOPIC STYLES */
	table.topics tr th { font-size: 90%}
	table.topics tr td {padding: 4px 15px}
	table.topics tr td.stat {font-size: 100%;}
	
	.topic_name { margin: 0 0 10px 0; border: none; padding: 0;}

/* FORUM POST STYLES */
	#posts tr { border-top: 2px solid #fafafa; border-bottom: none;}
	#posts tr td {border-bottom: none;}
	#posts tr td.post {padding: 5px 10px}
	#posts tr.spacer { font-size: 1px; border-top: none;}
	#posts tr { border-top: 2px solid #fafafa; border-bottom: none;}
	#posts tr td {border-bottom: none;}
	#posts tr.spacer { font-size: 1px; border-top: none;}
	.author a {color: #0375bc;}
	.author a:hover{text-decoration: underline;}
	.author { 
		background:#fafafa none repeat scroll 0%;
		border-top:1px solid #fafafa;
		color:#333;
		min-height:32px;
		min-width:8em;
		padding:5px 10px;
		vertical-align:top;
		width:10em;
	}
	
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */