@CHARSET "UTF-8";
body {
	background: transparent url('../images/background.gif') repeat top left;
	margin: 0;
	padding: 0;
	font-family: Arial;
}

.clear {
	clear: both;
	height: 1px;
	background-color: transparent;
	visibility: hidden;
	font-size: 1px;
	display: block;
}

form {
	margin: 0;
	padding: 0;
}

th {
	border-bottom: 1px solid black;
}

/* GLOBAL STYLES */
div.header {
	border: 1px solid black;
	background-color: #007F4E;
	height: 19px;
	font-weight: bold;
	font-size: 12px;
	color: white;
	padding-top: 6px;
	padding-left: 4px;
}

div.text {
	font-size: 12px;
	padding-left: 4px;
	border-left: 1px dashed #007C4C;
	border-right: 1px dashed #007C4C;
	padding-top: 5px;
	margin-bottom: 30px;
	padding-right: 10px;
}

.white {
	color: white;	
}

div.result {
	margin-top: 15px;
	text-align: center;
}

ul {
	margin-left: 10px;	
}

/* NAVIGATION */
div#navigation {
	width: 760px;
	height: 55px;
	background: transparent url('../images/navigation/background.gif') no-repeat top left;
}

div#navigation div.websiteUrl {
	padding-top: 10px;
	padding-left: 1px;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	vertical-align: bottom;
}

div#navigation div.bottomImage {
	width: 598px;
	height: 15px;
	background: transparent url('../images/navigation/bottom.gif') no-repeat bottom left;
}

div#navigation div.menuItems {
	height: 15px;
	width: 760px;
	font-size: 12px;
}

div#navigation div.menuItems ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 15px;
}

div#navigation div.menuItems ul li {
	height: 15px;
	float: left;
	font-size: 10px;
	border-right: 1px solid white;
}

div#navigation div.menuItems ul li.last {
	border-right: none;
}

div#navigation div.menuItems ul li a:link, div#navigation div.menuItems ul li a:visited {
	font-size: 10px;
	color: white;
	text-decoration: none;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 1px;
}

div#navigation div.menuItems ul li a:hover {
	background-color: #00633D;
}

span.logout {
	padding-left: 87px;	
}

span.logout a:link, span.logout a:visited {
	font-size: 11px;
	color: white;
	text-decoration: none;
}

/* HOME PAGE */
div#homeContent {
	width: 760px;
	background: transparent url('../images/home/background.gif') no-repeat top left;
	margin-left: 125px;
	padding-top: 6px;
}

div#homeContent div#menuItems {
	float: left;
	width: 313px;
}

div#homeContent div#menuItems div.indent2 {
	margin-left: 130px;
	height: 76px;
}

div#homeContent div#menuItems div.indent1 {
	margin-left: 85px;
	height: 76px;
}

div#homeContent div#menuItems div.indent0 {
	margin-left: 40px;
	height: 76px;
}
	
div#homeContent div#staticContent {
	float: left;
	width: 193px;
}

div#homeContent div#staticContent div#logo {
	margin-top: 35px;
	width: 193px;
	height: 57px;
	background: transparent url('../images/home/logo.gif') no-repeat top left;
	border-bottom: 1px solid black;
}

div#homeContent div#staticContent div#summary {
	font-size: 12px;
	color: white;
	padding-top: 6px;
	padding-left: 5px;
	padding-bottom: 5px;
}

div#homeContent div#staticContent div#separator {
	height: 3px;
	width: 192px;
	background-color: #007F4E;
	border: 1px solid black;
}

div#homeContent div#staticContent div#orderOnline {
	margin-top: 20px;
	margin-left: 30px;
}

/* OUR COMPANY PAGE */
div#ourCompanyContent {
	margin-top: 20px;
	margin-left: 50px;
	padding-top: 120px;
	background: transparent url('../images/ourCompany/background.gif') no-repeat top left;
	height: 400px;
}

div#ourCompanyContent div#leftColumn, div#ourCompanyContent div#rightColumn {
	float: left;
	width: 342px;
}

div#ourCompanyContent div.header {
	width: 320px;
}

div#ourCompanyContent div.text {
	width: 316px;
}

/* OUR PRODUCTS PAGE */
div#ourProductsContent {
	margin-top: 20px;
	margin-left: 50px;
	padding-top: 120px;
	background: transparent url('../images/ourProducts/background.gif') no-repeat top left;
	height: 400px;
}

div#ourProductsContent div#leftColumn {
	float: left;
	width: 390px;
	font-size: 12px;
}

div#ourProductsContent div#rightColumn {
	float: left;
	width: 274px;
	background: transparent url('../images/ourProducts/satisfied.gif') no-repeat top left;
	margin-top: 35px;
	min-height: 58px;
	font-size: 12px;
	padding-top: 85px;
}

