/* CSS Document: pssst.css */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 0 20px 0;
	padding: 0;
	background: #DAE5D9 url('images/green-bg-int.gif') repeat-x;
	color: #000;
	text-align: center;
	font: 12px Arial, Verdana, sans-serif;
}

img {
	border: 0;
}

a:link {
	color: #083C03;
	text-decoration: underline;
}

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

a:visited {
	color: #083C03;
	text-decoration: underline;
}

div#container {
	margin: 10px auto;
	padding: 0;
	width: 768px;
	background: #FFF;
	border: 2px solid #085100;
	line-height: 1em;
}

div#header {
	margin: 0;
	padding: 3px 0 0 0;
}

h1 {
	margin: 0;
	padding: 0;
	line-height: 1em;
}

img#pssst-logo {
	float: right;
	margin: 0 3px 0 0;
	padding: 0;
}

img#banner {
	margin: 5px 0 0 0;
	padding: 0;
}

img#category {
	margin: 0 0 -8px 0;
	padding: 0;
	position: relative;
	top: -18px;
	left: 90px;
}

img#category-long {
	margin: 0 0 -8px 0;
	padding: 0;
	position: relative;
	top: -18px;
	left: 30px;
}

div#content {
	margin: 0;
	padding: 0;
	text-align: left;
	background: #FFF;
	line-height: 1.5em;
}

div#content-nolog {
	margin: 0;
	padding: 0 0 0 270px;
	text-align: left;
	background: #FFF;
	line-height: 1.5em;
}

h2 {
	margin: 0 0 15px 280px;
	padding: 0 30px 0 0;
	background: url('images/pagetitle-bg.jpg') no-repeat;
	color: #D9650E;
	text-align: right;
	font: 18px Arial, Trebuchet MS, sans-serif;
	font-style: italic;
	line-height: 2em;
}

div#log-out-btn {
	text-align: left;
	margin: 0 20px 5px 20px;
	padding: 0;
}

/* Dropdown Menu
   ------------- first level */

div#menu {
	text-align: left;
	margin: 0 20px 5px 20px;
	padding: 0;
	border: 3px double #98B695;
	width: 220px;
	float: left;
	display: inline;
}

ul#nav {
	margin: 0;
	padding: 8px 15px;
	list-style-type: none;
	font: 12px Arial, Trebuchet MS, sans-serif;
	width: 190px;
}

ul#nav li {
	border-bottom: 1px solid #FFF;   /* fixes gap problem in IE */
	position: relative;
	z-index: 1;
	height: 20px;
	line-height: 1.8em; 
}

.o {
	margin: 0;
	padding: 0 0 0 12px;
	background: url('images/menu-tab.gif') no-repeat;
}

.active {
	margin: 0;
	padding: 0 0 0 12px;
	background: url('images/menu-active-tab.gif') no-repeat;
}

.o a:link {
	color: #000;
	text-decoration: none;
	display: block;
}

.o a:visited {
	color: #000;
	text-decoration: none;
	display: block;
}

.o a:hover {
	color: #000;
	text-decoration: underline;
	display: block;
}

.active a:link {
	color: #FFF;
	text-decoration: none;
	display: block;
}

.active a:visited {
	color: #FFF;
	text-decoration: none;
	display: block;
}

.active a:hover {
	color: #FFF;
	text-decoration: underline;
	display: block;
}

/* Dropdown Menu
   ------------- second level */

#nav ul {
	visibility: hidden; 
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0; /* if using borders, -1 to align top borders */
	left: 190px;
	z-index: 2;
	/*background: #F00;*/
	width: 289px;
}

#nav ul li {
	margin: 0;
	padding: 0;
	background: url('images/menu-popout.gif') no-repeat;
	width: 289px;
	height: 20px;
} 

.subnav li a:link,
.subnav li a:visited {
	display: block;
	padding: 0 0 0 12px;
	text-decoration: none;
}

.subnav li a:hover {
	color: #FFF;
	padding: 0 0 0 12px;
}

h3 {
	margin: 1em 0 .5em 25px;
	padding: 0;
	font: bold 15px Arial, Trebuchet MS, sans-serif;
	font-style: italic;
	color: #042A00;
}

