/* CSS Document */

body {
font-family:Verdana, Arial, Helvetica, sans-serif; 
background: #FFFFFF; 
margin: 0;
padding: 0;
text-align: left;
font-size: 8pt;
}
body.main {
font-family:Verdana, Arial, Helvetica, sans-serif; 
background: #6C7893 url(../images/background.bmp) center top repeat; 
margin: 0;
padding: 0;
text-align: center
}
body.bprint{
	font-size: 9pt;
	background-color: #FFFFFF;
}


#topLogo {
position: absolute;
top:0px;
left:125px;
width:750px;
height:183px;
background: url(../images/new_images/top_logo.jpg) no-repeat;  
}
#topBoard {
position: absolute;
top:183px;
left:125px;
width:750px;
height:62px;
background: #ffffff url(../images/new_images/top_board3.jpg) no-repeat;  
}


#boardArea {
position: absolute;
top:245px;
left:125px;
background-color: #ffffff;
width:652px; 
height:520px;
}

#leftRail{
position: absolute;
top:0px;
left:0px;
background: #ffffff url(../images/new_images/left_rail2.jpg) repeat-y;
width:160px;
height:517px;
}

#leftNav{
position: absolute;
top:10px;
left:10px;
}

#iframe {
position: absolute;
top:-25px;
left:160px;
background-color:#ffffff;
height:540px;
}

#rightRail{
position: absolute;
top:0px;
left:652px;
background:url(../images/new_images/right_rail3.jpg) repeat-y;
width:125px;
height:580px;
}


#bottomBoard {
position: absolute;
top:760px;
left:125px;
width:750px;
height:174px;
background: url(../images/new_images/bottom_board2.jpg) no-repeat;  

}


#footerText {
position: absolute;
top:940px;
left:125px;
width:743px; font-size:10px; color:#000000;
}
#footerText a,p{text-decoration: none; text-underline:none; font-size: 10px; color:#000000;}
#footerText a.email{text-decoration: underline; font-size: 10px;color:blue}

.footerText a,p{text-decoration: none; text-underline:none; font-size: 10px; color:#000000;}
.footerText a:hover, a:visited{color:#000000;}
.footerText a.email{text-decoration: underline; font-size: 10px; color:#000000;}



.greenline {margin-top:5px; margin-bottom:5px; background-color:#097F1A;}

H1 {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 18px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 15px; COLOR: #ffffff; FONT-FAMILY: georgia, serif
}
H1.quote {
	FONT-WEIGHT: normal; FONT-SIZE: 22px; MARGIN: 0px 15px 5px 20px; COLOR: #ebeee1; LINE-HEIGHT: 45pt; FONT-FAMILY: georgia, serif
}
.byline {
	FONT-SIZE: 16px; MARGIN-LEFT: 25px; COLOR: #ebeee1; FONT-FAMILY: georgia, serif
}
H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: 5px; COLOR: #025C14
}
.homewhite {
	MARGIN-TOP: 10px; FONT-SIZE: 13px; MARGIN-LEFT: 20px; COLOR: #ffffff
}
UL {
	MARGIN-TOP: 5px; COLOR: #025C14; line-spacing: 1.3em; 
}
LI {
	MARGIN-TOP: 5px; line-spacing: 1.3em
}
A.email{
	text-decoration: underline;
}
A.nav1 {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 16px; MARGIN-BOTTOM: 5px; COLOR: #ffffff; FONT-FAMILY: georgia, serif; TEXT-DECORATION: none
}
A.nav1:hover {
	FONT-WEIGHT: normal; COLOR: #ffedb4; TEXT-DECORATION: underline
}
A.nav1on {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 16px; MARGIN-BOTTOM: 5px; COLOR: #ffedb4; FONT-FAMILY: georgia, serif; TEXT-DECORATION: none
}
A.nav1on:hover {
	FONT-WEIGHT: normal; COLOR: #ffedb4; TEXT-DECORATION: none
}
.navs {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 25px
}
A.nav2 {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 13px; MARGIN-BOTTOM: 5px; COLOR: #ffffff; FONT-FAMILY: georgia, serif; TEXT-DECORATION: none
}
A.nav2:hover {
	FONT-WEIGHT: normal; COLOR: #ffedb4; TEXT-DECORATION: underline
}
A.nav2on {
	MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 13px; MARGIN-BOTTOM: 5px; COLOR: #ffedb4; FONT-FAMILY: georgia, serif; TEXT-DECORATION: underline
}
A.nav2on:hover {
	FONT-WEIGHT: normal; COLOR: #ffedb4; TEXT-DECORATION: underline
}
.nav2s {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 10px; COLOR: #ffffff; LINE-HEIGHT: 16px; line-spacing: 14px
}
A.footer {
	MARGIN-TOP: 60px; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #025C14; TEXT-DECORATION: underline
}
A.footer:hover {
	FONT-WEIGHT: normal; COLOR: #761d1d; TEXT-DECORATION: underline
}
.footernav {
	MARGIN-TOP: 60px; FONT-SIZE: 11px; COLOR: #025C14; TEXT-ALIGN: center
}
.login {
	BORDER-RIGHT: #025C14 1px solid; BORDER-TOP: #025C14 1px solid; BACKGROUND: #FFFFFF; BORDER-LEFT: #025C14 1px solid; COLOR: #000000; BORDER-BOTTOM: #025C14 1px solid
}
.button {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; BACKGROUND-COLOR: #025C14
}
.greenhead {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #889d47
}
.greenbull {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #025C14
}
.caps {
	FONT-WEIGHT: normal; FONT-SIZE: 13px; MARGIN-BOTTOM: 20px; COLOR: #889d47; FONT-FAMILY: georgia, serif; TEXT-ALIGN: center; FONT-VARIANT: small-caps
}
.archive {
	line-spacing: .08em
}

#srvletarea th, #srvletarea td {
	padding: 3px 4px 3px 4px;
}

#srvletarea table.week .day, #srvletarea table.week .lastday {
	padding: 0px;
}

#srvletarea {
	width: 470px;
}