div#ourProductsContent div.header {
	width: 370px;
}

div#ourProductsContent div.text {
	width: 360px;
}

div#ourProductsContent div#rightColumn img {
	padding-top: 35px;
	padding-bottom: 20px;
}

div#ourProductsContent div#leftColumn div.leftList {
	background: transparent url('../images/ourProducts/box.gif') no-repeat 0px 0px;
	padding-left: 156px;
}

div#ourProductsContent ul {
	margin-top: 5px;
	padding-left: 15px;
}

div#ourProductsContent div.listTitle {
	color: white;
	font-weight: bold;
	border-bottom: 1px solid black;
	width: 220px;
}

/* OUR SERVICES PAGE */
div#ourServicesContent {
	margin-top: 20px;
	margin-left: 50px;
	padding-top: 120px;
	background: transparent url('../images/ourServices/background.gif') no-repeat top left;
	height: 400px;
}

div#ourServicesContent div#leftColumn {
	float: left;
	width: 361px;
	font-size: 12px;
}

div#ourServicesContent div#rightColumn {
	float: left;
	width: 274px;
	font-size: 12px;
}

div#ourServicesContent div.header {
	width: 331px;
}

div#ourServicesContent div.text {
	width: 321px;
}

div#ourServicesContent ul {
	margin-top: 5px;
	padding-left: 15px;
}

div#ourServicesContent div.listTitle {
	color: white;
	font-weight: bold;
	border-bottom: 1px solid black;
	width: 331px;
}

/* QUESTION AND ANSWER PAGE */
div#questionsContent {
	margin-top: 20px;
	margin-left: 50px;
	padding-top: 120px;
	background: transparent url('../images/questions/background.gif') no-repeat top left;
	height: 400px;
}

div#questionsContent div.header {
	width: 675px;
}

div#questionsContent div.text {
	width: 665px;
}

/* CONTACT US PAGE */
div#contactContent {
	margin-top: 20px;
	margin-left: 50px;
	padding-top: 120px;
	background: transparent url('../images/contact/background.gif') no-repeat top left;
	height: 400px;
}

div#contactContent div#column1 {
	width: 220px;
	float: left;
	margin-right: 5px;
}

div#contactContent div#column2 {
	width: 130px;
	float: left;
	margin-right: 5px;
}

div#contactContent div#column3 {
	width: 130px;
	margin-right: 5px;
	float: left;
}

div#contactContent div#column4 {
	width: 213px;
	margin-right: 5px;
	float: left;
}

div#contactContent .text {
	min-height: 45px;
}

div#contactContent .text a {
	color: black;
}

div#contactContent div#bottom {
	width: 708px;
}

div#contactContent td {
	width: 120px;
	text-align: right;
	padding-top: 4px;
	min-height: 20px;
	white-space: nowrap;
	vertical-align: top;
}

div#contactContent div#bottom ul {
	padding-left: 5px;
}

div#contactContent td.right {
	text-align: left;
	padding-top: 0;
}

div#contactContent div#bottom textarea {
	width: 400px;
	height: 100px;
}

/* LOGIN PAGE */
div#loginContent {
	margin-top: 20px;
	margin-left: 50px;
	padding-top: 70px;
	background: transparent url('../images/login/background.gif') no-repeat top left;
	height: 400px;
	padding-left: 100px;
}

div#loginContent div.header {
	width: 320px;
}

div#loginContent div.text {
	width: 310px !important;
}

div#loginContent div.white {
	width: 320px;
	font-size: 12px;
}

div#loginContent td {
	width: 100px;
	text-align: right;
	padding-top: 4px;
	min-height: 20px;
	white-space: nowrap;
	vertical-align: top;
}

div#loginContent div#bottom ul {
	padding-left: 5px;
}

div#loginContent td.right {
	text-align: left;
	padding-top: 0;
}

input#username {
	width: 150px;
}

input#password {
	width: 150px;
}

/* ORDER PAGE */
div#orderContent {
	background: transparent url('../images/order/background.gif') no-repeat top left;
	margin-top: 20px;
	margin-left: 50px;
	padding-top: 70px;
	height: 400px;
}

div#orderContent .header {
	width: 500px;
}

div#orderContent .text {
	width: 490px;
}

div#orderContent div.column {
	float: left;
	min-height: 30px;
}

div#orderContent div.first {
	width: 200px;
}

div#orderContent div.second {
	width: 130px;
	text-align: right;
}

div#orderContent div.third {
	width: 130px;
	text-align: right;
}

div#orderContent dt {
	width: 30px;
	text-align: right;
	float: left;
	padding-top: 4px;
}

div#orderContent dd {
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}

div#orderContent table.addresses td {
	padding-bottom: 15px;
	padding-left: 5px;
	vertical-align: top;
}