body {background-color: #ccc; font: normal 11px/14px helvetica, verdana, sans-serif; text-align: center; margin: 0;}
	#wrapper {background-color: #066; width: 980px; padding: 1.8em 30px 15px 30px; margin: 0 auto; text-align: left; background: #066 url("../images/background.gif") no-repeat top right;}

#logo {margin-top: 1em; float: left;}
	
	#login, #logged_in {background-color: transparent; margin-top: 1em; padding: 15px 15px 0 0; color: #fff; text-align: right; height: 94px;}
		/*#login label {width: 75px; color: #066; display: block; background-color: #ccc; float: left;}*/
		#login label {display: inline; padding-bottom: 0.5em;}
		#login input {border: 1px solid #366; height: 1.2em; background-color: #099; color: #fff;}
		#login #email {display: inline; width: 60px;}
		#login #password {display: inline; width: 60px;}
		#login form {padding-bottom: 0.5em;}
		#submit {color: #fff;}
		#login p {color: #099;}
		#login p a {color: #099; text-decoration: underline;}
		#login p a:hover {text-decoration: none;}
		#logged_in a {color: #fff;}
		
	ul#navbar {list-style: none; width: 980px; display: block; background-color: #ccc; height: 1.9em; padding: 0; margin-top: 2.5em;}
	/*#navbar li {float: left; width: 110px; border-right: 2px solid white; text-align: center;}*/
	#navbar li {float: left; padding: 0.3em 19px; border-right: 2px solid white; text-align: center; background-color: #ccc;}
	#navbar #selected {background-color: #fc0;}
	#navbar a {text-decoration: none; color: black;}
	#navbar a:hover {color: #fff;}
	#navbar_white_bar {background-color: #fff; height: 1.8em;}
	
	#body {background-color: #ccc; padding: 10px; margin: 2em 0 1em 0;}
		#col_left {width: 489px; background-color: #fff; border: 1px solid #ccc;}
		#col_left {min-height: 311px;}
		#col_right {background-color: transparent; border: 1px solid #ccc; border-left: 2px solid #ccc; float: right; clear: right; width: 466px;}
			#body p.head_block, blockquote {background: #033; color: #fff; margin: 0 0 1.2em 0; padding: 25px; font-size: 1.15em; line-height: 1.2em;}
			#body blockquote ul {padding: 0 25px 1em 0; margin: 0;}
				#body blockquote a {color: #fc0;}
			h3, h4, h5 {background-color: #099; color: #fff; padding: 0.2em 25px; margin: 0 0 1em 0; font-size: 1.2em;}
			h5 {background-color: #fff; color: #099; padding-bottom: 2em;}
			h4 {margin: 0;}
			/*#body li:before {content: "+ ";}*/
			#body ul, #body p {list-style: none; padding: 0 25px 1em 25px; margin: 0;}
			#body p.caption {background-color: #066; color: #fff; font-weight: normal; padding: 3px 25px;}
	
	
	#email, #password, #password_again, #company_address, #contact, #position, #address, #city, #po_box, #phone, #fax, #mobile, textarea {border: 1px solid #999; width: 230px;}
	
	#new_account #submit {margin: 1em 0 0 175px; color: #000;}
	#new_account label {width: 150px; display: block; float: left; clear: left; margin-left: 25px;}
	#new_account div {padding: 2em 0; margin: 0 0 1em 0; background-color: #066; color: #fff; font-weight: bold;}
	form {padding: 0 0 2em 0;}
		form .small, form .standard, form .small_td {width: 100px; background-color: #ccc; border: 0; height: 1.2em; margin-bottom: 1em;}
		form .small_td {margin: 0.1em 0;}
		form .standard {width: 230px;}
		form .invalid {color: #F36;}
		textarea {background-color: #ccc; border: 0; margin-bottom: 1em; width: 232px;}
		tr {border-bottom: 1px dotted #ccc;}
	
	#body a {color: #066;}
	#body a:hover {text-decoration: none;}
	
	table thead {font-size: 0.8em; color: #066;}
	table tr td  {padding: 0.2em;}
	table {width: 440px; margin: 0 25px 2em 25px;}
		tr.date td {padding: 0 0 10px 0; background: #ccc;}
		tr.po_number {font-weight: bold; border-bottom: 1px solid #ccc; margin-top: 1em; color: #099; font-size: 1em;}
		tr.po_number td {padding-top: 1.7em; padding-bottom: 0.5em;}
		#submit_1 {color: #000; margin: 2em 0 0 25px;}
		table .quantity {text-align: right; padding-right: 25px;}
	
	.button {background-color: #099; font-weight: bold; padding: 0.5em;}
	#body a.button {text-decoration: none; color: #fff;}
	#body a.button:hover {color: #fff;}
	
	.vcard {color: #066;}
	.vcard .tel, .vcard .email, .vcard .adr {font-weight: bold; font-size: 1.2em;}
	.vcard .fax {font-size: 1.2em;}
	.vcard .tel .description, .vcard .fax .description, .vcard .email .description {font-weight: normal; font-size: 0.8em; display: block;}
	
	#body .products img {float: left; margin: 0;}
	#body .products div {height: 140px; margin-left: 240px; background-color: #066; padding: 20px; color: #fff; display: block;}
	#body .products ul {list-style-type: circle; padding: 0 1em 1.5em 1em; margin: 0;}
	#body .products li.order_now {list-style-type: none;}
	/*#body .products li:before {content: ' ';}*/
	#body .products a.order_button {margin:0 0 0 1em; font-weight: bold; text-decoration: none; padding: 0.2em; color: #fff;}
	#body .products a:hover {background-color: #fff; color: #066;}
	
	.s1_5 li {padding-bottom: 0.7em;}
	
	.delete_confirmation {display: none;}
	.delete_confirmation {background-color: rgb(255, 204, 0); font-weight: bold; padding: 0.3em;}
	
	#contact_details, .hide_contact {display: none;}
	
	.portrait {height: 160px; margin: 1em 1em 1em 0; border-bottom: 1px dotted #ccc;}
	.portrait img {float: right;}
	.portrait p.name {font-weight: bold; font-size: 1.2em;}
	
	.specials {padding: 0 25px 1em 25px;}
	
	tr.row_just_edited td {background-color: #ccc;}