/* CSS Document */

/* 
	color: #FF6215; link colors
	color: #FF921A; hover
	
	title #FF8040;
*/

@import url("init.css");

/* Global declarations */

/* orange background, white font */
.orangeBG
{
	background-color: #FF8040;
	color: white;
}


.textGrey{
	color: #666666;
}

.calendarSelectStyle
{
	background-color: #4192D9;
	color: white;
	font-weight: bold; padding: 0 4px;
}

.redStyle
{
	padding-left: 5px;
	color: red;
}

.greenStyle
{
	color: green;
}

.fontSizeDefault
{
	font-size: 0.80em;
}

span.blueStyle
{
	color: #3366CC;
}

a.blueLink
{
	color: #3366CC;
}


a.darkBlueLink
{
	color: #0074D9;
}

a:hover
{
	text-decoration: underline;
}

span.greenStyle
{
	color: #009933;
}

/* used for <input type="submit"> */
.buttonStyle
{
	cursor: pointer;
	border: 1px solid;
	color: black;
	font-weight: bold;
	background: url(image/buttonbg.jpg) repeat-x left top;
	font-size: 0.75em;	
	padding: 2px 5px;
	border: 1px solid;
	border-color: #AD7501;
	background-color: #FFCC00;
}

/* used with buttonStyle to get a larger font, used in searchMenu.php*/
input.fontSizeLarge, a.fontSizeLarge, button.fontSizeLarge
{
	padding: 1px 3px;
	font-size: 0.9em;
}

/* used for <a> */
.buttonLink
{
    background:  url(image/buttonbg.jpg) repeat-x left top;
    color: black;
    display: block;
    float: left;
	font-size: 0.75em;	
	font-weight: bold;
    height: 19px;
	padding: 3px 10px 0px 10px;
    border: 1px solid;
	border-color: #AD7501;
	background-color: #FFCC00;
}

/* START LOGIN PAGE */

body.loginPage
{
	background-image: url(image/loginbg.jpg); 
	background-repeat: repeat;
}

/* contains the swirl image */
div#loginBackground
{
	background-image: url(image/loginpict2.png); 
	background-repeat: no-repeat;
	width: 100%;
	height: 487px; 
	position: absolute; 
	top: 20px; 
}


div#loginPageFormPos
{
	position: absolute; 
	top: 185px; 
	left: 70px;
}

#loginFooter
{
	color: white; 	
}

#loginFooter a, #loginFooter a:visited
{
	color: white;
	text-decoration: none;
}

/* END LOGIN PAGE */

/* START MENU */

/* The standard menu at the top of most pages */
div#menuRow0
{
	float: left; 
	clear: none; 
	min-width: 750px; 
	width: 100%; 
	height: 42px; 
	background-repeat: repeat-x; 
	background-image: url(image/menutop.jpg);
	font-size: 0.75em;
}

#menuRow0Date
{
	padding-top: 15px; text-align: center; 
}

#menuRow0UserRight
{
	float: right; 
	background-image: url(image/menuuserright.jpg); 
	width: 15px; height: 42px;
}

#menuRow0UserMiddle
{
	float: right;
	background-image: url(image/menuusermid.jpg);
	background-repeat: repeat-x; height: 42px;
}

#menuRow0UserLeft
{
	float: right; 
	background-image: url(image/menuuserleft.jpg); 
	width: 12px; height: 42px;
}

div#menuRow1
{
	clear: both; 
	width: 100%; 
	height: 26px; 
	background-color: #4192d9;
}

div#menuRow2
{
	clear: both; 
	width: 100%; 
	height: 34px; 
	background-repeat: repeat-x; 
	background-image: url(image/menubot.jpg); 
	background-color: #69C;
}

div#menuRow3
{
	min-width: 750px;
	clear: both; 
	width: 100%; 
	background-color: #0462b3;
	font-size: 0.85em;
	color: white;
}


div#menuRow3 a:link, #menuRow3 a:visited
{
	color: #9DECFF;
}

div#menuRow4
{
	background-image: url(image/menubotshadow.jpg); 
	background-repeat: repeat-x; 
	width: 100%; 
	height: 8px;
}

/* the horizontal menu */
ul#menuList
{
	padding: 0px;
	margin: 0px;
	padding-top: 7px;
	white-space: nowrap;
}

