body {
	margin: 20px 0;
	padding: 0;
	background: #ccc;
	text-align: center;
	font: 0.8em Arial,sans-serif;
}


/*-- Container --*/

#container {
	margin: 0 auto;
	text-align: left;
	width: 750px;
	background: #fff;
	/*position: relative;*/
}

/*-- Header --*/
#header {
	position: relative;
	background: #fff url( images/header/header.jpg ) no-repeat;
	width: 750px;
	height: 191px;
}

#header h1 {
	margin: 51px 0 0 -7px;
	padding: 0;
	position: absolute;
}

#header h1 a {
	display: block;
}

#header h1 a img {
	border: 0;
}

#header ul {
	position: absolute;
	margin: 174px 0 0 10px;
	padding: 0;
	list-style-type: none;
	
}

#header ul li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

#header ul li a {
	padding: 0;
  margin: 0;
  display: block;
	text-decoration:none;
	height: 20px;
}

#header ul li a span {
	display: none;
}

#header a#products:hover,
#header a#cutsheets:hover,
#header a#reps:hover,
#header a#contact:hover {
	background-position: 0 -20px;
}

#productspage #header a#products,
#cutsheetspage #header a#cutsheets, 
#repspage #header a#reps,
#contactpage #header a#contact {
	background-position: 0 -20px;
}

#header a#products {
	width: 79px;
	background: transparent url( images/menu/products.gif ) no-repeat;
}

#header a#cutsheets {
	width: 86px;
	background: transparent url( images/menu/cutsheets.gif ) no-repeat;
}

#header a#reps {
	width: 85px;
	background: transparent url( images/menu/salesreps.gif ) no-repeat;
}

#header a#contact {
	width: 69px;
	background: transparent url( images/menu/contact.gif ) no-repeat;
}

/*-- Search Box --*/
#search-box {
	background: #ccc;
}

#search-box-inner {
	margin: 0 10px;
	padding: 10px 20px;
	overflow: auto;
	background: #999 url( images/search-bg.jpg ) bottom;
	border-top: 3px solid #333;
	width: 690px;
}

#search-box form {
	float: right;
}

#clear-box {
	width: 100%;
	overflow: auto;
}

.search-item {
	float: left;
	margin: 0 5px 0 0;
}

.search-item span,
#searchpage h5 {
	font-size: 0.9em;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
}

/*-- Search Page --*/
#searchpage h3 {
	margin: 20px 0 10px 0;
	padding: 0;	
	font-size: 1.8em;
	font-weight: normal;
}

#searchpage h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.4em;
	font-weight: normal;
}

#searchpage h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

/*-- Search List --*/

#search-content {
	width: 600px;
	margin: 0 auto;
}

ul#search-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#search-list li {
	margin: 0 0 10px 0;
	padding: 10px;
	clear: both;
	overflow: auto;
	background: #f5f5f5;
	width: 600px;
}

ul#search-list .search-list-item {
	margin: 0 0 0 125px;
}

ul#search-list .search-list-item p {
	margin: 0 0 10px 0;
	padding: 0;
}

ul#search-list .search-list-img {
	text-align: center;
	width: 115px;
	height: 75px;
	float: left;
	background: #fff;
	border: 1px solid #ccc;
}

/*-- Main --*/
#main {
}

#title {
	padding: 10px;
	margin: 0;
	background: transparent url( images/dotted-underline.gif ) 0 39px no-repeat;
}

#title h2 {
	text-indent: -10000px;
	height: 21px;
	padding: 0;
	margin: 0;
}

#title h2#productstitle {
	background: transparent url( images/titles/title-products.gif ) no-repeat;
	width: 139px;
}

#title h2#contacttitle {
	background: transparent url( images/titles/title-contact.gif ) no-repeat;
	width: 317px;
}

#title h2#cutsheetstitle {
	background: transparent url( images/titles/title-cutsheets.gif ) no-repeat;
	width: 154px;
}

#title h2#admin {
	background: transparent url( images/titles/title-admin.gif ) no-repeat;
	width: 92px;
}

#title h2#welcometitle {
	background: transparent url( images/titles/title-home.gif ) no-repeat;
	width: 208px;
}

#main-content {
	padding: 0 10px;
	margin-top /**/: 20px !important;
	margin-top: 15px;
	clear: both;
	position: relative;
}

#product-cat,
#admin-cat {
	position: absolute;
	left /**/: 10px !important;
	left: -160px;
}

#product-cat h3,
#admin-cat h3 {
	text-indent: -10000px;
	margin /**/: 0 !important;
	margin: 0 0 -1px 0;	
	padding: 0;
	width: 141px;
	height: 20px;
}


