BODY.default {
	/* sets basic style on the body */
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 11px;
	color : #333333;
	/* sets background color and/or background image if specified */
	/* For background images, use for example: background : url(../images/searchbar_bg.gif); */
	background-color : #578b27;
	/*background : url(../images/test_body_bg.gif);*/
	position:relative;
	
}

BODY.clear {
	/* use for basic style on Printer Friendly pages */
	margin-top : 3px;
	margin-left : 4px;
	margin-right : 3px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px; 
	color : #333333;
	background-color : #ffffff;
}
.PrintlogoDisplay
{
	display:none;
}



/* ################################################################## */
/* DVPDS20080204 - the following styles are used for the item listing */

/* START */

.orderbytype
{
	background-image: url(../images/orderbytype.jpg);
	height:595px;
	
	background-repeat:no-repeat;
	
}


.thank_you
{
	background-color:#ffffff;
	padding:5px;}

th.thgrn /*green*/
{
	background-image: url(../images/table_01.gif);
	background-repeat:repeat-x;
	background-color:#558c27;
	color:#05561c;
}

th.thlgrn /*light green */
{
	background-image: url(../images/table_02.gif);
		background-repeat:repeat-x;
	background-color:#155f0a;
	color:#05561c;
}

th.thgrn_header /*green*/
{
	background-image: url(../images/table_01.gif);
	background-repeat:repeat-x;
	background-color:#558c27;
	color:#ffffff;
}

th.thlgrn_header /*light green */
{
	background-image: url(../images/table_02.gif);
		background-repeat:repeat-x;
	background-color:#155f0a;
	color:#ffffff;
}

th.thgrn_header_item /*green*/
{
	background-image: url(../images/table_01.gif);
	background-repeat:repeat-x;
	background-color:#558c27;
	color:#ffffff;
	border-top:2px solid black;
}

th.thgrn_header_item_1 /*green*/
{
	background-image: url(../images/table_01.gif);
	background-repeat:repeat-x;
	background-color:#558c27;
	color:#ffffff;
	border-top:0px solid black;
}

th.thlgrn_header_item /*light green */
{
	background-image: url(../images/table_02.gif);
		background-repeat:repeat-x;
	background-color:#155f0a;
	color:#ffffff;
	border-top:2px solid black;
}

th.thlgrn_header_item_1 /*light green */
{
	background-image: url(../images/table_02.gif);
		background-repeat:repeat-x;
	background-color:#155f0a;
	color:#ffffff;
	border-top:0px solid black;
}

th.thprp /*purple */
{
	background-image: url(../images/table_03.gif);
	color:black;
	font-size:12px;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	padding : 5px 5px 5px 5px;
}

th.thprp_right
{
	background-image: url(../images/table_03.gif);
	color:black;
	font-size:12px;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	padding : 5px 5px 5px 5px;
	/*width:150px;*/
}

th.thprp_item /*purple */
{
	background-image: url(../images/table_03.gif);
	color:black;
	font-size:12px;
	background-color:#9a8fb1;
	background-repeat:repeat-x;
	border-top:2px solid black;
	
}

th.thprp_item_1 /*purple */
{
	background-image: url(../images/table_03.gif);
	color:black;
	font-size:12px;
	background-color:#9a8fb1;
	background-repeat:repeat-x;
	border-top:0px solid black;
	
}


.border_right
{
	border-right:1px solid black;}

th.thlprp /*light purple */
{
	background-image: url(../images/table_04.gif);
	background-repeat:repeat-x;
	color:black;
	font-size:12px;
	background-color:#c7a8e3;
	border: 1px solid black;
	padding : 5px 5px 5px 5px;
}

th.thlprp_item /*light purple */
{
background-image: url(../images/table_04.gif);
	background-repeat:repeat-x;
	color:black;
	font-size:12px;
	background-color:#c7a8e3;
	border-top:2px solid black;
}

th.thlprp_item_1 /*light purple */
{
background-image: url(../images/table_04.gif);
	background-repeat:repeat-x;
	color:black;
	font-size:12px;
	background-color:#c7a8e3;
	border-top:0px solid black;
}

td.vlgrn /*very light green */
{
	background-color : #77a373;
}

td.elgrn /*extra light green */
{
	
	background-color : #95c385;
}

td.elprp /*extra light purple */
{
	background-color : #d5d0ec;
	width : 100px;
}
td.elprp5 /*extra light purple */
{
	background-color : #d5d0ec;
	width : 100px;
}
td.slprp5 /*super light purple */
{
	background-color : #f2eafa;
	width : 100px;
}
td.slprp /*super light purple */
{
	background-color : #f2eafa;
	width : 100px;
}

td.vlgrn8 /*very light green - 80px wide */
{
	background-color : #77a373;
	width : 80px;
}

td.vlgrn5 /*very light green - 50px wide */
{
	background-color : #77a373;
	width : 50px;
}

td.elgrn5 /*extra light green - 50px wide */
{
	background-color : #95c385;
	width : 50px;
}


/* END */

/* ######################################################################### */
/* The following styles are used to set the various DVI elements of the site */
/* ######################################################################### */

DIV#menulinks
{
	width : 960px;
	position:absolute;
	Left:20px; top:115px;
	/*padding : 4px 4px 4px 4px;*/
	/*padding-left:10px;
	padding-right:10px;top:450px;*/
 z-index:1000;
}
.xxx
{
	background-color:red; height:200px; width:780px;
	font-size:30px;
	border:solid 2px blue;
}
DIV#topLogoSection
{
	/* sets style on top section of page */
	width : 960px;
	height : 105px;
	background-image : url(../images/top_bg.gif);
	
}
DIV#topsection
{
	/* sets style on top section of page */
	width : 960px;
	height : 125px;
}

DIV#mainsection 
{
	/* sets style on main section of page (include left section, middlesection and right sections) */
	width : 942px;
	background-image: url(../images/right_shadow.gif);
	padding:15px;
	min-height:400px;
	height:auto !important;
	height:400px;
}

DIV#mainsection_green 
{
	/* sets style on main section of page (include left section, middlesection and right sections) */
	width : 942px;
	background-image: url(../images/right_shadow_green.gif);
	padding:15px;
	height:auto;
}
	

a:link {
	color: #05561c;
}
a:visited {
	color: #05561c;
}
a:hover {
	color: #000000;
}
a:active {
	color: #05561c;
}

.account_menu a:link,
.account_menu a:visited,
.account_menu a:active

{
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;}