#menuList li
{
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#menuList a 
{ 
	padding: 6px 6px;
	font-size: 0.8em;
}

#menuList a:link, #menuList a:visited
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#menuList a:hover
{
	text-decoration: underline;
}

/* END MENU */

/* footer */
div#footer
{
	color: #7ABAF2;
	clear: both; 
	min-width: 750px;
	text-align: center;
	padding: 5px;
	font-size: 0.78em;
}

#footer a, #footer a:visited
{
	color: #4192D9;
}

/* title for each page */
h1
{
	color: #4192d9;
	font-size: 1em;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 3px;
}

h2
{
	color: #FF8040;
	font-size: 1em;
	font-weight: bold;
	padding-top: 3px;
}


/* START boxes for organizing the main info 
 * BIG BOX that contains the columns to display products */

#tableMainBox 
{
	border-collapse: collapse; 
	border-spacing: 0;
	width: 100%;
	text-align: left;
}


#tableMainBox td, th
{
	padding: 5px;
}

#tableMainBox tr 
{
	vertical-align: top;
}


#tableMainBox td.tableColumn
{
	width: 200px; /* needed or the  middle box won't align left properly */
}


/* END boxes for organizing the main info */


/* start rounded corners */

div.warningRoundCorner
{
	background-color: #FFE26F;
	font-weight: bold;
	font-size: 0.85em;
}

div.warningRoundCornerTop 
{ 
	background: url(image/topright.jpg) no-repeat top right; 
}

div.warningRoundCornerBottom 
{
	background: url(image/botright.jpg) no-repeat top right; 
}

img.corner {
   width: 16px;
   height: 16px;
   border: none;
   display: block;
}

div.warningRoundCorner li
{
	list-style: none;
}

div.warningRoundCorner a, div.warningRoundCorner a:visited
{
	font-weight: bold;
	color: #FF6215;
}

div.warningRoundCorner a:hover
{
	text-decoration: underline;
}

div.warningRoundCorner div.roundContent
{
	padding: 0px 10px;
}


.roundCorner 
{
	position:relative;
	margin:0px auto;
	width:218px;
	color: #EEE;
	font-size: 0.95em;
}

.roundCornerTop 
{
	position:relative;
	width:100%;
	height:10px;
	background-position:top left;
	background:transparent url(image/menubgtop.jpg) no-repeat top right;
}

.roundCornerContent 
{
	 padding: 5px 12px;
	background:transparent url(image/menubgmid.jpg) top right repeat-y;
}

.roundCornerContent li
{
	list-style: none;
}

.roundCornerContent a, .roundcorner a:visited
{
	font-weight: bold;
	color: white;
}

.roundCornerContent a:hover
{
	text-decoration: underline;
}

.roundCornerBottom 
{
	position:relative;
	width:100%;
	height:10px; /* height of bottom cap/shade */
	background-position:bottom left;
	background:transparent url(image/menubgbot.jpg) no-repeat top right;
}

/* end rounded corners */


/* START Order Table Style */
/* Note: can't use thead cause ie 6.0 show it */
/* Used to show all the orders in a table
   or shows all the products in a table */

table.tableOrder
{
	font-size: 0.76em;
	width: 100%;
	text-align: center;
}

table.tableOrder caption
{
	background-repeat: repeat-x; 
	background-image: url(image/tablecaption.gif); 
	font-weight: bold;
	color: white;
	padding: 2px 5px;
	text-align: left;
}

table.tableOrder td
{	
	vertical-align:top;
	padding: 2px;
}

/* column titles */
table.tableOrder tr th
{
	white-space:nowrap;
	background-color: #A4CDF7;
	color: black;
	border-bottom: 1px solid #0074D9;
}

table.tableOrder tr th a
{
	color: black;
}

table.tableOrder tr th a:hover
{
	color: #666;
}

/* makes the alternating row colours */
table.tableOrder tr.odd
{
	background-color: #F7F7F7;
}

table.tableOrder tr td a, table.tableOrder tr td a:visited
{
	color: #0066CC;
}

table.tableOrder tr td a:hover
{
	color: #003399;
}


table.tableOrder th.description, table.tableOrder td.description
{
	width: 100%;
	text-align: left; 
	white-space:normal;
}

/* END Order Table Style */


/* start styles for calendar.php *****************************/
table.calendar
{	
	font-size: 0.78em;
	margin: 0 5px;
	text-align: center;
	padding: 5px;
	margin-left: 6px;
	border: 1px solid  gray;
}

/* a table caption - formats eg. August 2006 */
table.calendar caption
{
	border-left: 1px solid gray;
	border-right: 1px solid  gray;
	border-top: 1px solid  gray;
	margin: 0 5px;
	background-repeat: repeat-x; 
	background-image: url(image/tablecaption.gif); 
	font-weight: bold;
	color: white;
	background-color: #4192D9;
}

/* table heading - formats the days of the week */
table.calendar th
{
	padding: 0px 3px;
	margin: 0px;
	font-weight: bold;
}

/* formats the cell for each day */
table.calendar td
{
	border-top: 1px  gray solid;
	padding: 1px 2px;
	margin: 0px;
}

/* END styles for calendar.php ******************************/

/* Start Styles for Forms */


table.formStyle
{
	padding: 0px; 
	border-left: 1px solid;
	border-right: 1px solid;
	text-align: left;
	font-size: 0.8em;
	white-space: nowrap;
	border-color: #aaa;
}

table.formStyle th
{
	padding: 5px;
	background-color: #FFFBE8;
	border-bottom:1px solid;
	border-right:1px solid;
	border-color: #aaa;
	
}

table.formStyle td
{
	padding: 5px; 
	border-bottom: 1px solid;
	border-color: #aaa;
}

table.formStyle td.titleFormStyle, table.formStyle caption
{
	padding: 2px 5px;
	background-color: #4192D9;
	color: white;
	font-weight: bold;
	border-top: 1px solid;
	border-bottom: 1px solid;
	background-repeat: repeat-x; 
	background-image: url(image/tablecaption.gif); 
}

table.formDateStyle td
{
	padding: 0px;
	border: none;
}

table.formStyle a, table.formStyle a:visited
{
	color: #0066CC;
}

table.formStyle a:hover
{
	color: #003399;
}




/* End Styles for Forms */

/* START View Order */

table.tableViewOrder
{
	font-size: 0.80em;
	width: 100%;
	text-align: center;	
	padding: 20px;
	vertical-align: top;

}

table.tableViewOrder td
{
	padding: 3px 5px;
	white-space:nowrap;

}


table.tableViewOrder td.columnTitleDescription
{
	width: 100%; /* this forces this column to take up all the remaining space */
	text-align: left;

}

table.tableViewOrder tr.columnTitle
{
	white-space:nowrap;
	background-image: url(image/menubot.jpg);
	background-color: #4192D9;	
}

table.tableViewOrder tr.columnTitle td
{
	color: white;
	font-weight: bold;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

table.tableViewOrder td.description
{
	text-align: left;
}

table.tableViewOrder tr.priceRow
{
	background-color:  #eee;
	padding-top: 3px;

}

table.tableViewOrder tr.priceRow td
{
	font-size: 1.08em; 
	font-weight: bold;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #4192d9;	
	text-align: right;
}

table.tableViewOrder a, table.tableViewOrder a:visited
{
	color: #0066CC;
}

table.tableViewOrder a:hover
{
	color: #003399;
}

/* END view Order */

/* START Inventory Menu */

.inventoryMenuButton
{
	width:30px; 
	font-size: 0.9em;
}

#inventoryMenuExpandContractSize a
{
	font-size: 0.80em;
	color: white;
}

.roundCornerMenuStyle
{
	min-height: 170px; 
	color: black;
	text-align: center;
}

.roundCornerMenuStyle a, .roundCornerMenuStyle a:visited
{
	color: #0074D9;
}


/*CSS for Simple Tree Menu
 Remarks: On IE, the padding in this box is added onto the bigger div. 
			Which is incorrect. It's fixable, but the extra gap doesn't make much of
			a difference. 
*/
ul.treeview 
{ 
	margin: 0px;
	padding: 0px;
	cursor: default;
	font-size: 0.85em;
	padding: 5px 0px;
}

/*Style for LI elements in general (excludes an LI that contains sub lists)*/
ul.treeview li
{ 
	background: white url(image/arroworange.gif) no-repeat left center;
	list-style-type: none;
	padding-left: 18px;
	margin-bottom: 3px;
	margin-left: 20px;
}

/* Style for LI that contains sub lists (other ULs). */
ul.treeview li.submenu
{ 
	background: white url(image/closed.gif) no-repeat left 1px;
	cursor: pointer;
	font-weight: bold;
	padding-left: 22px;
	margin-left: 15px;
}

/*Style for ULs that are children of LIs (submenu) */
ul.treeview li.submenu ul
{
	display: none; /*Hide them by default. Don't delete. */
	margin-left: 0px;
	padding-left: 0px; /* both marg/padd left are needed to format properly */
}

/*Style for LIs of ULs that are children of LIs (submenu) */
ul.treeview .submenu ul li
{ 
	cursor: default;
	margin-left: 0px;
}

/* END Inventory Menu */

/* START Display Products */

div.titleBar
{
	padding: 0 0 5px 0;
	color: #4192d9;
	font-weight: bold;
	font-size: 1.0em;
}

div.titleBar a, div.titleBar a:visited
{
	color: #7abaf2;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.0em;
}

div.titleBar a:hover
{
	color: #4192d9;
}

/* anchor for view group */

div.anchorLink
{
	padding: 0 0 5px 0;
	color: black;
	font-size: 0.75em;
	float: right;
	font-weight: normal;
}

div.anchorLink a, div.anchorLink a:visited
{
	color: #FF6215;
	text-decoration: none;
}

div.anchorLink a:hover
{
	color: #FF921A;
}


/* END Display Products */

/* Styles for showing the page numbers */
div.pageNumber
{ 
	text-align: right;
	padding-bottom: 2px;
}

div.pageNumber ul
{
	font-size: 0.75em;
}

div.pageNumber li
{
	line-height:160%; 
	list-style-type: none;  
	display: inline;
	margin: 0px 3px;
}

div.pageNumber li.currentPage
{
	border: 1px solid #FF8040;
	padding: 0px 5px;
	margin: 0px; 
	font-weight: bold;
	color: white;
	background-color: #FF8040;
	font-weight: bold;
}

div.pageNumber a
{	
	background-color: white;
	border: solid 1px #FF8040;
	color: #FF6215;
	padding: 0px 4px;
	font-weight: bold;
}

div.pageNumber a:hover
{
	background-color: #FF921A;
	color: white;
}

/* END Page NUmber */

div.searchMenu
{
	font-size: 0.85em;
}

div.searchMenu h3
{
	font-size: 1.0em;
}

div.searchMenu h4
{
	font-size: 1.15em;
}

div.searchMenu hr
{
	border: 1px solid #7ABAF2;
}

div.searchMenu ul.invList li
{
}

div.searchMenu ul.invList a
{
	font-size: 1.10em;
}



/* Table for showing the alphabet and letting the user select a letter to find a customer
*/
table.customerTable
{
	width: 180px;
	border-collapse:collapse;
	border-spacing: 0;
	text-align: center;
	background: white;
	margin: 0 auto;
}
table.customerTable caption
{
	border-top: 1px solid;
	border-bottom: 1px solid;
	background-repeat: repeat-x; 
	background-image: url(image/tablecaption.gif); 
	color: white;
	font-weight: bold;
	border-color: #0074D9;
	margin: 0 auto;
}

table.customerTable a
{
	font-weight:bold;
	color: #4192D9;
	padding: 2px;
}

table.customerTable a:hover
{
	color: white;
	background-color: #7ABAF2;
}

/* generic div that puts spaces between cells */
table.tableSpace, table.tableSpace td, table.tableSpace tr
{
	padding: 5px;
	text-align: left;
}

table.tableCheckout
{
	vertical-align: top; 
	padding-left: 20px; 
	width: 100%; 
	height: 250px; 
	font-size: 0.9em;
}

/* START styles for the customer/shipping/misc info on an order page */
table.orderInfoRow
{
	font-size: 0.95em;
}

table.orderInfoRow tr
{
	vertical-align: top;
}

div.orderDateStyle
{
	padding: 20px 0px 20px 0px; 
	font-size: 0.95em;
}

/* END styles for the customer/shipping/misc info on an order page */

/* START editOrderMenuStyle - the menu used for editting an order*/

table.editOrderMenuStyle
{
	margin: auto; 
	text-align: left;
}
table.editOrderMenuStyle td
{
	padding: 3px;
	font-size: 1.10em;
}

/* END editOrderMenuStyle */

/* START Styles for displaying Items */

table.itemBox
{
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #999999;
	font-size: 0.95em;
}

table.itemBox td
{
	padding: 0px;
}

ul.itemLeftColumnList
{
	list-style:none; 
	margin: 0px; 
	padding: 0 5px 5px 5px;
}

li.itemLeftColumnListItem
{
	padding: 5px 10px 5px 10px; 
	margin: 0px 5px;
	border-bottom: 1px solid #D8D8D8;
	font-size: 85%;
}

div.itemRightColumn
{
	border-left: 1px solid #999999; 
	padding: 0 10px 10px 10px; 
	height: 100%;
}

table#itemRightBox
{ 
	background-color: #FFFBE8;
	border: solid 1px #aaa;
	border-spacing: 0px;
	white-space:nowrap;
}

table#itemRightBox td
{
	padding: 0px 5px;
	margin: 0px;
	font-size: 0.90em;
}

table#itemRightBox td.itemField
{
	padding-left: 5px;
	text-align: right;
	font-weight: bold;
}

table#itemRightBox tr
{
	padding: 0px;
	margin: 0px;
}

/* div and links for listing items in the group page */

div.groupList
{
	margin-left: 30px; 
	font-size: 0.9em;
}

div.groupList a, div.itemModify a
{
	color: #3366CC;
}

div.groupList a:hover, div.itemModify a:hover
{
	text-decoration: underline;
}

div.itemModify
{
	font-size: 0.9em;
	float: right; 
	padding: 2px 5px; 
	margin-top: 5px; 
	text-align:right;
}

caption.approvalCaption
{
text-align: left; font-weight: bold; color: #4192D9;
}

/* grey title */
span.editOrderMenuStyle
{
	color: #eee; 
	font-size:0.9em;
	font-weight: bold;
}

div.editOrderMenuStyle
{
	text-align: right; margin-top: 4px;
	padding-right: 10px;
}

/*
a.redButton
{
	background-color:#FF5555; 
	text-decoration: none; 
	color: #FFFF00; 
	width: 200px; 
	text-align:center; 
	padding: 2px 7px 2px 7px;
	font-weight: bold;
	border: 1px solid #9B0000;
}

a.redButton:active
{
	background-color:#B90000;
}

input.redInputbutton
{
	background-color: #FF5555; 
	color : yellow;
	font-weight: bold;
	padding: 2px 7px 2px 7px;
}

div.itemDescription
{
	border-top: 1px solid #CCCCCC;
	padding-top: 10px;
}
*/

/* END Styles for displaying Items */


/*******************************************************************************/

/*******************************************************************************/

/*******************************************************************************/




/* formatting the middle column that displays the table of items */
table.tableMiddleBox
{
	border-collapse:collapse;
	border-spacing: 0;
	font-size: 85%;
	width: 100%;
	text-align: center;
}

table.tableMiddleBox caption
{
	background-color: #3399CC;
	font-weight: bold;
	color: white;
	padding-left: 5px;
}

table.tableMiddleBox td, th
{
	padding: 5px;
} 

table.tableMiddleBox tr 
{
	vertical-align: top;
	border-bottom: 1px #E8E8E8 solid;
}


table.tableMiddleBox tr.sectionTitle td
{
	color: red;
	text-align: left;
	font-weight: bold;
	height: 50px;
	vertical-align: bottom;
	text-decoration: none;
}

/* all the column titles should not wrap */
table.tableMiddleBox tr.columnTitle
{
	white-space:nowrap;
	background-color: #CCFFCC;
	border: 1px solid #00CE00;
}

table.tableMiddleBox tr.columnTitle a
{
	color:#000000;
	text-decoration:none;
}

table.tableMiddleBox tr.columnTitle a:hover
{
	text-decoration: underline;
}

table.tableMiddleBox tr.columnTitle td.columnTitleDescription
{
	width: 100%; /* this forces this column to take up all the remaining space */
	text-align: left;
}

/* END column titles */

table.tableMiddleBox td.description
{
	width: 100%; /* this forces this column to take up all the remaining space */
	text-align: left;
}

table.tableMiddleBox td.description a
{
	color:#0000FF;
	text-decoration:none;
}

/* ADD style - the link to add the current item to the cart. */
table.tableMiddleBox a.add
{
	color: red;
	text-decoration: none;
}

/* END MiddleBox formatting */



/* start styles for newOrder.php *****************************/


/* end styles for newOrder.php *******************************/

table.dateFormStyle
{
	padding: 5px; 
	border-spacing: 0; 
	border: 1px gray solid;
}

table.dateFormStyle caption
{
	background-color: #3399FF;
	font-weight: bold;
	color: white;
	padding-left: 5px;
}





/* END inventoryMenu.php **********************************/