/****************************************************************
 *  Start E-Commerce Layers                                    		
 ****************************************************************/
 
#produceProMainNavigation {
	background-image: url(../assets/middle-bar.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 800px;
	background-color: #FFFFFF;
}

#produceProMainNavigation li {
	display: inline;
	padding-right: 10px;
}

#produceProMainNavigation a {
	font-size: 11pt;
}

#produceProMainContent {
	width: 780px;
	background-color: #FFFFFF;
	text-align: left;
	padding: 10px;
}

#ContentHeader {
	font-size: 10pt; 
}

#produceProPopupTop {
	background-image: url(../assets/top.png);
	width: 800px;
	height: 30px;
	background-repeat: no-repeat;
}

#footer {
	background-image: url(../assets/botton.png);
	width: 800px;
	background-repeat: no-repeat;
	padding-top: 30px;
}
#produceProMainContent h1 {
	font-size: x-large;
	color: #7B1E87;
}
#produceProMainContent h2 {
	font-size: large;
	color: #048893;
}

.whiteLarge { color: #fff; font-size: large; }
.whiteXLarge { color: #fff; font-size: x-large; }
.middleBar { padding-right: 10px; padding-left: 10px; }
.ftype { color: #fff; font-size: xx-small; }
.sideSubNav { color: #00a2b3; font-weight: bold; }
.bodyHead { color: #00a2b3; font-size: large; font-weight: bold; }
.customerServiceLinks { font-size: small; font-weight: bold; }

#srvletarea td { padding: 3px 4px 3px 4px; } 
#srvletarea th { padding: 3px 4px 3px 4px; } 

#srvletarea #adpage table.catalogTable td, #srvletarea #adpage table.catalogTable th {
	font-size: 11px;
}

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

body { 
	color: #4e4d4d; 
	font-size: medium; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
}

body.bprint{
	FONT-FAMILY: verdana, helvetica, tahoma, arial, sans-serif;
	font-size: 9pt;
	background-color: #FFFFFF;
	background-image: none;
}

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

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

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

a:link { color: #FFF; text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: underline; }

a:active { text-decoration: none; }

a { color: #FFF; text-decoration: underline; }

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

p {}

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

.icon:link, .icon:hover, .icon:visited, .icon:active{
	color:#FFFFFF;
	text-decoration: none;
	font-size: 0px;
	padding-left: 0px;
}

.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 {
	background-color: #639; 
	padding-left: 6px; 
	padding-right: 6px;  
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	font-size: 90%; 
	font-weight: bold; 
	text-decoration: none; 
	color: white; 
	background-image: url(../assets/button-bg.jpg); 
	background-repeat: repeat-x; 
	background-position: 0 center; 
	border-color: #3a1065; 
	border-width: 1px; 
	cursor:  pointer; 
}

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 {
	cursor:  pointer; 
}

a.submit, a.submitRemove {
	border: 1px solid #CCCCCC;
	color: Black;
	text-decoration: none;
	padding: 2px;
	font-size: 8pt;
	cursor:  pointer; 
}

a.submit:hover, a.submitRemove:hover { text-decoration: underline; }

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

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

.shaded {
	background: #FFE7C6
}

.profileshaded{
	background: #FFE7C6
}

.pproholiday{
	font-size: 9px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
}

.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
}
#addon_page_note{
	width:400px;
}
.aditem {
	background: #FFFFCC;
}

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

.noprint {
}

td { 
	color: #4e4d4d; 
	font-size: 10pt; 
}

th {
	color: White;
	font-size: 10pt; 
	text-align: left;
	background-color: #CC0000;
}

th.right {
	text-align: right;
}

#srvletarea table.week td.today, #srvletarea table.week td.firstday, #srvletarea table.week td.lastday, #srvletarea table.week td.day, #srvletarea table.week td.weeklinks {
	padding: 0px;
}

/* 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: #FFE7C6;
}
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: #FFFFCC;
	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: #F9C75F;
	color: #000;
}
span.weekly {
	font-size: 10px;
	font-weight: bold;
	background: #FFF;
	margin: 0 0 2px 0;
	display: block;
	padding: 3px;
}
span.daynumber {
	font-size: 12px;
	font-weight: bold;
	background: #FFFFCC;
	margin: 0 0 2px 0;
	display: block;
	padding: 2px;
}
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: #FFFFCC;
	color: #000;
}



.calendarside:link,.calendarside:hover, .calendarside:visited, .calendarside:active, 
.pod a:link,.pod a:hover, .pod a:visited, .pod a:active {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	color: #7B1E87;
}
.pproholiday {
	FONT-SIZE: 11pt;
}
.calendarnav {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;  
	text-align: right;
}
a.calendarnav, a.close {
	text-decoration: none;
	background-color: #639; 
	padding-left: 6px; 
	padding-right: 6px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	font-size: 90%; 
	font-weight: bold; 
	text-decoration: none; 
	color: white; 
	background-image: url(../assets/button-bg.jpg); 
	background-repeat: repeat-x; 
	background-position: 0 center; 
	border-color: #3a1065; 
	border-width: 1px; 
}

a.calendarnav {
	width: 180px;
}

/************profile maintenance *************************/
select.profmaint{
	font-size:7pt;
}
.maintButtonPosition{
	margin-left: 200px;
}

/**********web admin stuff*********************************/
.thlink {
	color: #FFFFFF;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
}
.admin {
	color: #000000;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
}

/***********core item price increase/decrease***************/
span.priceIncrease {
	font-size: 11pt;
 	text-align: center;
	background: none;
	font-weight: bold;
	color: #0066FF;
	vertical-align: middle;
}
span.priceDecrease {
	font-size: 11pt;
 	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-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	font-weight: bold 
}
.addonmsg {
	color: white;
}
/********* 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: 0px;
}

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

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

.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
*****************************************/
#srvletarea table.innerTable tbody tr th {
	border: 0px;
	padding: 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;
}

/******************************************
* Handheld
*******************************************/
/*** Uncomment next line ***/
/* .screen_only{display:block;} */
/*** Comment next line ***/
.handheld_only{display:none;}

/** Ad Items on Calendar Page **/
table.specials th {
	border: 1px solid white;
	font-weight: bold;
	text-align: left;
	background: #A7A7BC;
	color: #FFF;
	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;
}

/*****************************************************************
* Login page / Forgotten password
*****************************************************************/
a.forgotpasslink {
	font-size: 8pt;
	color: #444fd0;
}

/************************************
* Contact Us
**************************************/
#FormArea td{
	width: auto;
	padding: 3px;
	vertical-align:top;
}
#FormArea table{
	margin-bottom:10px;
}
#ContactUs input[type=submit]{
	margin-left:200px;
}
#ContactUsAlert, .alertMessage{
	padding:10px;
}
#ContactUsAlert{
	margin-left: 25px;
	width:425px;
	filter:shadow(color:gray, strength:3, direction:135);
}
#ContactUsAlert .alertMessage{
	color: blue;
	font-family: cursive, Comic Sans MS, Arial, Arial, Helvetica, sans-serif;
	background-color: #ffffce;
	border: 1px solid black;
}
/******************************************
* Order Item Exceptions
*******************************************/
#itemExceptions {
	margin-left: 5px;	
	margin-right: 5px;	
	margin-bottom: 5px;	
	width:auto;
	filter:shadow(color:gray, strength:3, direction:135);
}	
#itemExceptions h3{
   margin-top:3px;
}	 
#itemExceptions .itemExceptionMessage{	 
	padding:5px;
	color: #a51818;
	background-color: #ffffce;
	border: 1px solid black;

}