#product-cat h3 {
	background: transparent url( images/product-categories.gif ) no-repeat;
}

#admin-cat h3 {
	background: transparent url( images/admin-categories.gif ) no-repeat;
}
	

#product-cat ul,
#admin-cat ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 141px;
}

#product-cat ul li,
#admin-cat ul li {
	padding: 0;
	margin: 0;
}

#product-cat ul li a,
#admin-cat ul li a {
	font-weight: bold;
	color: #333;
	text-decoration: none;
	margin: 0;
	padding: 5px 10px;
	height /**/: auto !important;
	height: 15px;
	display: block;
}

#product-cat ul li a:hover,
#product-cat ul li a.selected,
#admin-cat ul li a:hover,
#admin-cat ul li a.selected {
	text-decoration: none;
	color: #fff;
	background: #09c;
}

#product-list {
	/*position: relative;*/
	margin-left: 160px;
}

#product-list h3 {
	margin: 0 0 10px 0;
	padding: 0;	
	font-size: 1.8em;
	font-weight: normal;
}

/*
#product-list h3 a,
#admin a,
#home-list h3 a {
*/
a {
	color: #09c;
	text-decoration: none;
}

/*
#product-list h3 a:hover,
#admin a:hover,
#home-list h3 a:hover {
*/
a:hover {
	color: #333;
	text-decoration: none;
}

#product-list .item {
	background: #f5f5f5;
	width: 115px;
	margin: 0 10px 10px 0;
	padding: 5px;
	float: left;
	/*height: 125px;*/		
}

#product-list .newline {
	clear: both;
}

#product-list .item .image {
	background: #fff;	
	text-align: center;
	width: 115px;
	height: 75px;
}

#product-list .item .image img {
	border: 0;	
	visibility: hidden;
}

#product-list .item p {
	margin: 0;
	padding: 5px 0 0 0;
	text-align: right;
}

#admin #product-list .item p {
	text-align: left;
	color: #333;
}

/*
#admin .item label {
	float: none;
	width: 115px;
}
*/

#product-list .item .name a {
	color: #09c;
	font-weight: bold;
	text-decoration: none;
}

#product-list .item .name a:hover,
#product-list .item .name a.selected {
	color: #333;
}

#product-list #product-listing {
	width: 550px;
	background: #eee;
	padding-bottom: 10px;
}

#product-listing h4 {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	font-size: 1.5em;
	font-weight: normal;
	background: #666;
	color: #fff;
}

#product-listing p {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.5;
	position /**/: static !important;
	/*position: relative;*/
}

#product-listing br {
	line-height: 1;
}

#product-listing #features {
	margin-right /**/: 0 !important;
	margin-right: 220px;	
	padding: 0 10px;
}

#product-listing #features ul {
	margin: 0 0 0 25px;
	padding: 0;
}

#product-listing #features ul li {
	margin: 0;
	padding: 0;
	line-height: 1.5;	
}

#product-listing #description {
	margin-right: 220px;
	padding: 0 10px;
}

#product-listing #images {
	float: right;
	margin: 0;
	padding: 0 10px 0 10px;	
}

#product-listing #product-image,
#admin .product-image {
	width: 200px;
	height: 150px;
	background: #fff;
	text-align: center;
	border: 1px solid #ccc;
}

/*#admin .product-image img {
	border: none;
	position: static;
	visibility: visible;
}*/

#product-listing #product-image img {
	border: none;
	position: absolute;
	visibility: hidden;
}

#product-listing #captions {
	width: 200px;
	height: 38px;
	border-top: 5px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #f5f5f5;
	/*margin: 5px 0 0 0;
	text-align: left;
	position: relative;*/
}

#product-listing #captions span {
	position: absolute;
	margin: 0;
	padding: 2px 5px;
	visibility: hidden;
	color: #333;
	width: 196px;
	overflow: hidden;
	/*font-weight: bold;*/
}

#product-listing #links p {
	margin: 5px 0 10px 0;
	padding: 0;
}

#product-listing #links p a {
	padding: 0px 10px;
	color: #fff;
	background: #333;
	text-decoration: none;
	font-weight: bold;
}

#product-listing #links p a:hover,
#product-listing #links p a.selected {
	color: #fff;
	background: #09c;
}

#product-list #cleared {
	margin: 0;
}

#home p.peri {
	margin: 0 auto;
	text-align: center;
}

.peri img {
	border: 5px solid #ccc;
}

#home-list {
	margin: 0 auto 20px auto;
	padding: 0;
	list-style-type: none;
	/*border-top: 5px solid #ddd;*/
	border-bottom: 5px solid #ddd;
}

