

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=j
body properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	html, body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #EEEEE4;
	font-family: Arial, Helvetica, sans-serif; 
	font: 90% arial, helvetica, verdana, sans-serif;
	}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
html tag properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* Paragraphs */
p {
	margin: 0 0 1em 0;
	line-height: 1.2em;
}
	blockquote				{font-size: .8em;	margin: 2px 0px 10px 25px;}

	form					{margin: 2px 0px 2px 0px;}
	input					{font-size: .8em;}
	input.blue				{background-color: #2e406b;  color: #ffffff;  cursor: pointer hand;  font-size: .6em;  font-weight: bold; vertical-align: middle;  width: 24px;	height: 22px;}
	input.header			{vertical-align: middle;}
	input.submit			{background-color: #2e406b;  color: #ffffff;  cursor: hand;  font-size: .6em;  font-weight: bold; vertical-align: middle;  width: 56px;	height: 22px;}
	

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
special <ul><li></li></ul> properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

	ul.list { list-style-position: outside; list-style: none; margin: 0 0 5px 0; padding: 10px 0 0 5px;  line-height: 1.4em; }
	li.list { background: transparent; margin: 0 0 .3em 1em; padding: 0 0 0 0; text-decoration: none;}
	
		

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
standard link properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
	a:link					{font-size: 10pt;	color: #356699;	text-decoration: underline;}
	a:hover					{font-size: 10pt;	color: #356699;	text-decoration: underline;}
	a:active				{font-size: 10pt;	color: #356699;	text-decoration: underline;}
	a:visited				{font-size: 10pt;	color: #356699;	text-decoration: underline;}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
special text/link properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
	
	.textSmall { font-size: .8em; font-weight: normal; color: #000; font-style:italic; }
	.labels	{ font-size: 1em; font-weight: 900; color: #000; text-align: right; }
	.note	{ font-size: 1em; font-weight: normal; color:#2E406B; text-align: left; }
	.summaryLabels	{ font-size: 1em; font-weight: 900; color: #000; text-align: left;}
	
	a.linkSmall						{font-size: 100%;	 color: #3333CC;  text-decoration: underline;}
	a.linkSmall:visited				{font-size: 100%;	 color: #3333CC;  text-decoration: underline;}
	a.linkSmall:hover				{font-size: 100%;	 color: #3333CC;  text-decoration: none;}
	
	a.linkRed						{color: #FF0000; text-decoration: underline; font-weight: 900;}
	a.linkRed:visited				{ color: #FF0000; text-decoration: underline; font-weight: 900;}
	a.linkRed:hover					{ color: #FF0000; text-decoration: none; font-weight: 900;}
	
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
utility
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	.spacer {clear: both;margin: 0px 0px 0px 0px;}
	#contentCenter { margin: 0 5px 0 5px; width: 99%; min-width:600px; background-color: #fff; 	border: 1px solid #CECEC5;}
	#contentCenterLogin { margin: 0 5px 0 5px; width: 430px; min-width:600px; background-color: #fff; 	border: 1px solid #CECEC5;}
	input			{font-size: .8em;}
	input.blue		{background-color: #2e406b;  color: #ffffff;  cursor: pointer hand;  font-size: .6em;  font-weight: bold; vertical-align: middle;  width: 24px;	height: 22px;}
	input.header	{vertical-align: middle;}
	input.submit	{background-color: #2e406b;  color: #ffffff;  cursor: pointer hand;  font-size: .6em;  font-weight: bold; vertical-align: middle;  width: 56px;	height: 22px;}
	.submitformButton {
		font: 11px arial, sans-serif;
		font-weight: 900;
		padding: 0px 3px;
		width: 210px;
		height:	20px;
		color: #fff;
		background-color: #245F85;
		border-top:	1px solid #08324D;
		border-left: 1px solid #08324D;
		border-right: 1px solid #67A9D3;
		border-bottom: 1px solid #67A9D3;
		}
		
	.forgotpasswordButton {
		font: 11px arial, sans-serif;
		font-weight: 900;
		padding: 0px 3px;
		width: 75px;
		height:	20px;
		color: #fff;
		background-color: #245F85;
		border-top:	1px solid #08324D;
		border-left: 1px solid #08324D;
		border-right: 1px solid #67A9D3;
		border-bottom: 1px solid #67A9D3;
		}

/* - - - - - - - - - H - E - A - D - I - N - G - S - - - - - - - - */


	h1, h2, h3, h4, h5 {background: transparent;font-family: Helvetica, Arial, sans-serif;padding: 0;}
	h1 {font-size: 16px; margin: 1em 0 .5em 0; color: #2B441E;}
	h2 {font-size: 14px;margin: 1em 0;color: #000;margin: .8em 0 0.2em 0;  border-bottom: 2px solid #67AD44;}
	h3 {font-size: 14px; margin: .5em 0 -0.1em 0;color: #67AD44; padding: 0.3em 0 0.3em 0;}
	h4 {font-size: 12px; margin: 1em 0 -0.5em 0;color: #2B441E;}
	h5 {font-size: 12px;margin: 0 0 .7em 0;color: #2E406B;padding: 0;}
	

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
photo properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

	#bannerPhoto {width: 540px; background-color: #fff; border-top: 1px solid #67AD44;}



/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
top banner section
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

	#banner{width: 100%; min-width:763px; height: 77px; background: url(../_images/banner_bkgr.gif); background-repeat: no-repeat; background-position: right;overflow: auto; background-color: #FFFFFF;}
	#bannerLeft{float: left; width: 200px; border-left: 6px solid #fff;padding: 0 25px 0 0;}
	#bannerMiddle{width: 200px; float: left; padding: 0 0 0 0;}
	#bannerRight{width: 200px; text-align: right;float: right;padding: 32px 15px 0 0; background: transparent; }
	#bannerRight a, a:visited { color: #3333CC; text-decoration: underline; margin: 0 0; }
	#bannerRight a:hover, { color: #3333CC; text-decoration: none; margin: 0 0; }

		
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
navigation section

**Developer's Note**

overflow: auto; 

Allows for cross-browser compatibility between IE and 
Netscape/Mozilla browsers.
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

	
	/* - - - - - - - - - N - A - V - I - G - A - T - I - O - N - - - - - - - - - */

	#nav {width: 100%; height: 25px; min-width:763px; font: 12px arial, verdana, helvetica, sans-serif; background-color: #E4F5C8; overflow: auto; color: #2B441E; font-weight: 900; border-top:1px solid #67AD44; border-bottom: 2px solid #67AD44; }
	#navleft { float:left; background: transparent; width: 500px; }
	#nav ul { list-style:none; margin: 0 0; }
	#nav ul li{ float:left; margin: 0 0; padding: 4px 0 4px 10px; list-style:none; curser: pointer; height: 15px;}
	#nav ul li a, a:visited { color: #2B441E; text-decoration: none; margin: 0 0; }
	#nav ul li a:hover { color: #67AD44; text-decoration: none; margin: 0 0; }
	
	#navright { float:right; background: transparent; }
	#navright ul { list-style:none; margin: 0 0;}
	#navright ul li{ margin: 0 0; padding: 4px 10px 4px 10px; list-style:none; curser: pointer; height: 15px;}
	#navright ul li a, a:visited { color: #FF0000; text-decoration: underline; margin: 0 0; }
	#navright ul li a:hover { color: #FF0000; text-decoration: none; margin: 0 0; }
	
	#nav li>ul {/* non IE browsers */
	top: auto;
	left: auto;
	}
	
	/* - - - - - - - - - T - A - B - S - - - - - - - - - */

	#tabs { width: 99%; min-width:763px; margin: 0 0 0 5px; background-color: #EEEEE4; float: left; border-bottom: 1px solid #555; }
	#tabsleft { float:left; margin: 0 0; background: transparent; font-weight: 900;}
	#tabsleft ul { list-style:none; margin: 0 0;}
	#tabsleft ul li{ background: #96968B url(../_images/tab_notch.gif); background-repeat: no-repeat; background-position: top right; float:left; margin: 0 2px 0 0; padding: 4px 10px 4px 10px; list-style:none; curser: pointer; height: 15px; border-left: 0px solid #2B441E; border-right: 0px solid #2B441E; border-top: 0px solid #2B441E;}
	#tabsleft ul li a, a:visited { color: #FFF; text-decoration: none; margin: 0 0; }
	#tabsleft ul li a:hover { color: #555; text-decoration: none; margin: 0 0; }
	

	#tabsleft li.active{ color: #FFF; background: #67AD44 url(../_images/tab_notch_active.gif); background-repeat: no-repeat; background-position: top right; float:left; margin: 0 2px 0 0; padding: 4px 10px 4px 10px; list-style:none; curser: pointer; height: 15px; border-left: 0px solid #2B441E; border-right: 0px solid #2B441E; border-top: 0px solid #2B441E;}
	#tabsleft li.active a { color: #FFF; text-decoration: none; margin: 0 0; }
	#tabsleft li.active a:active{ color: #FFF; text-decoration: none; margin: 0 0; background-color: #67AD44; }
	
	#tabsright { float:right; margin: 0 5px 0 0; background: transparent;}
	#tabsright ul { list-style:none; margin: 0 0; }
	#tabsright ul li{ float:left; margin: 0 0; padding: 4px 0 0px 0; list-style:none; curser: pointer; background-color: transparent; }
	#tabsright ul li a, a:visited { color: #3333CC; text-decoration: underline; margin: 0 0; }
	#tabsright ul li a:hover { color: #3333CC; text-decoration: none; margin: 0 0; }
	
	#tab li>ul {/* non IE browsers */
	top: auto;
	left: auto;
	}



/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
welcome breadcrumb section
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	#welcome {width: 99%; min-width:763px; padding: 10px 0 0 10px; min-width:763px; background: url(../_images/gradient2.jpg) repeat-x top left; border-top: 1px solid #2B441E; border-right: 0px solid #fff; }

	#breadcrumb #breadcrumbContainer { width: 550px; font: .9em Arial, Helvetica, sans-serif; background-color: #fff; border-left: 5px solid #fff; text-align: left; padding: 10px 0 10px 0; float: left; color: 444;}

			
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
main content section
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


/*=-=-=-=-=-=-= 1 column =-=-=-=-=-=-=*/


	#main1Col {width: 100%; min-width:763px; text-align: left; margin-bottom: 6px; border-left: 10px solid #FFF; border-top: 10px solid #fff; border-bottom: 20px solid #fff; background-color: #FFFFFF;}
				

/*=-=-=-=-=-=-= 2 column =-=-=-=-=-=-=*/

	#main2Col {width: 750px; text-align: left; margin-bottom: 6px; border-left: 10px solid #FFF; border-top: 0px solid #fff; border-bottom: 20px solid #fff; background-color: #FFFFFF;}
	#main2ColLeft { width: 200px; float: left; text-align: left; border-bottom: 10px solid #fff; background-color: #FFF; border-right: 10px solid #FFF;}
	#main2ColLeftPhoto { width: 200px; float: left; background-color: transparent; border-top: 10px solid #fff;}
	#main2ColLeftText { width: 184px; float: left; font: 100% arial, helvetica, verdana, sans-serif; line-height: 1.5em; background-color: #FBFBDB; padding: 6px 8px; border-top: 1px solid #67AD44; margin-top:10px;}
	#main2ColRight { width: 540px; min-width:500px; float: left; padding: 0 0; background-color: #fff;}
	
	#main2ColLeftEqual { width: 255px; float: left; padding: 3px 5px; }
	#main2ColLeftEqualTop { width: 255px; padding: 0 0;}
	#main2ColRightEqual { width: 255px; float: right; padding: 3px 5px; }
	#main2ColRightEqualTop { width: 255px; padding: 0 0;}
	

/*=-=-=-=-=-=-= 2 column Equal (Search Criteria Section) =-=-=-=-=-=-=*/

	#main2ColLeftTopSearch { width: 740px; padding: 0 0;}
	#main2ColLeftSearch { width: 370px; height:175px; float: left; text-align: left; border-bottom: 10px solid #fff; background-color: #FFF; border-right: 1px solid #ccc; padding: 10px 0 10px 0; }
	#main2ColRightSearch  { width: 370px; height:175px; min-width:500px; float: left; padding: 0 0; background-color: #FFF; border-left: 9px solid #FFF; padding: 10px 0 10px 0;}


/*=-=-=-=-=-=-= (Order Summary Page) =-=-=-=-=-=-=*/
	
	#SummaryTop, #SummaryBottom {width: 97%; min-width:600px; text-align: left; margin-bottom: 6px; border-left: 10px solid #FFF; border-top: 5px solid #fff; border-bottom: 10px solid #fff; background-color: #FFFFFF;}
	#SummaryTopLeft, SummaryTopRight { width: 255px; float: left; padding: 0; color: 67AD44; }
	#SummaryBottomLeft, SummaryBottomRight { width: 255px; float: left; padding: 0; }
	#SummaryTitleTop, #SummaryTitleBottom {width: 97%; height: 20px; min-width:600px; text-align: left; background-color: #EEEEE4; padding: 2px 10px; font-weight: 900; color: #67AD44;}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
footer
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

	#footerContainer { align: center; width: 98%;  min-width:763px; height: 30px; font-size: 85%; margin: 10px 10px 0px 10px; background-color: transparent; border-top: 1px solid #67AD44; }
	#footerContainerContent { width: 100%; color: #444; padding:5px 0 0 0; background-color: transparent; }
	#footerContainerContentLeft { float: left; padding: 5px 0 0 0; }
	#footerContainerContentRight { float: right; padding: 5px 0 0 0; text-align:right;}
	
	#footerContainerlogin { text-align: center; height: 30px; font-size: 85%; margin: 10px 10px 0px 10px; background-color: transparent; }
						


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
tables
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

	
table#login {
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #EEEEE4;
	margin: 0 10px 20px 10px;
	padding: 10px 2px 10px 2px;
	clear: both;
	width: 400px;
	text-align: left;
	border: 1px solid #CECEC5;
	}

table#info {
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 0 10px 20px 10px;
	padding: 0 2px 0 2px;
	clear: both;
	width: 98%;
	text-align: left;
	border-left: 1px solid #CECEC5;
	border-top: 1px solid #CECEC5;
	}
	
table#info th {
	color: #FFF;
	padding: 0 0 0 3px;
	text-align: left;
	background-color: #67AD44;
	border-right: 1px solid #CECEC5;
	border-bottom: 1px solid #CECEC5;
	height: 20px;
	}

table#info td {
	background-color: #fff;
	border-right: 1px solid #CECEC5;
	border-bottom: 1px solid #CECEC5;
	margin: 0 0 0 0;
	padding: 2px 2px 2px 3px;
	clear: both;
	text-align: left;
	}
	
table#info td.row {
	background-color: #EEEEE4;
	border-right: 1px solid #CECEC5;
	border-bottom: 1px solid #CECEC5;
	margin: 0 0 0 0;
	padding: 2px 2px 2px 3px;
	clear: both;
	text-align: left;
	}
	
table#totals {
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 20px 10px 10px 10px;
	padding: 0 2px 0 2px;
	clear: both;
	width: 98%;

	}

table#totals th {
	color: #2B441E;
	padding: 0 0 0 3px;
	text-align: left;
	background-color: #FFFFFF;
	border-bottom: 1px solid #CECEC5;
	height: 20px;
	}
	
	
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Search Criteria Table
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
	
	
table#search {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0 2px 0 2px;
	width: 100%;
	}


						
.infoboxLeft {
width:						55%;
vertical-align:				top;
background-color:			#f5f5f5;
border:						1px solid #EBEBEB;
padding:					10px;
}

.infoboxRight {
width:						45%;
vertical-align:				top;
background-color:			#f5f5f5;
border:						1px solid #EBEBEB;
padding:					10px;
}

.info p, td {
padding-left:				10px;
font: 						11px Arial, Verdana, sans-serif;
}