.account_menu a:hover
{
	font-size:14px;
	color:#000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;}
	
.login a:link,
.login a:active,
.login a:visited
{
	
	font-family : verdana,arial,sans-serif;
	font-size : 13px;
	font-weight:bold;
	color : #ffffff;
	text-decoration : underline;
	letter-spacing: 3px;
}

.login a:hover
{
	
	font-family : verdana,arial,sans-serif;
	font-size : 13px;
	font-weight:bold;
	color : #000000;
	text-decoration : underline;
	letter-spacing: 3px;
}

DIV#menulinks a:link,
DIV#menulinks a:visited
{
	color:White;}
DIV#menulinks a:hover 
{
	color:#9afa27;}

DIV#menulinks a:active
{	color:#9afa27;
}

DIV#statDiv a:active,
DIV#statDiv a:link,
DIV#statDiv a:visited
{
	color: Purple;
	font-weight:bold;
	padding-left:5px;
	font-size:14px;
	text-decoration:none;
	}
DIV#statDiv a:hover
{
	color: #052800;
	font-weight:bold;
	padding-left:5px;
	font-size:14px;
	text-decoration: underline;
	}
	
.purple_link a:active,
.purple_link a:link,
.purple_link a:visited
{
	color: Purple;
	font-weight:bold;
	padding-left:5px;
	font-size:14px;
	text-decoration:none;
	}
.purple_link a:hover
{
	color: #052800;
	font-weight:bold;
	padding-left:5px;
	font-size:14px;
	text-decoration: underline;
	}

DIV#frontmainsection 
{
	/* sets style on main section of page (include left section, middlesection and right sections) */
	width : 972px;
	background-image: url(../images/right_shadow.gif);
	
	padding : 0px 0px 0px 0px;
}

.text_bold 
{
	font-weight:bold;
	font-size:12;
	color:#000000;}

.show
{
	font-weight:bold;
	font-size:14;
}

/* #################################################################################### */
/* The following styles are used to set the various widths of main elements of the site */
/* #################################################################################### */

.footer
{
	/* sets style on footer control */
	width : 960px;
	background-color : #E8E8E8;
	background : url(../images/searchbar_background.gif);
	text-align : right;
	padding-bottom : 5px;
	padding-top : 5px;
}

.footerdivline
{
	/* sets style on footer control right line */
	width : 1px;
	background-color : #E8E8E8;
}

.footerLinks
{
	/* sets style on footer control */
	width : 960px;
	text-align : center;
}

.leftsection 
{
	/* sets style on left section of page (categories) */
	width : 157px;
	padding : 4px 4px 0px 4px;
	background-color : #E7E7EF;
	background-image : url(../images/left_sec_bg.gif);
}



.mainsectionALT 
{
	/* sets style on main section of page where no right section is shown (include left section, middlesection and right sections) */
	width : 960px;
	background-color : #FFFFFF;
}

.middivlines 
{
	/* sets style on lower div lines */
	width : 960px;
	background-color : #CCCCCC;
}

.middlesection 
{
	/* sets style on middle section of page (main body) */
	width : 670px;
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #333333;
	padding : 4px 4px 4px 4px;
}

.middlesectionHome
{
	/* sets style on middle section of page of the homepage (main body) */
	width : 670px;
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #333333;
	padding : 4px 0px 4px 0px;
}

.middlesectionALT
{
	/* sets style on middle section of page when the right section is not shown (main body) */
	width : 791px;
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #333333;
	padding : 4px 4px 4px 4px;
}

.navicon
{
	/* sets background color behind page link icons */
	/* the icons are transparent, so this color determines how the icon will appear */
	/* on dark backgrounds, the icon will appear white, along with the color below  */
	/* on white backgrounds, the icon will appear with just the color defined below */
	background-color : #3C355D;
}

.postSearchBar
{
	/* sets style on horzontal divider between the search bar and top categories */
	background-color : #FFFFFF;
	width : 960px;
	
}

.secdiv
{
	/* sets style on vertical divider between the leftsection, mainsection, and rightsection */
	background-color : #CCCCCC;
	width : 1px;
}

.topdivlines 
{
	/* sets style on top div lines */
	width : 960px;
	background-color : #999999;
}

.rightsection 
{
	/* sets style on right section of page (what's new, recently viewed) */
	width : 120px;
	padding : 4px 4px 4px 4px;
	background-color : #E7E7EF;
	background-image : url(../images/right_sec_bg.gif);
}

.topnavcats
{
	/* sets style on category dropdown section */
	/* the background color is set by the language tag used
	for the dynamic menu */
	width : 960px;
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #333333;
	background : url(../images/top_cat_bg2.gif);
}

.loginbutton {
background-image:url(../images/login_button.gif);
background-repeat:no-repeat;
width:175px;
height:85px;
padding:10px;
color:#ffffff;
float:left;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
/*vertical-align:Middle;*/
}

.loginbutton a:link,
.loginbutton a:visited,
.loginbutton a:active,
.loginbutton a:hover
{
	color:#ffffff;
	text-decoration:none;
}

.backgroundcolour
{
	/* sets background to white */
	background-color : #ffffff;
}

.breadcrumb
{
	border : solid 1px #cccccc;
	background-color : whitesmoke;
	padding : 3px 3px 3px 3px;
}

.spacer
{
	/* referenced by elements that used to use a combination of a spacer image 
	and table to create space. The dimensions of the spacer image creates the spacing */
	padding : 0px 0px 0px 0px;
}


/* ######################################################################### */
/* END of styles used to set the various widths of main elements of the site */
/* ######################################################################### */

/* The following three styles are used for the "What's New" control */

.whatsnewparent
{
	width: 100%;
	background-color : #989898;
	padding : 1px 1px 1px 1px;
}

.whatsnewtitle
{
	font-family : arial,sans-serif;
	font-size : 12px;
	color : #ffffff;
	padding : 2px 2px 2px 2px;
	text-align : center;
	background : url(../images/left_nav_title_bg.gif);
}

.whatsnewbody
{
	text-align : center;
	background-color : #FFFFFF;
	padding : 3px 3px 3px 3px;
}

/* The following four styles are used for the "Recently Viewed" control */

.recentlyviewedparent
{
	width: 100%;
	background-color : #989898;
	padding : 1px 1px 1px 1px;
}

.recentlyviewedtitle
{
	font-family : arial,sans-serif;
	font-size : 12px;
	color : #ffffff;
	padding : 2px 2px 2px 2px;
	text-align : center;
	background : url(../images/left_nav_title_bg.gif);
}

.recentlyviewedbody
{
	text-align : center;
	background-color : #FFFFFF;
	padding : 2px 2px 2px 2px;
}

.recentlyviewedlink
{
	text-align : center;
	background-color : #c9dbf2;
	padding : 2px 2px 2px 2px;
}


/* The following four styles are used for the "Left Cart Summary" control */

.leftcartsummaryparent
{
	width: 100%;
	background-color : #989898;
	padding : 1px 1px 1px 1px;
}

.leftcartsummarytitle
{
	font-family : arial,sans-serif;
	font-size : 12px;
	color : #ffffff;
	padding : 2px 2px 2px 2px;
	text-align : center;
	background : url(../images/left_nav_title_bg.gif);
}

.leftcartsummarybody
{
	text-align : center;
	background-color : #FFFFFF;
	padding : 1px 1px 1px 1px;
}

.leftcartsummarylink
{
	text-align : center;
	background-color : #c9dbf2;
	padding : 2px 2px 2px 2px;
}

/* The following three styles are used for the "Left Categories" control */

.leftcategoryparent
{
	width: 100%;
	background-color : #989898;
	padding : 1px 1px 1px 1px;
}

.leftcategorytitle
{
	font-family : arial,sans-serif;
	font-size : 12px;
	color : #ffffff;
	padding : 2px 2px 2px 2px;
	text-align : center;
	background : url(../images/left_nav_title_bg.gif);
}

.leftcategorybody
{
	text-align : center;
	background-color : #FFFFFF;
	padding : 1px 1px 1px 1px;
}

.leftmenu
{
	background-color : #989898;	
}

span.bold
{
	/* used for Your Price on the product details page */
	font-size : 11px;
	font-weight: bold;
}

span.contentTitle 
{
	/* used for Managed Content titles, where the managed
	contents consists of a title and body that loops */
	font-size : 14px;
	font-weight: bold;
	width : 50%;
}

span.plaintext
{
	/* for plain text */
	font-size : 11px;
	padding : 3px;
}

span.red 
{
	/* used for You Saved on the product details page */
	font-size : 11px;
	color : Red;	
	font-weight: normal;
}

span.tabletext
{
	/* for table text, less padding */
	font-size : 11px;
	padding : 0px 0px 0px 0px;
}


H1 {
	/* sets the style of the specified header */
	font-size : 16px;
	color : #333333;
}
H2 {
	/* sets the style of the specified header */
	font-size : 15px;
	color : #333333;
}
H3 {
	/* sets the style of the specified header */
	font-size : 14px;
	color : #5b0f67;
}

H4 {
	/* sets the style of the specified header */
	font-size : 12px;
	color : #000000;
	font-weight:normal;
}

H5 {
	/* sets the style of the specified header */
	font-size : 16px;
	color : #000000;
	font-weight:normal;
}

label {
	/* sets the style of the specified header */
	font-size : 12px;
	color : #000000;
	font-weight:normal;
}

.vendor_title 
{
	color: #000000;
}




table.details {
	/* sets style on tables that display
	various fields i.e. User account info 
	column colours determined by td.detailsleft
	and td.detailsright */
	border: none;
	background-color : #000000;
}

table.detailsheader {
	/* sets style on tables that display
	various fields i.e. User account info 
	column colours determined by td.detailsleft
	and td.detailsright */
	border: none;
	background-color : #ffffff;
}

table.detailstitle 
{
	/* sets style on Product Details - Product Name */
	border: 1px solid #DBDBDB;
	padding : 0px;
}

table.login 
{
	/* sets style on the Login table */
	border: 1px solid;
	border-color : #747a85 #747a85 #747a85 #747a85;
	padding : 0px;
	background-color : #BAC4D9;
}

table.search 
{
	/* sets style on the search bar table */
	width : 960px;
	background : url(../images/searchbar_background.gif);
}


td {
	/* sets basic font family in table data without a defined style */
	font-family : arial,sans-serif;
	font-size : 11px;
}

td.advancedResults
{
	/* used where specific padding is used, in dynamic tables. */
	/* i.e. All recently viewed items, my favorites, search category results,
	various category controls, shopping cart and order confirmation page */
	
	background-color : #DFEAF8;
	padding : 0px 0px 0px 0px;
	border: 1px solid;
	border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
}
table.aspxtable
{ 
	PADDING: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT: #999 1px solid; 
	BORDER-BOTTOM: #999 1px solid;
	BORDER-TOP: #999 1px solid;
}
/*{
	 sets 'table' bgcolor 
	background-color : #b3b3b3;
	border : none;
}*/
td.aspxheader
{ 
	BORDER: #999 1px solid; 
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	FONT-WEIGHT: normal; 
	BACKGROUND:  #052800; 
	PADDING-BOTTOM: 3px; 
	MARGIN: 0px; 
	PADDING-TOP: 4px; 
	font-size:12px; 
	width:250px; 
}
/*{
	 sets column header bgcolor and 'cellpadding' 
	font-size : 12px;
	font-weight : bold;
	background-color : #052800;
	padding : 5px;
	border: 1px solid gray;*/
	/*border-color : #ececec #a0a7b1 #a0a7b1 #ececec;
	border-bottom-width : 0px;
	border-right-width : 0px;
	width:200px;
}*/
td.aspxitempadded
{	
	BORDER-RIGHT: #999 1px solid; 
	BORDER-LEFT: #999 1px solid; 
	BORDER-BOTTOM: #999 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #999 1px solid; 
	PADDING-LEFT: 4px; 
	PADDING-BOTTOM: 3px; 
	MARGIN: 0px; 
	PADDING-TOP: 2px 
}
/*{
	 used where specific padding is used, in dynamic tables. */
	/* i.e. All recently viewed items, my favorites, search category results,
	various category controls, shopping cart and order confirmation page 
	font-size : 11px;
	background-color : #F1F1F1;
	padding : 4px;
	border: 1px solid gray;
	
	border-bottom-width : 0px;
	border-right-width : 0px;
}*/
td.aspxheaderalt
{
	/* sets column header bgcolor and 'cellpadding' 
	same as above, but used for variety */
	background-color : #afbed1;
	font-weight : bold;
	padding : 2px;
	border: 1px solid;
	border-color : #ececec #a0a7b1 #a0a7b1 #ececec;
	border-bottom-width : 0px;
	border-right-width : 0px;
}

td.aspxitem
{
	/* used where no padding is needed */
	/* i.e. my favorites, order history, manage addresses, and reports */
	background-color : whitesmoke;
	/* padding set to 0, since padding is set by
	aspxlinks class below */
	padding : 0px;
}

.rbheader
{
	font-family:Arial;
	font-size:10px;
	
}

td.nopad
{
	/* used where no padding is needed. */
	/* i.e. All recently viewed items, search category results,
	and various category controls */
	background-color : #ffffff;
	padding : 0px 0px 0px 5px;
	border: 1px solid;
	border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
	width:200px;
}

td.cartsummary 
{
	/* Used on the left cart summary, recently viewed and what's hot controls */
	font-family : arial,sans-serif;
	font-size : 10px;
	color : #333333;
}

td.categories 
{
	/* Sets style on the top categories control */
	/* Note: this control is only displayed when the dropdown menu is not used. */
	font-family : arial,sans-serif;
	font-size : 12px;
	color : #474765;
	font-weight : bold;
}

td.description
{
	font-family : arial,sans-serif;
	font-size : 12px;
}

td.detailstitle {
	/* sets style on the item name above the Details */
	border: 0px outset;
	background-color : #EFF3F8;
	font-size : 12px;
	font-weight : bold;
}

td.detailsleft {
	/* sets style on the left part of the Details section
	(Manufacturer SKU, Description, Web Price etc.)
	used throughout the site where a listing is displayed, such 
	such as user info, where the left column and right column
	are shown with different colors */
	padding : 5px;
	font-weight:bold;
	background-image: url(../images/table_05.gif);
	background-repeat:repeat-y;
	font-size : 11px;
	background-color:#a9ee5e;
	border: 0px solid;
	color:White;
	border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
}

td.detailsleft2 {
	/* sets style on the left part of the Details section
	(Manufacturer SKU, Description, Web Price etc.)
	used throughout the site where a listing is displayed, such 
	such as user info, where the left column and right column
	are shown with different colors */
	padding : 5px;
	font-weight:bold;
	background-image: url(../images/table_07.gif);
	background-repeat:repeat-y;
	font-size : 11px;
	background-color:#a9ee5e;
	border: 0px solid;
	color:White;
	border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
}

td.detailsright 
{
	/* sets style on the right part of the Details section
	used throughout the site where a listing is displayed, such
	such as user info, where the left column and right column
	are shown with different colors */
	padding-left: 5px;
	
	background-image: url(../images/table_06.gif);
	background-color:#156809;
	background-repeat:repeat-y;
	font-size : 11px;
	border: 0px solid;
	border-color : #ffffff #cccccc #cccccc #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
}

td.drh
{
	/* sets style on the right part of the Details section
	used throughout the site where a listing is displayed, such
	such as user info, where the left column and right column
	are shown with different colors */
	/*padding-left: 5px;*/
	background-color:#ffffff;
	background-repeat:repeat-y;
	font-size : 9px;
	font-family:arial,sans-serif;
	border: 0px solid;
	border-color : #ffffff #cccccc #cccccc #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
}

td.dlh {
	/* sets style on the left part of the Details section
	(Manufacturer SKU, Description, Web Price etc.)
	used throughout the site where a listing is displayed, such 
	such as user info, where the left column and right column
	are shown with different colors */
	padding : 5px;
	font-weight:bold;
	
	background-repeat:repeat-y;
	font-size : 11px;
	background-color:#ffffff;
	border: 0px solid;
	color:black;
	border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
	/*width:180px;*/
	
}

td.detailsheader 
{
	/* sets style on the header section of reports */
	padding : 0px;
	background-color : #E3E9ED;
	font-size : 11px;
	border: 1px solid;
	border-color : #ffffff #a0a7b1 #a0a7b1 #ffffff;
	border-bottom-width : 0px;
	border-right-width : 0px;
}

td.large 
{
	/* used on the Featured Items control */
	font-family : arial,sans-serif;
	font-size : 12px;
	color : #333333;
}

.leftcattitle 
{
	/* Sets style on various controls where a white text is displayed against a dark background */
	/* i.e. recently viewed, what's hot, left cart summary, what's new, left categories */
	font-family : arial,sans-serif;
	font-size : 12px;
	color : #ffffff;
	padding : 1px 2px 1px 2px;
	background : url(../images/left_nav_title_bg.gif);
}

/* ##################################################### */
/* The following styles are used for the left categories */
/* ##################################################### */


/* The following styles are used for the <TD> background color */

.catLevel1
{
	/* sets style on the 1st level categories */
	background-color : #FFFEE4; /* yellow */
}

.catLevel1ON
{
	/* sets style on active 1st level category */
	background-color : #625091; /* dk blue */
}

.catLevel2
{
	/* sets style on the 2nd level categories */
	background-color : #8491CF;
}

.catLevel2ON
{
	/* sets style on active 2nd level category */
	background-color : #4966E1;
}

.catLevel2FOCUS
{
	/* sets style on active 2nd level category */
	background-color : #B8C4F8;
}

.catLevel3
{
	/* sets style on the 3rd level categories */
	background-color : #A4B3F5;
}

.catLevel3ON
{
	/* sets style on active 3rd level category */
	background-color : #4966E1;
}

.catLevel3FOCUS
{
	/* sets style on active 3rd level category */
	background-color : #C8D1F9;
}

.catLevel4
{
	/* sets style on the 4th level categories */
	background-color : #C1CBF8;
}

.catLevel4ON
{
	/* sets style on active 4th level category */
	background-color : #4966E1;
}

.catLevel4FOCUS
{
	/* sets style on active 3rd level category */
	background-color : #C8D1F9;
}

.catLevel5
{
	/* sets style on the 5th level categories */
	background-color : #DCE1FA;
}

.catLevel5ON
{
	/* sets style on active 5th level category */
	background-color : #4966E1;
}

.catLevel5FOCUS
{
	/* sets style on active 3rd level category */
	background-color : #C8D1F9;
}

/* The following styles are used for the HREF colors */

.catHREF1
{
	/* sets style on the 1st level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #666666;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF1ON
{
	/* sets style on active 1st level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF2
{
	/* sets style on the 2nd level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF2ON
{
	/* sets style on active 2nd level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF2FOCUS
{
	/* sets style on active 2nd level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #081031;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF3
{
	/* sets style on the 3rd level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #000033;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF3ON
{
	/* sets style on active 3rd level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF3FOCUS
{
	/* sets style on active 3rd level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #081031;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF4
{
	/* sets style on the 4th level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #000033;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF4ON
{
	/* sets style on active 4th level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF4FOCUS
{
	/* sets style on active 4th level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #081031;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF5
{
	/* sets style on the 5th level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #000033;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

.catHREF5ON
{
	/* sets style on active 5th level links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px; 
	padding-top : 2px;
	padding-left : 4px;
	padding-right : 2px;
}

/* ####################################### */
/* END styles used for the left categories */
/* ####################################### */


td.leftcat 
{
	/* sets style on the 1st level categories in the left category control */
	background-color : #FFFEE4;
}

td.mausover 
{
	/* Used in the tabs of the Product Details templates - color of tab when selected */
	/* Note: changes made here must also be made to the templates themselves, */
	/* as the javascript used for the tabbing requires specific values */
	background-color : #D3DDE9;
}
td.mausnotover 
{
	/* Used in the tabs of the Product Details templates - color of tab when NOT selected */
	/* Note: changes made here must also be made to the templates themselves, */
	/* as the javascript used for the tabbing requires specific values */
	background-color : whitesmoke;
}

td.navwhite 
{
	/* Used on the Pagelinks, accountlinks and signinsummary controls */
	font-family : verdana,arial,sans-serif;
	font-size : 11px;
	color : #ffffff;
}

td.padded
{
	/* used in the My Favorites control */
	font-size : 11px;
	background-color : #B3B3B3;
	padding : 3px 0px 0px 0px;
}

td.reg 
{
	/* Used in Featured Items, Footer, Search bar, Cart Summary */
	/* Just ordinary text, nothing special */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #333333;
}

A.aspxlinks {
	/* sets style on links in various pages such as: */
	/* my favorites, customer order history, manage address, order history, reports etc. */
	font-size : 11px;
	padding : 3px;
	color : #333366;
	text-decoration : none;
	display : block;
	position : relative;
}
A:HOVER.aspxlinks {
	/* changes the link color and places
	a color bar behind the link on hover by
	changing the 'color' and 'background-color' settings */
	font-size : 11px;
	padding : 3px;
	color : #ffffff;
	background-color : #5a647c;
	text-decoration : none;
	display : block;
	position : relative;
}

a.cartsummary 
{
	/* sets style on Left Cart Summary, recently viewed and what's hot control links */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #414167;
	text-decoration : none;
}

A.dvpsubcat 
{
	/* sets style on 1st level Left Category links */
	font-size : 11px;
	color : #003399;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
}


A.advancedResults 
{
	/* sets style on Category links on the Advanced Search Results page*/
	font-size : 12px;
	color : #003399;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 3px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 3px;
}

A:HOVER.advancedResults 
{
	/* sets style on HOVER Category links on the Advanced Search Results page */
	font-size : 12px;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 3px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 3px;
	background-color : #5A5A80;
}


A.advancedResultsSmall 
{
	/* sets style on Category links on the Advanced Search Results page*/
	font-size : 11px;
	color : #003399;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 3px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 3px;
}

A:HOVER.advancedResultsSmall
{
	/* sets style on HOVER Category links on the Advanced Search Results page */
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	position : relative;
	padding-bottom : 3px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 3px;
	background-color : #5A5A80;
}

a.gray 
{
	/* Used where gray links are needed */
	/* For example: Footer, Searchbar, CartSummary */
	font-family : arial,sans-serif;
	font-size : 11px;
	color : #333333;
	text-decoration : none;
}

A.more {
	/* sets style on navigation links such as  A-C D-F */
	color : #003399;
	text-decoration : none;
	font-size : 11px;
	padding-bottom : 2px;
	padding-left : 0px;
	padding-right : 2px;
	padding-top : 2px;
}
A:HOVER.more {
	/* sets style on navigation links such as  A-C D-F */
	text-decoration : none;
	font-size : 11px;
	padding-bottom : 2px;
	padding-left : 0px;
	padding-right : 2px;
	padding-top : 2px;
}
a:link.factlinks {
	font-family : verdana,arial,sans-serif;
	font-size : 12px;
	color : #4B4B76;
	text-decoration : none;
}
a:visited.factlinks {
	font-family : verdana,arial,sans-serif;
	font-size : 12px;
	color : #4B4B76;
	text-decoration : none;
}
a:hover.factlinks {
	font-family : verdana,arial,sans-serif;
	font-size : 12px;
	color : #4B4B76;
	text-decoration :underline;
}
a:active.factlinks {
	font-family : verdana,arial,sans-serif;
	font-size : 12px;
	color : #4B4B76;
	text-decoration : none;
}
a.navwhite 
{
	/* Used where white links are needed.*/
	/* For example: accountlinks and pagelinks controls */
	font-family : verdana,arial,sans-serif;
	font-size : 13px;
	font-weight:bold;
	color : #000000;
	text-decoration : underline;
	letter-spacing: 3px;
}



a.navwhitetop
{
	/* Used where white links are needed.*/
	/* For example: accountlinks and pagelinks controls */
	font-family : verdana,arial,sans-serif;
	font-size : 11px;
	color : #ffffff;
	text-decoration : none;
}

A.others 
{
	/* Sets style on links that do not require special attributes */
	color : #4A59A5; /* dark blue */
	text-decoration : none;
	font-size : 11px;
}


A.productdetails 
{
	/* Sets the link in the tabs of the product details page */
	color : #333333;
	text-decoration : none;
	display : block;
	position : relative;
	font-weight : bold;
}

A.related {
	/* sets style on Related Items on the product details page, specifically the 
	Item Name that acts as a link. Also used for the predictorprods control */
	color : #333366;
	text-decoration : none;
	font-size : 11px;
	display : block;
	position : relative;
	padding: 3px;
}

A.whatsnew {
	/* sets style on What's New links at the right of page,
	in the What's New section */
	color : #003399;
	text-decoration : none;
	display : block;
	position : relative;
	font-size : 11px;
	font-weight : bold;
}

a.sitelinks
{
	color : #FFFFFF;
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
	/*padding : 3px 5px 3px 5px;
	margin : 3px 5px 3px 5px;*/
}

.sitelinksalt
{
	color : #FFFFFF;
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
	/*padding : 3px 5px 3px 5px;
	margin : 3px 5px 3px 1px;*/
}

input.standard 
{
	/* Use for input text on Advanced Search page and the default Search Bar */
	font-family : Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	font-size : 11px;
	color : #333333; 
	margin-bottom: 0px; 
	margin-top: 0px;
	background-color : #ffffff;
}

input.solid {
	/* Use for input text - This is the default style applied to textboxes */
	font-family : Arial, Helvetica, sans-serif;
	border-color : #999999;
	border-style : solid;
	border-width : 1px;
	font-size : 11px;
	color : #000000; 
	background-color : #ffffff;
	margin-bottom: 0px;
	margin-top: 0px;
	padding : 1px 1px 1px 3px;
}

input.solidform {
	/* Use for input text on the Address control. 
	The address control is used on the checkout page, for example. */
	font-family : Arial, Helvetica, sans-serif;
	border-color : #999999;
	border-style : solid;
	border-width : 1px;
	font-size : 11px;
	color : #000000; 
	background-color : #ffffff;
	margin-bottom: 0px; 
	margin-top: 0px;
	padding : 1px 1px 1px 3px;
	width : 175px;
}

/* ########################### */
/* Start Paging control styles */
/* ########################### */

input.pageon 
{
	/* Sets the style on "numbers" when the number reflects the page you are on */
	font-weight : bold;
	background-color : whitesmoke;
	color : #333366;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	border-width : 0px;
	border : 1px solid #cccccc;
	/* both cursor values are required for browsers other than IE*/
	cursor : hand;
	padding : 0px 1px 0px 1px;
	margin : 0px 0px 0px 0px;
}

input.pageoff 
{
	/* Sets the style on "numbers" when the number does not reflect the page you are on */
	font-weight :normal;
	background-color : #FFFFFF;
	color : #333333;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	border-width : 1px;
	border : 1px solid #FFFFFF;
	/* both cursor values are required for browsers other than IE*/
	cursor : hand;
	padding : 0px 1px 0px 1px;
	margin : 0px 0px 0px 0px;
}

/* ######################### */
/* End Paging control styles */
/* ######################### */

select.cc
{
	/* Sets style on the Credit Card control select form elements */
	font-size : 11px;
}

select.solid
{
	/* Sets style on the select form elements */
	font-size : 11px;
}

/* ################################################ */
/* START Dropdown Account Navigation related styles */
/* ################################################ */

.MenuBox {
	border-top: 0px solid #ffffff;
	border-left: 0px solid #77a373;
	border-right: 0px solid #77a373;
	border-bottom: 0px solid #77a373;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

a.MenuHeader
{
	COLOR: #4B4B76;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	display: block;
	position:relative;
	margin-left: 4px;
	margin-top: 5px;
	cursor : default;
}

a.MenuHeader:visited
{
	COLOR: #4B4B76;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	display: block;
	position:relative;
	margin-left: 4px;
	margin-top: 5px;
}

a.MenuItem
{
	COLOR: #000000;
	FONT-SIZE: 11px;
	font-weight : bold;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	display: block;
	position:relative;
	padding : 5px 0px 5px 5px;
}

a.MenuItem:visited
{
	COLOR: #000000;
	FONT-SIZE: 11px;
	font-weight : bold;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	display: block;
	position:relative;
	padding : 5px 0px 5px 5px;
}

a:HOVER.MenuItem
{
	COLOR: #000000;
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: None;
	display: block;
	position:relative;
	padding : 5px 0px 5px 5px;
}

/*DVPCD20071108-USED FOR THE BUTTONS IN THE ABCPAGECTL CONTRL*/
.abcbutton input 
{
	background-color : transparent;
	COLOR: black;
	border: 0px;
	width: 15px;
	cursor:pointer;
}
/*DVPDC20081502 -Fixed FireFox display */
.abcbutton
{
	width:100%;
}
.abcbuttonON 
{
	background-color : transparent;
	COLOR: black;
	border: 0px;
	width: 15px;
	cursor:hand;
	font-weight:bold;	
}
/*DVPCD20071108-USED FOR THE BUTTONS IN THE ABCPAGECTL CONTRL*/
/*DVPCD20071113-USED FOR Locking the header in the datagrid*/

.DataGridFixedHeader 
{ 
	POSITION:relative; 
	TOP: expression(this.offsetParent.scrollTop); 
	background-color : grey;
	
}



.DataGridFixedHeader1
{ 
	POSITION:relative; 
	TOP: expression(this.offsetParent.scrollTop); 
	background-color : #052800;
	border-style : solid;
	border-bottom-width : 0px;
	border-top-width : 1px;
	border-top-color : #999999;
	border-left-width : 1px;
	border-left-color : #999999;
	border-right-width : 0px;
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	FONT-WEIGHT: normal;  
	PADDING-BOTTOM: 3px; 
	PADDING-TOP: 4px; 
	font-size:12px;
}

.DataGridFixedHeader2
{ 
	POSITION:relative; 
	TOP: expression(this.offsetParent.scrollTop); 
	background-color : #052800;
	border-style : solid;
	border-bottom-width : 0px;
	border-top-width : 1px;
	border-top-color : #999999;
	border-left-width : 1px;
	border-left-color : #999999;
	border-right-width : 1px;
	border-right-color : #999999;
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	FONT-WEIGHT: normal;  
	PADDING-BOTTOM: 3px; 
	PADDING-TOP: 4px; 
	font-size:12px;
}



/*DVPCD2007113-USED FOR Locking the header in the datagrid*/
/*DVPCD20071113-STYLE OF DIV FOR DATAGRID WITH SCROLL*/
/*.DataGridScrollDIV 
{ 
	position:relative;
	width:100%;
	height:433px;
	OVERFLOW:auto;
	
}*/
/*DVPLW20080513 - lock header - begin*/
DIV.DataGridScrollDIV 
{
	MARGIN: 5px 0px 0px; 
	OVERFLOW: auto;
	WIDTH: 100%; 
	POSITION: relative; 
	/* change from 385px to 433px for fix footer */
	HEIGHT: 433px; 
	/*border-bottom:1px solid red;
	BORDER-BOTTOM: #999 0px solid; 
	background-color:blue;*/
}
/* The different widths below are due to the way the scroll bar is implamented
we are keeping these here instead of putting them in the IE css file b/c it 
is easier to change the width if both numbers are in the same place. */
/* All browsers accept this, but we are targeting IE with this rule */
DIV.DataGridScrollDIV TABLE { WIDTH: 914px;}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.DataGridScrollDIV table {
    width: 914px;
    
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.DataGridScrollDIV table>tbody	{  
    overflow: auto;/* - DVPDS20080821 - removed */
    height: 333px; /*This value control the hight of the scroll table */
    overflow-x: hidden;/* - DVPDS20080821 - removed */
}
/*
UNKNOWN { WIDTH: 928px }
UNKNOWN { OVERFLOW-X: hidden; OVERFLOW: auto; HEIGHT: 250px }*/
DIV.DataGridScrollDIV THEAD TR { POSITION: relative }

/*prevent Mozilla scrollbar from hiding cell content*/
DIV.DataGridScrollDIV TD:unknown { PADDING-RIGHT: 20px }
DIV.DataGridScrollDIV THEAD TR { }
DIV.DataGridScrollDIV THEAD TR {
	/* Causes the pixel header row to stay fixed in IE*/
top: expression(offsetParent.scrollTop);

/* This fixes a strange bug in IE where the header row would "shift" 1px to
	the right after the table was scrolled down.  It would not shift back
    after scrolling all the way, which made my first solution based on
    offSetParent.scrollTop == 0 not an effective solution*/
left: expression(typeof(myvar) == 'undefined' ? 0+"px"+(myvar='true') : 0+"px");
}


/* START - DVPDS20080821 - Added to deal with different sections */

DIV.DataGridScrollDIV2 
{
	MARGIN: 5px 0px 0px; 
	OVERFLOW: auto;
	WIDTH: 100%; 
	POSITION: relative; 
	/* change from 385px to 433px for fix footer */
	HEIGHT: 433px; 
	/*border-bottom:1px solid red;
	BORDER-BOTTOM: #999 0px solid; 
	background-color:blue;*/
}
/* The different widths below are due to the way the scroll bar is implamented
we are keeping these here instead of putting them in the IE css file b/c it 
is easier to change the width if both numbers are in the same place. */
/* All browsers accept this, but we are targeting IE with this rule */
DIV.DataGridScrollDIV2 TABLE { WIDTH: 914px;}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.DataGridScrollDIV2 table {
    width: 914px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.DataGridScrollDIV2 table>tbody	{  
    overflow: auto;/* - DVPDS20080821 - removed */
    /*height: 333px; /*This value control the hight of the scroll table */
    overflow-x: hidden;/* - DVPDS20080821 - removed */
}

div.DataGridScrollDIV2 td:last-child {padding-right: 20px;}

/*
UNKNOWN { WIDTH: 928px }
UNKNOWN { OVERFLOW-X: hidden; OVERFLOW: auto; HEIGHT: 250px }*/
DIV.DataGridScrollDIV2 THEAD TR { POSITION: relative }

/*prevent Mozilla scrollbar from hiding cell content*/
DIV.DataGridScrollDIV2 TD:unknown { PADDING-RIGHT: 20px }
DIV.DataGridScrollDIV2 THEAD TR { }
DIV.DataGridScrollDIV2 THEAD TR {
	/* Causes the pixel header row to stay fixed in IE*/
top: expression(offsetParent.scrollTop);

/* This fixes a strange bug in IE where the header row would "shift" 1px to
	the right after the table was scrolled down.  It would not shift back
    after scrolling all the way, which made my first solution based on
    offSetParent.scrollTop == 0 not an effective solution*/
left: expression(typeof(myvar) == 'undefined' ? 0+"px"+(myvar='true') : 0+"px");
}


DIV.DataGridScrollDIV3 
{
	MARGIN: 5px 0px 0px; 
	OVERFLOW: auto;
	WIDTH: 100%; 
	POSITION: relative; 
	/* change from 385px to 433px for fix footer */
	HEIGHT: 433px; 
	/*border-bottom:1px solid red;
	BORDER-BOTTOM: #999 0px solid; 
	background-color:blue;*/
}
/* The different widths below are due to the way the scroll bar is implamented
we are keeping these here instead of putting them in the IE css file b/c it 
is easier to change the width if both numbers are in the same place. */
/* All browsers accept this, but we are targeting IE with this rule */
DIV.DataGridScrollDIV3 TABLE { WIDTH: 914px;}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.DataGridScrollDIV3 table {
    width: 914px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.DataGridScrollDIV3 table>tbody	{  
    overflow: auto;/* - DVPDS20080821 - removed */
    height: 333px; /*This value control the hight of the scroll table */
    overflow-x: hidden;/* - DVPDS20080821 - removed */
}

div.DataGridScrollDIV3 td:last-child {padding-right: 20px;}

/*
UNKNOWN { WIDTH: 928px }
UNKNOWN { OVERFLOW-X: hidden; OVERFLOW: auto; HEIGHT: 250px }*/
DIV.DataGridScrollDIV3 THEAD TR { POSITION: relative }

/*prevent Mozilla scrollbar from hiding cell content*/
DIV.DataGridScrollDIV3 TD:unknown { PADDING-RIGHT: 20px }
DIV.DataGridScrollDIV3 THEAD TR { }
DIV.DataGridScrollDIV3 THEAD TR {
	/* Causes the pixel header row to stay fixed in IE*/
top: expression(offsetParent.scrollTop);

/* This fixes a strange bug in IE where the header row would "shift" 1px to
	the right after the table was scrolled down.  It would not shift back
    after scrolling all the way, which made my first solution based on
    offSetParent.scrollTop == 0 not an effective solution*/
left: expression(typeof(myvar) == 'undefined' ? 0+"px"+(myvar='true') : 0+"px");
}

/* END - DVPDS20080821 - Added to deal with different sections */



/* start - fix table footer */
 
/*DVPLW20080513 - lock header - end*/

/*DVPCD20071113-STYLE OF DIV FOR DATAGRID WITH SCROLL*/
/*style for css menu*/
/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px; /*For KHTML*/
  list-style: none;
}

ul#navmenu:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  display: block;
  background: #EEE;
  color: #666;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}
		

/*style for css menu*/
/* ############################################## */
/* END Dropdown Account Navigation related styles */
/* ############################################## */

font.title 
{
	/* Used for page titles */
	font-size : 13px;
	font-weight : bold;
}

/* These values below are used for the Textarea manager in
Content Manager, these should not be modified unless you
know what you are doing */
font.fontminus2 {
	font-size: 9px;
}
font.fontminus1 {
	font-size: 10px;
}
font.fontstandard {
	font-size: 11px;
}
font.fontplus1 {
	font-size: 12px;
}
font.fontplus2 {
	font-size: 13px;
}
font.fontplus3 {
	font-size: 14px;
}
font.fontplus4 {
	font-size: 15px;
}
font.fontplus5 {
	font-size: 16px;
}
font.fontplus6 {
	font-size: 17px;
}
font.fontplus7 {
	font-size: 18px;
}
font.fontplus8 {
	font-size: 19px;
}
font.fontplus9 {
	font-size: 20px;
}
.hideCtrl
{
	display:none;
}
.displaydislaimer
{
	display:block;
}
.hidedislaimer
{
	display:none;
}
.showmore
{
	font-weight:bold;
	font-size:14;
}
.nonLink
{
	text-decoration:none;
	color:#000000;
	DISPLAY: block; 
	POSITION: relative;
	padding : 7px 7px 7px 7px;
}
.alignRight
{
	margin-left:450px;
	width:180px;
}

TR.itemlistTD
{
	WIDTH: 910px;
}

.itemlistTD input
{
	width:50px;
	font-size:10px;
}
.menuLinkPadding td 
{
	padding-right:10px; 
	padding-left:10px;

	
}
.menuLinkPadding
{
	height:27px;
	
}

.menuDropPadding td
{
	padding-right:0px; 
	padding-left:0px;
}
/* override popup calendar style ---- START ---- */
/* DO NOT TOUCH THE FOLLOWING */
.TESTcpYearNavigation { FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #81ae8d; TEXT-ALIGN: center; TEXT-DECORATION: none }
.TESTcpMonthNavigation { FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #81ae8d; TEXT-ALIGN: center; TEXT-DECORATION: none }
.TESTcpDayColumnHeader { FONT-SIZE: 8pt; FONT-FAMILY: arial }
.TESTcpYearNavigation { FONT-SIZE: 8pt; FONT-FAMILY: arial }
.TESTcpMonthNavigation { FONT-SIZE: 8pt; FONT-FAMILY: arial }
.TESTcpCurrentMonthDate { FONT-SIZE: 8pt; FONT-FAMILY: arial }
.TESTcpCurrentMonthDateDisabled { FONT-SIZE: 8pt; FONT-FAMILY: arial }
.TESTcpOtherMonthDate { FONT-SIZE: 8pt; FONT-FAMILY: arial }
.TESTcpOtherMonthDateDisabled { FONT-SIZE: 8pt; FONT-FAMILY: arial }
.TESTcpCurrentDate { FONT-SIZE: 8pt; FONT-FAMILY: arial }
.TESTcpCurrentDateDisabled { FONT-SIZE: 8pt; FONT-FAMILY: arial }
.TESTcpTodayText { FONT-SIZE: 8pt; FONT-FAMILY: arial }
.TESTcpTodayTextDisabled { FONT-SIZE: 8pt; FONT-FAMILY: arial }
.TESTcpText { FONT-SIZE: 8pt; FONT-FAMILY: arial }
TD.TESTcpDayColumnHeader { BORDER-RIGHT: #81ae8d 0px solid; BORDER-TOP: #81ae8d 0px solid; BORDER-LEFT: #81ae8d 0px solid; BORDER-BOTTOM: #81ae8d 1px solid; TEXT-ALIGN: right }
.TESTcpCurrentMonthDate { TEXT-ALIGN: right; TEXT-DECORATION: none }
.TESTcpOtherMonthDate { TEXT-ALIGN: right; TEXT-DECORATION: none }
.TESTcpCurrentDate { TEXT-ALIGN: right; TEXT-DECORATION: none }
.TESTcpCurrentMonthDateDisabled { COLOR: #d0d0d0; TEXT-ALIGN: right; TEXT-DECORATION: line-through }
.TESTcpOtherMonthDateDisabled { COLOR: #d0d0d0; TEXT-ALIGN: right; TEXT-DECORATION: line-through }
.TESTcpCurrentDateDisabled { COLOR: #d0d0d0; TEXT-ALIGN: right; TEXT-DECORATION: line-through }
.TESTcpCurrentMonthDate { FONT-WEIGHT: bold; COLOR: #81ae8d }
.TESTcpCurrentDate { FONT-WEIGHT: bold; COLOR: #ffffff }
.TESTcpOtherMonthDate { COLOR: #808080 }
TD.TESTcpCurrentDate { BORDER-RIGHT: #000000 thin solid; BORDER-TOP: #000000 thin solid; BORDER-LEFT: #000000 thin solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 thin solid; BACKGROUND-COLOR: #81ae8d }
TD.TESTcpCurrentDateDisabled { BORDER-RIGHT: #ffaaaa thin solid; BORDER-TOP: #ffaaaa thin solid; BORDER-LEFT: #ffaaaa thin solid; BORDER-BOTTOM: #ffaaaa thin solid }
TD.TESTcpTodayText { BORDER-RIGHT: #81ae8d 0px solid; BORDER-TOP: #81ae8d 1px solid; BORDER-LEFT: #81ae8d 0px solid; BORDER-BOTTOM: #81ae8d 0px solid }
TD.TESTcpTodayTextDisabled { BORDER-RIGHT: #81ae8d 0px solid; BORDER-TOP: #81ae8d 1px solid; BORDER-LEFT: #81ae8d 0px solid; BORDER-BOTTOM: #81ae8d 0px solid }
A.TESTcpTodayText { HEIGHT: 20px }
SPAN.TESTcpTodayTextDisabled { HEIGHT: 20px }
A.TESTcpTodayText { FONT-WEIGHT: bold; COLOR: #81ae8d }
SPAN.TESTcpTodayTextDisabled { COLOR: #d0d0d0 }
.TESTcpBorder { BORDER-RIGHT: #81ae8d thin solid; BORDER-TOP: #81ae8d thin solid; BORDER-LEFT: #81ae8d thin solid; BORDER-BOTTOM: #81ae8d thin solid }
.ShipMethod { Z-INDEX: -1;}
	
/* override popup calendar style ---- END ---- */

/* style for fix header table ---- START ---- */
/* DO NOT TOUCH THE FOLLOWING */
TABLE.dataTable 
{
	PADDING: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT: #052800 0px solid; 
	BORDER-BOTTOM: #052800 0px solid;
}
TABLE.dataTable TH 
{
	
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	PADDING-TOP: 4px; 
	PADDING-BOTTOM: 3px; 
	MARGIN: 0px; 
	font-size:12px; FONT-WEIGHT: normal;
	/*BACKGROUND: #ccc;
BORDER-RIGHT: #052800 1px solid; BORDER-TOP: #052800 1px solid;
*/
}
TABLE.dataTable TD 
{	
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 4px; 
	PADDING-BOTTOM: 3px; 
	MARGIN: 0px; 
	PADDING-TOP: 2px 
}
.hide {  display: none }
DIV.scrollTableContainer 
{
	
	MARGIN: 5px 0px 0px; 
	OVERFLOW: auto; 
	WIDTH: 930px; 
	POSITION: relative; 
	/* change from 385px to 433px for fix footer */
	HEIGHT: 453px; 
	/*border-bottom:1px solid red;
	BORDER-BOTTOM: #999 0px solid; 
	background-color:blue;*/
}
/* The different widths below are due to the way the scroll bar is implamented
we are keeping these here instead of putting them in the IE css file b/c it 
is easier to change the width if both numbers are in the same place. */
/* All browsers accept this, but we are targeting IE with this rule */
DIV.scrollTableContainer TABLE 
{
	WIDTH: 910px;
	MARGIN: 0px 0px 0px;}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table {
    width: 910px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table>tbody	{  
    overflow: auto; 
    /*height: 333px; This value control the hight of the scroll table */
    overflow-x: hidden;
}
/*
UNKNOWN { WIDTH: 928px }
UNKNOWN { OVERFLOW-X: hidden; OVERFLOW: auto; HEIGHT: 250px }*/
DIV.scrollTableContainer THEAD TR { POSITION: relative }

/*prevent Mozilla scrollbar from hiding cell content*/
DIV.scrollTableContainer TD:unknown { PADDING-RIGHT: 20px }
DIV.scrollTableContainer THEAD TR { }
DIV.scrollTableContainer THEAD TR {
	/* Causes the pixel header row to stay fixed in IE*/
top: expression(offsetParent.scrollTop);

/* This fixes a strange bug in IE where the header row would "shift" 1px to
	the right after the table was scrolled down.  It would not shift back
    after scrolling all the way, which made my first solution based on
    offSetParent.scrollTop == 0 not an effective solution*/
left: expression(typeof(myvar) == 'undefined' ? 0+"px"+(myvar='true') : 0+"px");
}

div.scrollTableContainer td:last-child {padding-right:10px;} /*fixed fire fox hide last column */

/* start - fix table footer */
 
/*div.scrollTableContainer table {  overflow: auto; height: 133px; overflow-x: hidden;}*/
DIV.scrollTableContainer TFOOT TR { POSITION: relative }
DIV.scrollTableContainer TFOOT TR { }
DIV.scrollTableContainer TFOOT TR {
	/* Causes the pixel header row to stay fixed in IE*/
	/*#052800*/
	background-color:#052800;
	/*top: expression(this.offsetParent.scrollBottom);*/
	position: relative; 
    overflow-x: hidden;
    top: expression(parentNode.parentNode.offsetHeight >= 
	offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetHeight + offsetParent.scrollTop : 0);
	/* second value is for less than*/
}
DIV.scrollTableContainer TFOOT TD 
{
	height:10px;
	
}

/*---------------------------------------------------------------*/

DIV.scrollTableContainer_history 
{
	
	MARGIN: 5px 0px 0px; 
	OVERFLOW: auto; 
	WIDTH: 930px; 
	POSITION: relative; 
	/* change from 385px to 433px for fix footer */
	/* HEIGHT: 433px; */
	/* DVPDS20080716 - replaced height with Max-height, however, max-height is not supported by IE, so the second line takes care of that */
	MAX-HEIGHT: 433px;
	height: expression( this.scrollHeight > 432 ? "433px" : "auto" ); /* sets max-height for IE */


	
	/*border-bottom:1px solid red;
	BORDER-BOTTOM: #999 0px solid; 
	background-color:blue;*/
}
/* The different widths below are due to the way the scroll bar is implamented
we are keeping these here instead of putting them in the IE css file b/c it 
is easier to change the width if both numbers are in the same place. */
/* All browsers accept this, but we are targeting IE with this rule */
DIV.scrollTableContainer_history TABLE 
{
	WIDTH: 910px;
	MARGIN: -1px 0px 0px;}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer_history table {
    width: 910px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer_history table>tbody	{  
    overflow: auto; 
    /*height: 333px; This value control the hight of the scroll table */
    overflow-x: hidden;
}

div.scrollTableContainer_history td:last-child {padding-right: 20px;}

/*
UNKNOWN { WIDTH: 928px }
UNKNOWN { OVERFLOW-X: hidden; OVERFLOW: auto; HEIGHT: 250px }*/
DIV.scrollTableContainer_history THEAD TR { POSITION: relative }

/*prevent Mozilla scrollbar from hiding cell content*/
DIV.scrollTableContainer_history TD:unknown { PADDING-RIGHT: 20px }
DIV.scrollTableContainer_history THEAD TR { }
DIV.scrollTableContainer_history THEAD TR {
	/* Causes the pixel header row to stay fixed in IE*/
top: expression(offsetParent.scrollTop);

/* This fixes a strange bug in IE where the header row would "shift" 1px to
	the right after the table was scrolled down.  It would not shift back
    after scrolling all the way, which made my first solution based on
    offSetParent.scrollTop == 0 not an effective solution*/
left: expression(typeof(myvar) == 'undefined' ? 0+"px"+(myvar='true') : 0+"px");
}



/* start - fix table footer */
 
/*div.scrollTableContainer table {  overflow: auto; height: 133px; overflow-x: hidden;}*/
DIV.scrollTableContainer_history TFOOT TR { POSITION: relative }
DIV.scrollTableContainer_history TFOOT TR { }
DIV.scrollTableContainer_history TFOOT TR {
	/* Causes the pixel header row to stay fixed in IE*/
	/*#052800*/
	background-color:#052800;
	/*top: expression(this.offsetParent.scrollBottom);*/
	position: relative; 
    overflow-x: hidden;
    top: expression(parentNode.parentNode.offsetHeight >= 
	offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetHeight + offsetParent.scrollTop : 0);
	/* second value is for less than*/
}

DIV.scrollTableContainer_history TFOOT TD 
{
	height:10px;

 /*This fixes a strange bug in IE where the header row would "shift" 1px to
	the right after the table was scrolled down.  It would not shift back
    after scrolling all the way, which made my first solution based on
    offSetParent.scrollTop == 0 not an effective solution*/
left: expression(typeof(myvar) == 'undefined' ? 0+"px"+(myvar='true') : 0+"px");
}

/* end - fix table footer */
/* style for fix header table ---- END ---- */
.hide {  display: none }
.titlepurple
{
	font-size:16px;
	color: 5b0f67;
	font-weight:bold;
	padding-bottom: 10px;
}
.calendarPad
{
	margin-left:3px;
	margin-right:3px;
}
.commonPad
{
	margin-left:3px;
	margin-right:3px;
	
}
.searchButtonWidth
{
	width:150px;
}
.searchDiv
{
	width:350px;
}
.debug
{
	display:none;
	position:absolute;
	top:50;
	left:10;
}
.floatLeft
{
	float:left;
}
.itemListOrderBy
{
	width:400px;
}

.title

{           color:#5b116a;

            font:Arial, Helvetica, sans-serif;

            font-size:18px;

}


.titlebg_green_01

{

            background-color:#052800;
            padding-left:8px;
            padding-right:8px;
            font-weight:bold;

}

.titlebg_green_02

{

            background-color:#a6c6af;
            padding-left:8px;
            padding-right:8px;
            font-weight:bold;

}

.bodybg_green_01

{

            background-color:#95c385;
            padding-left:8px;
            padding-right:8px;

}

.bodybg_green_02

{

            background-color:#77a373;
            padding-left:8px;
            padding-right:8px;

}

.titlebg_purple_01

{

            background-color:#a495b2;
            width:100px;
            padding-left:8px;
            padding-right:8px;
            font-weight:bold;
            font-size:13px;

}

.titlebg_purple_02

{

            background-color:#bfb6c9;
            padding-left:8px;
            padding-right:8px;

}
.orderCommentTB
{
	height:94px;
	width:345px;
}
.thankyou {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #5b0f67;
	padding:5px;
	font-weight:bold;
}

.header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	padding-left: 15px;
	background-color: #CCCCCC;
	padding-top: 8px;
	padding-bottom: 8px;
}
.darkgreen {
	background-color: #052800;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding:5px;
	font-weight:bold;
	width:100px;
	text-align: center;
}
.lightgreen {
	background-color: #a6c6af;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding:5px;
	font-weight:bold;
	width:100px;
	text-align: center;
}
.darkgreenbody {
	background-color: #95c385;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding:5px;
	font-weight:normal;
	width:100px;
	text-align: center;
}
.lightgreenbody {
	background-color: #77a373;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding:5px;
	font-weight:normal;
	width:100px;
	text-align: center;
}

.HeaderInfoDiv
{
	DISPLAY: none;
	/*width : 942px;
	background-image: url(../images/right_shadow.gif);
	border:1px solid black;
	
	PADDING-RIGHT: 15px; 
	
	PADDING-LEFT: 15px; 
	PADDING-BOTTOM: 5px; 
	WIDTH: 960px; 
	PADDING-TOP: 5px; 
	POSITION: relative; 
	HEIGHT: 590px; 
	BACKGROUND-COLOR: #ffffff*/
	
}
.ShowHeaderInfoDiv
{
	/*PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; */
	DISPLAY: block; 
	/*WIDTH: 960px;*/ 
	POSITION: relative; 
	HEIGHT: auto;
	BACKGROUND-COLOR: #ffffff;
	background-image: url(../images/right_shadow.gif);
}
div#testdiv1
{
	Z-INDEX: 100; 
	VISIBILITY: hidden; 
	POSITION: absolute; 
	BACKGROUND-COLOR: white; 
	background-color: white
}

.table_01 {
	background-image: url(../images/table_01.gif);
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
	border-bottom:1px solid black;
	background-color:#558c27;
	padding : 7px 7px 7px 7px;
}	

.table_01_memo 
{
	color:#05561c;
	font-size:12px;
	background-color:#000000;
}
.table_01_memo TH 
{
	
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	PADDING-TOP: 4px; 
	PADDING-BOTTOM: 3px; 
	MARGIN: 0px; 
	font-size:12px; FONT-WEIGHT: normal;
	/*BACKGROUND: #ccc;
BORDER-RIGHT: #052800 1px solid; BORDER-TOP: #052800 1px solid;
*/
}	
.table_01_vendor {
	
	background-image: url(../images/table_01.gif);
		background-repeat:repeat-x;
					color:White;
			font-weight:bold;
			border:1px solid black;
	background-color:#558c27;}
	
.table_01_total 
{
	color:black;
	font-weight:bold;
	padding : 7px 7px 7px 7px;
}

.table_ft_total
{
	color:black;
	font-weight:bold;
	text-align:right;
	
}

	.table_01 th {
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px; 
		text-align:left; 
		font-weight:bold;
		/*class="table_bg"*/}
	.table_01 tr {
		font-size:11px; 
		color:White;
		text-align:left; 
		font-weight:normal;}

.table_bg_vendor 
{
	background-image: url(../images/table_02.gif);
	background-repeat:repeat-x;
	color:#05561c;
	font-weight:bold;
	border:1px solid black;
	background-color:#155f0a;
}

.table_bg_vendor_01 
{
	background-image: url(../images/table_02.gif);
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-left:1px solid black;
	background-color:#155f0a;
}
	
.table_bg_vendor_02 
{
	background-image: url(../images/table_01.gif);
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
	border:1px solid black;
	background-color:#558c27;
}

.table_bg_vendor_03 {
	background-image: url(../images/table_01.gif);
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-left:1px solid black;
	background-color:#558c27;
}

.table_bg_vendor_04 {
	background-image: url(../images/table_01.gif);
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
	border:1px solid black;
	background-color:#558c27;
}

.table_bg_memo {
	background-image: url(../images/table_02.gif);
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
	/*border-top:2px solid black;*/
	background-color:#155f0a;
}
	
.table_bg_memo_1 
{
	background-image: url(../images/table_02.gif);
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
	border-top:1px solid black;
	background-color:#155f0a;}
	
.table_bg_memo_vendor {
	background-image: url(../images/table_02.gif);
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
	border-top:0px solid black;
	background-color:#155f0a;
	padding: 7px 7px 7px 7px;
}

.table_bg_memo_vendorTOP {
	background-image: url(../images/table_02.gif);
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
	border-top:1px solid black;
	background-color:#155f0a;
	padding: 7px 7px 7px 7px;
}

/* DVPDS20081205 */

.table_bg_memo_vendorALT {
	background-image: url(../images/table_01.gif);
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
	background-color:#558c27;
	border-top:0px solid black;}



.table_bg_history {
	background-image: url(../images/table_02.gif);
			background-repeat:repeat-x;
			color:White;
			font-weight:bold;
			width:80px;
			border-top:1px solid black;
	background-color:#155f0a;}

.table_bg_history_2 {
	background-image: url(../images/table_01.gif);
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
	border-top:1px solid black;
	width:70px;
	background-color:#558c27;}
	
.table_bg_memo_2 {
	background-image: url(../images/table_01.gif);
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
	background-color:#558c27;
	}
	
	.table_bg_memo_2_vendor {
	background-image: url(../images/table_01.gif);
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
	background-color:#558c27;
	border-top:1px solid black;}
	
		.table_bg_memo_2_vendor_1 {
	background-image: url(../images/table_01.gif);
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
	background-color:#558c27;
	border-top:1px solid black;}

	.table_bg_memo_2_vendor_border {
	background-image: url(../images/table_01.gif);
	background-repeat:repeat-x;
	color:White;
	font-weight:bold;
	background-color:#558c27;
	border-left:1px solid black;
	border-right:1px solid black;}

.table_bg {
	background-image: url(../images/table_02.gif);
			background-repeat:repeat-x;
			color:White;
			font-weight:bold;
			border-left:1px solid black;
			border-right:1px solid black;
			border-bottom:1px solid black;
	background-color:#155f0a;
	padding : 7px 7px 7px 7px;
	
}
.table_exprice
{
	background-image: url(../images/table_02.gif);
			background-repeat:repeat-x;
			color:White;
			font-weight:bold;
			border-left:1px solid black;
			border-right:1px solid black;
			border-bottom:1px solid black;
	background-color:#155f0a;
	padding : 5px 5px 5px 5px;
	width: 100px;
	
}
.table_td_bg 
{
	background-color:#95c385;
}

.table_td_bg_thank
{
	
	border-bottom:1px solid black;
	background-color:#95c385;
	padding : 7px 7px 7px 7px;
}

.table_orconfirm_thank
{
	border-bottom:1px solid black;
	background-color:#95c385;
	text-align:right;
}

.table_td_bg_memo
{		
	background-color:#95c385;}

.table_td_bg_vendor
{
	border:1px solid black;
	background-color:#95c385;}

/*.table_td_bg_01 -- Might need to use this
{
	border-left:1px solid black;			
	border-bottom:1px solid black;
	background-color:#77a373;
	}	*/

.table_td_bg_QW 
{
	border-left:1px solid black;			
	border-bottom:1px solid black;
	border-right:1px solid black;
	background-color:#77a373;
	padding : 7px 7px 7px 7px;
}

.table_or_confirm
{
	border-left:1px solid black;			
	border-bottom:1px solid black;
	border-right:1px solid black;
	background-color:#77a373;
	/*padding : 7px 7px 7px 7px;*/
	text-align:right;

}

.table_td_bg_01 
{
	border-left:1px solid black;			
	border-bottom:1px solid black;
	border-right:1px solid black;
	background-color:#77a373;
}	

.table_td_bg_01_report 
{
	border-left:1px solid black;			
	border-bottom:1px solid black;
	border-right:0px solid black;
	background-color:#77a373;
}

.table_td_bg_01a
{
	border-right:1px solid black;
	border-left:1px solid black;			
	border-bottom:1px solid black;
	background-color:#77a373;
	}	

.table_td_bg_02
{
	border-left:1px solid black;			
	border-bottom:1px solid black;
	background-color:#95c385;
}
	
.table_td_bg_01_memo
{
	background-color:#77a373;
}

.table_td_bg_01_memo_padded
{
	background-color:#77a373;
	padding : 7px 7px 7px 7px;
}



.table_td_bg_01_memo_border
{
	border-left:1px solid black;
	border-right:1px solid black;

	background-color:#77a373;
	}
.table_bg_white {
	background-color:#ffffff;}
.total_bold {
	font-size:11px;
	font-weight:bold;}
.title_01 {
	font-size:12px;
	font-weight:bold;
	color:#407153;}
.title_00 {
	font-size:14px;
	font-weight:bold;
	color:#000000;}
.subtitle_01 {
	color:#404040;
	font-size:12px;
	font-weight:bold;}
.account_menu {
	width:200px;
	height:40px;
	float:left;
	padding-top:11px;
	text-align:center;
	background-image:url(../images/ENG/button_bg.gif);
	background-repeat:no-repeat;}

.copyright 
{
	text-align:right;
	font-size:12px;
	width:960px;
	color:#626262;
	
	font-weight:bold;
	border-top:1px solid #626262;
	padding-top:7px;
	}
.copyright_table
{
	border-top:1px solid black;
	width:100%;
}
.error
{
	font-size:15px;
	color:red;
}
.waiting
{
	font-size:16px;
	font-weight:bold;
	color:red;
}
.smallPopUp
{
	background-color:#b2d1bb;
}

.page_content {
	width:555px;
	float:left;
	margin-left:-1px;
	padding:0 0 10px 15px;}
	
.page_id {
	width:861px;
	/*float:left;*/
	}


h1 {font-size:21px;
	color:#2a2a2a;
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:normal;
	line-height:110%;}
	
.page_id h1 {
color:#5b0f67;
font-size:21px;
line-height:100%;
padding-top:0px;
padding-bottom:10px;
margin:0;
background:url(../images/page_id_bkg.jpg) no-repeat left bottom;}

/* DVPDS20080716 - Added to position the order number next to the title */
.page_id p.orderid {
color:#5b0f67;
font-size:21px;
font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
font-style:italic;
line-height:100%;
padding-top:0px;
padding-bottom:10px;
margin:0; }

/* DVPDS20080716 - Added to position the order number next to the title */
.page_id table.orderid {
width:861px;
background:url(../images/page_id_bkg.jpg) no-repeat left bottom;}

/* DVPDS20080716 - Added to position the order number next to the title */
.page_id td.orderid {
color:#5b0f67;
font-size:14px;
font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
line-height:100%;
padding-left : 10px;
padding-top:5px;
padding-bottom:10px;
margin:0; }

.fivespace
{
	
	padding-left:14px;
	padding-right:14px;
}
.TbTransparent
{
	border:0px;
	background-color:Transparent;
}
.dotBottom
{
	border-bottom-style:dotted;
	border-bottom-width:1px;
}
.products_order a:link, .products_order a:visited, .products_order a:active {
	color: #5A5A5A;
	text-decoration: none;
	font-size:12px; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
padding-left:20px;
display:block;
}
.products_order a:hover {
	text-decoration: none;
	color: #ED6A26;
	background-image: url(../images/flower_02.gif);
	background-repeat:no-repeat;
	background-position: left top;
	line-height:20px;
padding-left:20px;
display:block;
}

.productSubMenuTable
{
	background-repeat:repeat-x; 
	background-color:#a1ce79; 
	min-height:200px;
	height:auto !important;
	height:200px;
	padding-right:10px;
	padding-left:10px;
	background-image: url(../images/box_bg.gif);
}

.hideInput input[type="button"] 
{
	display:none;
}

.fixTbFootTitle
{
	 font-weight:bold;
	 text-align:right;
}

.pdfObject
{
	background : url(images/loading2.gif);
	background-position:center center;
	background-repeat: no-repeat;
	z-index:-10;
	
}

.itemlistDateColWidth
{
	width:100px;
}

.yes 
{
	font-size:10px;
}


.custrbfont
{
	font-size:9px;
}