/*******E-Commerce Area*******************/

#Table1, table.specials, table.week {
	width: 465px;
}

}
body.bprint{
	font-size: 9pt;
	background-color: #FFFFFF;
	background-image: none;
}

h1 { color: COLOR: #025C14; }
h2 { font-size: 16px; font-weight: bold; COLOR: #025C14; }
h3 { font-size: 14px; font-weight: bold; COLOR: #025C14; }
h4 { font-size: 13px; font-weight: bold; COLOR: #025C14; }

h3.reminderItem, p.reminderItem {
	color: red;
}
table.nav {
	background-color: #525152;
	border: 1px solid #000000;
}

body.MinimumOrderWarning {
	background-color: #FFFFCC;
}

a.nav, a.nav_stat {
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none;
	color: White;
}
a.nav:hover, a.nav_stat:hover {
	text-decoration: underline;
}

a {
	color: #6C7C24;
}
p.small {
	font-size: 8pt;
}

.notebox {
	border: 2px solid #E30217;
	margin-right: 20px;
	margin-left: 20px;
	padding: 3px;
}

input.submit, input.submit_short, input.submit_long, input.submit_verylong, input.submit_medium, input.submitCancel, input.submitUpdate, input.submitReturn, input.submitCheckout, input.profMaintSubmit {
	cursor: pointer;
	FONT-SIZE: 8pt; 
	COLOR: #ffffff; 
	font-weight: normal; 
	BACKGROUND-COLOR: #025C14
}

input.submit:hover, input.submit_short:hover, input.submit_long:hover, input.submit_verylong:hover, input.submit_medium:hover, input.submitCancel:hover, input.submitUpdate:hover, input.submitReturn:hover, input.submitCheckout:hover, input.profMaintSubmit:hover {
	color: #CCCCCC;
}

/*
* close is used on the close link of popup windows.  These are usually the same
* but can be different...if you want to give a special color to the "add to profile
* button.
*/
a.close {
	background-color: #025C14;
	border: 1px solid #000000;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration : none;
	padding: 2px;
	font-size: 7pt;
	width: 140px;
 	text-align: center;
}

a.submit, a.submitRemove {
	background-color: white;
	border: 1px solid #333333;
	color: black;
	text-decoration: none;
	padding: 1px;
	font-size: 7pt;
 	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
	margin-right: 2px;
}

a.submit:hover {
	color: #009900;
}

a.submitRemove:hover {
	color: #990000;
}

.icon {
	color:#FFFFFF;
	text-decoration: none;
	font-size: 1px;
}

li.double {
	padding-bottom : 15px;
}

.shaded {
	background: #CDD5AE
}

.profileshaded{
	background: #CDD5AE
}

.pproholiday{
	font-size: 9px;
}

.pproholiday img {
	padding-right: 3px;
}

.ppromessage_error{
	color: Red;
	padding: 5px 5px 5px 5px;
	border: 1px solid Red;
	font-weight: bold;
}

.ppromessage_info{
	background: #ffffce;
	padding: 5px 5px 5px 5px;
	border: 1px solid #000000;
}

.ppromessage{
	color: #804040
}

.aditem {
	background: #FFFFCC;
}

.notebox {
	border: 2px solid #cc0000;
	margin-right: 20px;
	margin-left: 20px;
	padding: 3px;
}

.noprint {
}

p, td, th {
	font-size: 8pt;
}

th {
	background-color: #025C14; 
	color: #ffffff; 
	text-align: left;
}

th.right {
	background-color: #025C14; 
	color: #ffffff; 
	text-align: right;
}

/* Calendar */
table.week td, table.week th {
	font-size: 7pt;
}

table.week a {
	font-size: 6pt;
}

table.week {
	border-right: 1px solid #000;
}
table.week td.day {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	height: 100px;
	vertical-align: top;
}
table.week td.today {
	background: #CDD5AE;
}
table.week td.topleft {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
table.week td.firstday {
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	height: 100px;
	vertical-align: top;
}
table.week td.lastday {
	border-bottom: 1px solid #000;
	height: 100px;
	vertical-align: top;
}
table.week td.weeklinks {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #CDD5AE;
	vertical-align: top;
}
table.week td.headday {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	font-weight: bold;
	text-align: center;
	width: 12.5%;
	background: #CDD5AE;
	color: black;
}
span.weekly {
	font-size: 10px;
	font-weight: bold;
	background: #CDD5AE;
	margin: 0 0 2px 0;
	display: block;
}
span.daynumber {
	font-weight: bold;
	background: #CDD5AE;
	margin: 0 0 2px 0;
	display: block;
	padding: 2px;
}
table.regular {
	border: 1px solid #000;
}
table.regular td.regularheader {
	border-bottom: 1px solid #CDD5AE;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	background: #025C14;
	color: #FFF;
}

.calendarside {
	FONT-WEIGHT: bold; 
	padding: 2px;
	white-space: nowrap;
}
.pproholiday {
	padding: 2px;
}
.calendarnav{
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; font-family: sans-serif; text-align: right;
}
a.calendarnav, a.calendarnav:hover, a.calendarnav:visited {
	background-color: #006600;
	border: 1px solid #FFFFCC;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;
	font-size: 8pt;
	width: 180px;
	text-align: center;
}

/************profile maintenance *************************/
select.profmaint{
	font-size:7pt;
}
.maintButtonPosition{
	margin-left: 120px;
}

/**********web admin stuff*********************************/
.thlink {
	color: #FFFFFF;
}
.admin {
	color: #000000;
}

/***********core item price increase/decrease***************/
span.priceIncrease {
	font-size: 13pt;
 	text-align: center;
	background: none;
	font-weight: bold;
	color: #0066FF;
	vertical-align: middle;
}
span.priceDecrease {
	font-size: 13pt;
 	text-align: center;
	background: none;
	font-weight: bold;
	color: #8C007B;
	vertical-align: middle;
}

/***********Tooltip Window***************/
.iTt {
	FONT-SIZE:8px;
	FONT-STYLE:normal;
	FONT-WEIGHT:normal;
	COLOR: #006400;
	BORDER-RIGHT:black 1px solid;
	BORDER-TOP:black 1px solid;
	BORDER-LEFT:black 1px solid;
	BORDER-BOTTOM:black 1px solid;
	PADDING:2px;
	BACKGROUND-COLOR:lightyellow;
}
.iTt.A:link {
	text-decoration: none; 
	color: #00008b;
}

/**********Order Add Ons / Warning*******************/
.addonmsg, .alert { 
	color: red;
	font-size: 12px;
	font-weight: bold 
}
/********* Expired Pricing Message / No Sales Order No ******/

.noprices, .nosono {
	background-color: #FFE8E8;
	border: 2px solid Red;
	margin: 10px 20px 10px 20px;
	padding: 5px 5px 5px 5px;
}

/*********Ad Indicators********************/
.adsuper {
	padding-left: 2px; 
	padding-right: 2px; 
	font-size: 9px; 
	color: #ff0000;  
	vertical-align:super; 
	font-weight:bold;
}
.adprice {
	color: #ff0000;  
}

#srvletarea .generalTable td, #srvletarea .login td, #srvletarea .pricelistrequest td, 
#srvletarea .catalogTable td, #srvletarea .catalogTableMiddle td, #srvletarea .catalogTableTop td, 
#srvletarea .orderDetailTable td, #srvletarea .recapTable td, #srvletarea .cartTable td {
font-size: 7pt;
}

table.pricelistrequest input#EMAIL, table.checkoutTable input#EMAL {
	width: 260px;
}

.dldttable {
	border: 1px solid #025C14;
}

#tablecon {
	width: 465px;
}

/******* Use generalTable class instead of login as needed****/
.generalTable, .login, .pricelistrequest, .catalogTable, .orderDetailTable, .recapTable, .cartTable {
	border: 1px solid #025C14;
	width: 465px;
}

/*** make wider for popup window ***/
#ospopup table.orderDetailTable {
	width: 690px;
}

.catalogTable {
	border-bottom: 0px;
	width: 465px;
}

.catalogTableMiddle {
	border-left: 1px solid #025C14;
	border-right: 1px solid #025C14;
	border-bottom: 0px;
	width: 465px;
}

.catalogTableTop {
	border-top: 1px solid #025C14;
	border-left: 1px solid #025C14;
	border-right: 1px solid #025C14;
	border-bottom: 0px;
	width: 465px;
}

.itemnocol {
	width: 75px;
}

.checkoutTable, .cartTable {
	border: none;
}

table.checkoutTable td, table.checkoutTable th {
	text-align: left;
} 

table.recapTable td, table.recapTable th {
}

.hidden {
	display: none;
	visibility: hidden;
}

/***************************************
* Inner table is used within cartTable
*****************************************/
table.innerTable tbody tr th {
	border: 0px;
	padding: 0px;
	color: white;
}

/******* Product units link style ****/
a.submitUnits {
	color: black; 
	cursor: pointer; 
	font-size: 7pt; 
	font-weight: bold; 
	text-align: center;
	width: 70px;
}

a.submitUnits {
	color: black; 
	cursor: pointer; 
	font-weight: bold; 
}

/******* Credit Card stuff *******/
th.credit {
	background-color: #CCCCCC;
	color: #000000;
}

/*** Handheld ****/
.handheld_only{display:none;}
/*** END Handheld ****/

/** Ad Items on Calendar Page **/
table.specials th {
	font-weight: bold;
	text-align: left;
	background: #3e3e3e;
	color: white;
	font-size: 11px;
}
table.specials td {
	font-size: 11px;
}
table.specials {
	border-left: 1px solid #525152;
	border-right: 1px solid #525152;
	border-bottom: 1px solid #525152;
}

.tableconcls {
	height: 300px; 
	overflow: scroll; 
}

.orderDivider {
	height: 6px; 
	background: #CCCCCC;
}

/* Image Popup */
#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

.dyncolumn {
	padding-right: 6px;
}

/*****************************************************************
* Print Preview page
*****************************************************************/
body.bprint {
	font-size: 7pt;
} 

body.bprint p, body.bprint th, body.bprint td{
	font-size: 7pt;
}