h4 {
	margin: 1em 0 .5em 25px;
	padding: 0;
	font: bold 13px Arial, Trebuchet MS, sans-serif;
	color: #005526;
}

#content p {
	margin: .5em 25px;
	padding: 0;
	line-height: 1.5em;
	height: 1%;
}

ul.bullet-list {
	margin: .5em 25px .5em 300px;
	padding: 0;
	list-style-image: url('images/bullet.gif');
	line-height: 1.5em;
}

/* Fix IE. Hide from IE Mac \*/
ul.bullet-list {
	height: 1%;
}
/* End */

ul.bullet-list-2 {
	margin: .5em 25px .5em 45px;
	padding: 0;
	list-style-image: url('images/bullet.gif');
	line-height: 1.5em;
}

.bullet-list-2 li {
	margin: 0;
	padding: 0 0 .3em 5px;
	line-height: 1.5em;
}

.bullet-list li {
	margin: 0;
	padding: 0 0 .3em 5px;
	line-height: 1.5em;
}

span.hilite {
	color: #E26000;
}

img#base-curve {
	position: relative;
	top: -12px;
}

div#footer {
	margin: -20px 0 0 0;
	padding: 0;
	text-align: center;
	color: #085100;
}

p#tag {
	font: 10px Verdana, sans-serif;
}

#tag a:link {
	text-decoration: none;
	color: #3F7639;
}

#tag a:visited {
	text-decoration: none;
	color: #3F7639;
}

#tag a:hover {
	text-decoration: underline;
	color: #032200;
}

img.ruler {
	margin: -5px 10px 0 10px;
	padding: 0;
}

p.center {
	text-align: center;
}

div#clear {
	clear: left;
	margin: 0;
	padding: 0;
}

img.big-btn {
	padding: 30px 35px 0 35px;
}

table#installers {
	margin: 3px 2.5%;
	width: 95%;
	border: double #9CB999;
	border-collapse: collapse;
	font: 12px Arial, Verdana, sans-serif;
}

#installers th {
	background: #CEDCCC;
	border: 1px solid #9CB999;
	padding: 5px;
}

#installers th.state {
	background: #085100;
	text-align: center;
	color: #FFF;
	font: bold 14px Arial, Verdana, sans-serif;
	padding: 5px;
}

#installers th.number {
	width: 90px;
}

#installers td {
	border: 1px solid #9CB999;
	padding: 3px 5px;
}

table#distributors {
	margin: 0 0 5px 15px;
	font: 12px Arial, Verdana, sans-serif;
	border: double #9CB999;
	border-collapse: collapse;
}

#distributors td {
	border: 1px solid #9CB999;
	padding: 1em 15px;
	line-height: 1.5em;
}

td.col-logo {
	text-align: center;
}

img.r-float {
	float: right;
	margin: 0 15px 10px 15px;
}

.log-in label {
	margin: 0;
	padding: 3px 15px 3px 5px;
}

input#submit-btn {
	background: url("images/submit-btn.gif") no-repeat;
	width: 83px;
	height: 27px;
	border: 0;
}

table#installer-search {
	width: 430px;
}

td.center {
	text-align: center;
}

select, option {
	font: 12px Arial, Verdana, sans-serif;
	width: 180px;
	padding-left: 5px;
}

select {
	margin-right: 30px;
}

table.installer {
	margin: 3px 2.5%;
	width: 95%;
	border: double #9CB999;
	border-collapse: collapse;
	font: 12px Arial, Verdana, sans-serif;
}

.installer th {
	background: #CEDCCC;
	border: 1px solid #9CB999;
	padding: 5px 0 5px 25px;
}

.installer td {
	border: 1px solid #9CB999;
	padding: 6px 5px;
}

/* Fix IE. Hide from IE Mac \*/
* html .o {
	width: 190px;
}

* html .active {
	width: 190px;
}

* html ul#nav li {
	line-height: 1.5em; 
}

* html div#content {
	height: 1%;
}

* html div#container {
	height: 1%;
}
/* End */