#home #home-list {
	width: 600px;
}

#home-list li {
	margin: 0;
	padding: 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;	
}

#home-list li.title {
	font-weight: bold;
  font-size: 1.3em;
  color: #333;
  background: #f5f5f5;
  border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
  border-bottom: 5px solid #ddd;
  padding: 5px 10px;
  margin: 0;
}
	

#home-list li.odd {
	background: #f5f5f5;
}

#home-list h3 {
	margin: 0;
	padding: 0;	
	font-size: 1.3em;
	font-weight: normal;
}

/*-- Cutsheets --*/
#cutsheetspage table {
	width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
  font: 1em Arial, sans-serif;
}

#cutsheetspage th {
  background: #666;
  color: #fff;
  text-align: left;
  padding: 5px;
  font-weight: bold;
}

#cutsheetspage td {
  padding: 10px;
}

#cutsheetspage td#dropdowns {
  width: 200px;
}

#cutsheetspage .colored {
  background: #f5f5f5;
}

#cutsheetspage .cutsheet-image {
	width: 50px;
	height: 50px;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
}

/*-- Contact Info --*/
#contactpage h3 {
	margin: 0;
	padding: 0;	
	font-size: 1.8em;
	font-weight: bold;
	color: #09c;
}

#contactpage h4 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: normal;
}

#contactpage h5 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

#contactpage p {
	margin: 0 0 10px 0;
	padding: 0;
}

#contactpage .employee {
	width /**/: 500px !important;
	width: 500px;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #eee;
	padding: 10px;
	float: left;
}

#contactpage .employee-image {
	float: left;
}

#contactpage .employee-info {
	margin-left: 154px;
}

#contactpage .employee p {
	margin: 5px 0;
	line-height: 1.5;
}

/*-- Footer --*/
#footer {
	background: transparent url( images/dotted-underline.gif ) 0 0 no-repeat;
	padding: 5px 10px;
	clear: both;
}

#footer p {
	margin: 0;
	padding: 0;
}

/*-- Admin --*/
#admin h5 {
	margin: 0;
	padding: 0;	
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 10px;
	border-bottom: 3px solid #ddd;
}

#admin h5.new {
	margin-bottom: 10px;
	border: 0;
	padding: 0 0 0 20px;
	background: transparent url( 'images/icons/new.gif' ) no-repeat 0 50%;
}

#admin h5 a {
	color: #09c;
	text-decoration: none;
}

#admin h5 a:hover {
	color: #333;
	text-decoration: none;
}

#admin .input {
	margin-left: 0px;	
	/*clear: both;*/
}

/*
#admin .input label {
	float: none;
}
*/

#admin form {
	margin: 0;
	padding: 0;
}

#admin .fieldset-container {
	margin-bottom: 20px;
}

#admin .fieldset {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px 10px;
	margin: 0;
}

#admin .legend {
	font-weight: bold;
  font-size: 1.3em;
  color: #333;
  background: #f5f5f5;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 5px solid #ddd;
  border-left: 1px solid #ccc;
  padding: 5px 10px;
  margin: 0;
}

#admin .fieldset label {
	float: none;
	width: 100%;
	display: block;
}

#admin .fieldset label span {
	font-weight: bold;
}

#admin .fieldset .fixturelist .item label {
	/*margin: 0;
	padding: 0;*/
	width: 115px;
}

#admin .fieldset .fixturelist label span {
	font-weight: normal;
}

#admin .fieldset .fixturelist input {
	margin: 0;
}

#admin .fieldset .fixturelist .item p {
	margin: 0;
}

#admin #catlist p {
	margin: 0;
	padding: 0;
	line-height: 0;
	/*display: none;*/
}
 
#admin .fieldset ol {
  margin: 0;
  padding: 0;
}

#admin .fieldset li {
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
}

#admin .inputbox {
	margin-top: 10px;
	margin-bottom: 10px;
}

#admin .fieldset .fixturelist p.newitem,
#admin .fieldset #pdflist p,
#admin .fieldset #ieslist p,
#admin .fieldset #featurelist p {
	margin: 0 0 15px 0;
	padding /**/: 2px 10px 10px 10px !important;
	padding: 5px 10px 10px 10px;
	background: #f5f5f5;
}

#admin .fieldset .fixturelist .caption {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: .8em;
	color: #666;
	text-transform: uppercase;
	/*letter-spacing: 1px;
	font-weight: bold;*/
}


/*#admin .fieldset .fixturelist p.newitem .caption {
	margin: 0;
}*/

#admin input {
	margin: 0;
	padding: 0;
}

