@charset "UTF-8";

body					{background: #7ac142 url('/_assets/bgTile.jpg'); margin:0px; font-family: Arial, Helvetica, sans-serif; color: #6b6b6b; font-size:14px; line-height:18px;}
h1						{font-size: 18px; color: #7ac142;}
h2						{font-size: 16px; color: #7ac142; margin-bottom: 2px;}
h3						{font-size: 14px; color:#6d6d6d; margin-top: 0px; margin-bottom: 0px;}
h4						{font-size: 14px; color: #c84d3b; margin-bottom: 0px; display:inline;}
h6						{font-size: 14px; color: #7ac142; margin-bottom: 0px; display:inline;}
h5						{font-size: 14px; color:#7ac142; margin-top: 0px; margin-bottom: 0px;}
a						{color: #7ac142;}

hr						{margin-top: 10px; margin-bottom: 10px; background: #7ac142; height: 1px; border: 0px;}

#holder					{width:958px; background:url(/_assets/pageBack.jpg); border-left: 1px solid #c8c5bb; border-right: 1px solid #c8c5bb; border-bottom: 1px solid #c8c5bb; position: relative; left:50%; margin-left:-479px;}

#headDiv				{background-color: #ffffff;}
#leftCol				{width: 209px; margin-right: 1px solid black; float:left; padding-left: 15px; margin-top: -15px;}
#midCol					{float:left; margin-left: 15px; width: 540px;}
#rightCol				{float:left; margin-left: 18px; border-left: 1px solid #bebebe; padding-left: 20px; margin-top: 50px;}
#rightCol img			{margin-bottom: 5px; border: 1px solid #ccc5bd;}
#pageTitle				{width: 542px; height: 140px; color: #7ac142; font-family:Arial, Helvetica, sans-serif; font-size:22px; padding-top: 15px; font-weight:bold;}
a#sideLink				{width: 187px; height: 37px; display: block; background: url(/_assets/sideButton.jpg); font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-decoration:none; margin-top: 1px; font-size:14px; text-transform:uppercase; padding: 5px; font-weight:bold;}
a#sideLink:hover		{color: #7ac142; background: #ffffff;}
#spacer					{height:233px;}
.indent					{margin-left: 30px; margin-top: 20px;}
.footer					{color: #ffffff; font-size: 12px;}
#titleBox				{color: #ffffff; background: url(/_assets/titleBack.jpg); height: 20px; padding-top: 5px; padding-left: 10px;}

.fRight					{float:right;}
.red					{color: red;}
/* HOME PAGE STYLES */

.imageBanner			{position: absolute; left:50%; top:117px; z-index:-10; margin-left:-565px;}
.occlogo				{position:absolute; top:12px; left:50%; z-index:1; margin-left:312px;}
#leftColHome			{width: 242px; margin-right: 1px solid black; float:left; margin-left: 18px; margin-top:15px}
#rightColHome			{float:left; margin-left: 28px; border-left: 1px solid #bebebe; padding-left: 20px; margin-top: 15px;}
#midColHome				{float:left; margin-left: 15px; width: 493px; margin-top: 15px;}
#holderHome				{width:958px; background:#ffffff; border-left: 1px solid #c8c5bb; border-right: 1px solid #c8c5bb; position: relative; left:50%; margin-left:-479px;}
#holderHomeMain			{width:958px; background:#ffffff; border: 1px solid #c8c5bb; position: relative; left:50%; margin-left:-479px; margin-top: 220px;}
#newsBox				{border: 1px solid #cac5be;}
#newsBox img			{float: left; margin-right: 6px; margin-bottom: 2px; margin-top: 5px;}
/* MAP STYLES */

#mapHolder				{background:#e4f3d9; padding: 15px;}


#dataTable				{border: 1px solid #d1cdc6;}
#dataTable thead		{background: url(/_assets/thead.jpg); color: #ffffff;}
#dataTable thead td		{padding-right: 50px;}
#dataTable td			{padding-left: 20px;}

#dataTableRed			{border: 1px solid #d1cdc6;}
#dataTableRed thead		{background: url(/_assets/thead_red.jpg); color: #ffffff;}
#dataTableRed thead td		{padding-right: 50px;}
#dataTableRed td			{padding-left: 20px;}

#keyCol					{background-color: #ddefce; border-right: 1px solid #d1cdc6;}


.story1					{background: #deefd0; width: 500px; padding: 10px; margin-bottom: 5px;}
.story2					{background: #f5faf0; width: 500px; padding: 10px; margin-bottom: 5px;}
.storyImg				{float:left; margin-right: 10px;}

#bc						{margin-top: -5px;}
#bc a					{color: #7ac142; text-decoration:none;}

#pageForm label	{font-weight: bold;}
#pageForm input	{width: 300px; margin-bottom: 15px;}
#pageForm select{width: 150px; margin-bottom:15px;}
#pageForm select#long{width: 250px; margin-bottom:15px;}
#pageForm br	{clear: both; margin-bottom: 5px;}
#pageForm br#radio{clear: both; margin-bottom: 0px; margin-top: -5px;}
#pageForm input#defSize{width: auto;}
#pageForm input#defSizeHeight{width: auto; margin-bottom: 0px;}

.graphicsBox			{width: 150px; background: #e9f4e0; padding: 10px; float:left; border: 1px solid #cce7b6; margin-right: 7px; height: 230px;}
.codeText				{width: 490px; height: 100px; resize: none;}
.codeTextShort			{width: 330px; height: 100px; resize: none;}

#accountMenu div	{float: left; font-weight: bold; margin-right: 5px; padding: 7px; background: #F2EEE7; color: #B0A59A; border: 1px solid #a5988e;}
#accountMenu div a	{color: #B0A59A; text-decoration:none;}

.nonEdit1	{background-color: #ffffff; font-size:12px; padding: 3px; border: 1px solid #c1c1c1; margin-bottom: 2px;}
.nonEdit2	{background-color: #ffffff; font-size:12px; padding: 3px; border: 1px solid #c1c1c1; margin-bottom: 2px;}
.nonEdit3	{background-color: #ffffff; font-size:12px; padding: 3px; border: 1px solid #c1c1c1; margin-bottom: 2px;}
.edit1		{border: 1px solid #a5988e; font-size: 12px; padding: 3px; }
.edit		{background-color: #ffffff; font-size:12px; padding: 3px; border: 1px solid #818181; margin-bottom: 2px;}
#editDetails input	{margin-bottom: 10px;}	

#personalDetails label		{width: 150px; float: left; display: block; text-align:right; padding: 2px;}		
#address label				{width: 150px; float: left; display: block; text-align:right; padding: 2px;}
#furtherDetails label		{width: 150px; float: left; display: block; text-align:right; padding: 2px;}

#fieldsetDiv	{border: 1px solid #E7E2D8; padding: 10px; width: 480px;}

.accDate	{height: 20px; text-align:center; width: 100px; padding-top: 12px; padding-bottom: 10px; float: left;}
.accCode	{height: 20px; text-align:center; width: 60px; padding-top: 12px; padding-bottom: 10px; float: left;}
.accStatus	{height: 20px; text-align:center; width: 190px; padding-top: 12px; padding-bottom: 10px; float: left;}
.accProd	{height: 20px; text-align:center; width: 60px; padding-top: 12px; padding-bottom: 10px; float: left;}
.accTotal	{height: 20px; text-align:center; width: 60px; padding-top: 12px; padding-bottom: 10px; float: left;}
.oStatus	{height: 20px; text-align:center; width: 150px; padding-top: 12px; padding-bottom: 10px; float: left;}

.bottomRow		{float: right; border-bottom: 1px solid #E7E2D8; width: 500px; padding-bottom: 10px;}
.totalFigure	{float: right; font-weight:bold;}
.orderTotal		{float: right; font-weight:bold; margin-right: 53px;}
.details	{height: 20px; text-align:center; width: 250px; padding-top: 12px; padding-bottom: 10px; float: left;}
.qty 		{height: 20px; text-align:center; width: 90px; padding-top: 12px; padding-bottom: 10px; float: left;}
.price 		{height: 20px; text-align:center; width: 60px; padding-top: 12px; padding-bottom: 10px; float: left;}
.total 		{height: 20px; text-align:center; width: 60px; padding-top: 12px; padding-bottom: 10px; float: left;}
.remove		{height: 20px; text-align:center; width: 20px; padding-top: 12px; padding-bottom: 10px; float: left;}
.row		{border-bottom: 1px solid #E7E2D8;}

#mainInfo		{width: 500px; }
#mainInfo #topRow{background-color: #E7E2D8; color:#766a62; text-transform:capitalize; font-weight:bold;}
#mainInfo #topRow div	{float: left;}

#detailBox	{border: 1px solid #aaaaaa; float: left; margin-right: 20px; padding: 10px;}

#SPLSearchArea table	{width: 310px;}
#pageForm .SPLAddressListSt{font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0; margin-bottom: 0; width: 310px;}

#tickerTemp		{height: 500px;}