/****************************************************************
 *  Start E-Commerce Layers                                    		
 ****************************************************************/

DIV {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0;
}
 
#nav{
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bolder;
	position:relative; left:0px; top:12px; width:250px;
}
#main{
	border-left:solid 1px #000000; 
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
}
#srvletarea{
	border-left: 1px solid black; 
	border-right: 1px solid black; 
	width: 800px;
	padding: 6px; 
	padding-left: 140px;
} 

/****************************************************************
 * 	End E-Commerce Layers                                    		
 ****************************************************************/

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; }
body.bprint { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; }

h1 { font: 22px; font-weight: bold }
h2 { font: 18px; font-weight: bold }
h3 { font: 14px; font-weight: bold }
h4 { font: 11px; font-weight: bold }

table.nav {
	background-color: #F39A45;
	border: 1px solid #000000;
}

body.MinimumOrderWarning {
	background-color: #FFFFCC;
}

.white {color: #ffffff; text-decoration: none;}

a.nav {
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none;
	color: White;
}

a {
	color: #000099;
}

p.indent{
	padding-left: 70px;
}

p.small{
	font-size: 8pt;
}

.notebox {
	border: 2px solid #E30217;
	margin-right: 20px;
	margin-left: 20px;
	padding: 3px;
}

input.submit, input.submit_medium, input.submit_long, input.submit_verylong {
	background-color: #CCCCCC;
	border: 1px solid #333333;
	cursor: pointer;
}

/*
* 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.submit,a.close {
	background-color: #7BBAA5 ;
	border: 1px solid #000000 ;
	color: #000000;
	text-decoration : none;
	padding: 2px;
	font-size: 8pt;
	width: 140px;
 	text-align: center;
}

a.submitRemove {
	background-color: #F4A456;
	border: 1px solid #000000;
	color: #000000;
	text-decoration : none;
	padding: 2px;
	font-size: 8pt;
	width: 140px;
 	text-align: center;
}

.icon {
	color:#FFFFFF;
	text-decoration: none;
	font-size: 1px;
}

li.double {
	padding-bottom : 15px;
}

.shaded {
	background: #F6CF62;
}

.profileshaded{
	background:  #F6CF62;
}

.pproholiday{
	font-size: 9px;
}

.ppromessage_error{
	color: Red;
	padding: 5px 5px 5px 5px;
	border: 1px solid Red;
	font-weight: bold;
}

.ppromessage{
	color: #804040
}

.aditem {
	background: #8FC5B3;
}

.notebox {
	border: 2px solid #cc0000;
	margin-right: 20px;
	margin-left: 20px;
	padding: 3px;
}

.noprint {
}

p, td, th {
	font-size: 9pt;
}

th {
	background-color: #F39A45; 
	color: black; 
	text-align: left;
	font-weight: bold;
}

th.right {
	background-color: #F39A45; 
	color: #ffffff; 
	text-align: right;
}

/* Calendar */
table.week {
	border-right: 1px solid #000;
	width: 100%;
}
table.week td.day {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	height: 100px;
	vertical-align: top;
}
table.week td.today {
	background: Silver;
}
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: #EEE;
	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: #3b987c;
	color: #FFF;
}
span.weekly {
	font-size: 10px;
	font-weight: bold;
	background: #FFF;
	margin: 0 0 2px 0;
	display: block;
}
span.daynumber {
	font-size: 12px;
	font-weight: bold;
	background: #EEE;
	margin: 0 0 2px 0;
	display: block;
}
table.regular {
	border: 1px solid #000;
}
table.regular td.regularheader {
	border-bottom: 1px solid #000;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	background: #999999;
	color: #FFF;
}

.calendarside {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; font-family: sans-serif;
}
.pproholiday {
	FONT-SIZE: 9px;
}
.calendarnav {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; font-family: sans-serif; text-align: right;
}
a.calendarnav {
	background-color: #f39a45;
	border: 1px solid #000000;
	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: 200px;
}
input.profMaintSubmit {
	background-color: #F39A45 ;
	border: 1px solid #000000 ;
	color: #000000;
	text-decoration : none;
	padding: 2px;
	font-size: 9pt;
 	text-align: center;
 	cursor: pointer;
}

/**********web admin stuff*********************************/
.thlink {
	color: #FFFFFF;
}
.admin {
	color: #000000;
}

/***********core item price increase/decrease***************/
span.priceIncrease {
	font-size: 11pt;
 	text-align: center;
	background: none;
	font-weight: bold;
	color: #0066FF;
}
span.priceDecrease {
	font-size: 11pt;
 	text-align: center;
	background: none;
	font-weight: bold;
	color: #8C007B;
}

/***********Tooltip Window***************/
.iTt {
	FONT-SIZE:8px;
	FONT-STYLE:normal;
	FONT-WEIGHT:normal;
	COLOR:darkgreen;
	FONT-FAMILY: Verdana, Arial, Helvetica;
	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: darkblue;
}

/**********Order Add Ons / Warning*******************/
.addonmsg, .alert { 
	color: red;
	font: 12px verdana, helvetica, tahoma, arial, sans-serif; 
	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;  
}

/******* Use generalTable class instead of login as needed****/
.generalTable, .login, .pricelistrequest, .catalogTable, .orderDetailTable, .recapTable {
	border: 1px solid #000000;
}

.catalogTable {
	border-bottom: 1px solid #F6CF62; /* use .profileshaded color */
}

.catalogTableMiddle {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #F6CF62; /* use .profileshaded color */
}

.catalogTableTop {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 0px;
}

.catalogTable, .catalogTableTop, .catalogTableMiddle, .recapTable {
	width: 648;
}


table.generalTable.th, table.login.th, table.pricelistrequest.th, table.catalogTable.th, table.orderDetailTable.th {
	color: #ffffff; text-decoration: none; }
}

.recapTable, .checkoutTable, .cartTable {
}

.hidden {
	display: none;
	visibility: hidden;
}

table.innerTable tbody tr th {
	border: 0px;
}

/******* Product units link style ****/
a.submitUnits {
	color: black; 
	cursor: pointer; 
	font-family:     
	sans-serif; 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;
}

/* 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;
}