/*#admin p.newitem input {
	margin: 3px 0 5px 0;
}*/

#admin textarea {
	font: 1em Arial, sans-serif;
	height: 200px;
}

#admin p.error {
	margin: 5px 0;
	padding: 0;
	color: #c30;
}

#admin p.back {
	margin: 0 0 10px 0;
	padding:0;
}
		             		

ul.admin {
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
}

ul.admin li {
	color: #333;
	margin: 0;
	list-style-type: none;
	padding: 10px 5px 10px 10px;	
	width: 555px;
}

ul.cat li {
	background: transparent url( images/icons/chevron.gif ) 10px 11px no-repeat;
	padding-left: 25px;
	width: 540px;
}

ul.admin li.odd,
ul.admin li.displayed {
	background-color: #f5f5f5;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

ul.admin li.displayed {
	width /**/: 555px !important;
	width: 570px;
}

ul.admin img {	
}

ul.admin .admin-image {
	float: left;
	border: 1px solid #ddd;
	background-color: #fff;
	width: 50px;
	height: 50px;
	margin: 0 10px 0 0;
	text-align: center;
}

ul.admin .admin-desc {
	
}

ul.admin .toolbar {
	margin: 5px 0 0 0;
}

ul.admin .toolbar a {
	color: #09c;
	font-size: .9em;
	border: 1px solid #ddd;
	padding: 2px 2px 2px 18px;
	margin-right: 5px;
	text-decoration: none;
}

ul.admin .toolbar a:hover {
	color: #333;
	background-color: #eee;
	border: 1px solid #bbb;
}

ul.admin .view {
	background: #fff url( 'images/icons/view.gif' ) no-repeat 2px 50%;
}

ul.admin .edit {
	background: #fff url( 'images/icons/edit.gif' ) no-repeat 2px 50%;
}

ul.admin .delete {
	background: #fff url( 'images/icons/delete.gif' ) no-repeat 2px 50%;
}

ul.admin .undelete {
	background: #fff url( 'images/icons/undelete.gif' ) no-repeat 2px 50%;
}

/*-- Login --*/
form#login {
	border: 3px solid #ccc;
	width: 300px;
	padding: 20px;
	margin: 0 auto;
	text-align: left;
}

form#login label {
	width: 75px;
}

form#login p {
	margin: 5px;
	padding: 0;
	text-align: left;
}

form#login h5 {
	text-align: left;
	margin: 0;
	border: 0;
}

/*-- General --*/
#cleared, .cleared {
	clear: both;
	text-indent: -10000px;
	line-height: 0;
}

#cleared {
	margin-bottom: 40px;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.disabled {
	color: #aaa;
}

label {
	float: left;
	width: 120px;
	clear: both;
}

/*-- Dropdown --*/
.dropdown, .dropdown ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.dropdown a  {
	display: block;
	text-decoration: none;
	background: #333;
	padding: 2px 5px;
	color: #fff;
	font-weight: bold;
	/*width: 30px;*/
	text-align: center;
}

.dropdown a:hover, table#downloads ul li a:hover {
  background: #09c;
  color: #fff;
  text-decoration: none;
}

.dropdown li {
	float: left;
	margin-right: 5px;
}

.dropdown li ul {
	position: absolute;
	background: #fff;
	border: 1px solid #333;
	left: -999em;
}

.dropdown li ul li {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;	
	/*clear: none;*/
}

.dropdownlink li a {
	display: block;
	text-decoration: none;
	padding: 2px 5px;
	color: #333;
	background: #fff;
	font-weight: normal;
	width: 12em;
	text-align: left;
	border-top: 1px solid #ccc;	
}

.dropdown li:hover ul, .dropdown li.over ul {
	left: auto;
	z-index: 10000;
}





/*
#admin fieldset {
	padding: 0 10px 10px 10px;
	margin: 0 0 20px 0;
	border: 1px solid #ccc;
}

#admin fieldset legend {
	margin: 0 0 !important;
	margin: 0 -7px;
	padding: 0 5px;
	color: #000;
  font-weight: bold;
  font-size: 1.3em;
}

#admin fieldset label {
	float: none;
	width: 100%;
	display: block;
}

#admin fieldset label span {
	font-weight: bold;
}

#admin fieldset .fixturelist label {
	width: 115px;
}

#admin fieldset .fixturelist label span {
	font-weight: normal;
}

#admin fieldset ol,
#admin fieldset .fixturelist {
  margin: 10px 0 0 5px;
  padding: 0;
}

#admin fieldset li {
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
}

#admin fieldset .addnew {
	margin-left: 5px;
}
*/