/* ========================================================================================================

This CART CSS will be applied AFTER the site's OWN design-specific CSS.
Consider the Site's own design-specific sheet as the Primary, and this sheet as the Secondary.

======================================================================================================== */






/* BASE DEFAULTS -- PROBABLY REDUNDANY  *****************************
These base defaults are possibly going to be redundant with the site's own "Primary" style sheet,
and can just be commented out if not needed...
*/


/* REMOVE THESE FROM THIS CART-SPECIFIC CSS STYLE SHEET, THEY ARE REDUNDANT WITH WHAT OUR MAIN SITE ALREADY HAS DEFINED ... */
/*
body {
}
body, p, table, td, li {
	font-family: Arial, Helvetica, sans-serif;
}

hr {
	color: #999;
}
*/


/* 
a {
}
a:visited {
}
a:hover {
}
optgroup {
	font-weight:bold;
	font-style: normal;
}
*/


/* Redefine (override) H1 and H2 for our cart's purposes */
/* These will (most) always be the first two lines of a cart-generated page */
h1 { font-size: 16px; margin-bottom:2px; }
h2 { font-size: 14px; margin-top:1px; margin-bottom: 2px; }






/* GENERAL **********************************************************
"GenericTableHeaderRow" currently used in a few files such as AddressBook, Customer Orders, Wishlist, etc.
Note that any "showcart" styles are defined as separate items.
*/
.generictableheaderrow td {
	/* background-color: #AAAAAA; #F59CBA; #D1DDFF; */
	background-color: #D8B16C;
	color:#000000;
}







/* INPUTS and BUTTONS ***********************************************
The "Little" link, input, and button are used on the checkout pages.
The "LittleButton" is also (currently?) used by the kdsProduct.DrawAddButton sub, and has 
special code in "header.asp" to switch its class to "dead" when any form is submitted.
"ThemedButton" and "LittleButton" should probably be styled similarly, except for their size, of course!
*/

.littlelink {
	color: #999;
	font-size: 12px;
	font-weight:bold;
	/*letter-spacing:0.1em;*/
}
.littleinput {
	font-size:10px;
}

.littlebutton{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3F413E;
	background-color: #EEEBDF;
	border-top: 1px solid #9FAA9B;
	border-right: 2px solid #6B7866;
	border-bottom: 2px solid #6B7866;
	border-left: 1px solid #9FAA9B;
	text-transform: uppercase;
}
.littlebuttoninactive {
	font-size:10px;
	padding:3px;
	border:1px solid #856600;
	background-color:#AAAAAA;
	color:#CCCCCC;
}

.themedbutton {
	font-family: "MS Sans Serif", Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	background-color:#D5AB63;
}

.themedbuttondead {
	font-family: "MS Sans Serif", Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	background-color: #EDDCB1;
}








/* ERROR MESSAGES (errodiv) and MESSAGE FEEDBACK (prettydiv) ******** */

div.errordiv {
	background-color: #626B3E;
	color:#FFF; /*#FFE9B6*/
	border:6px double #626B3E;
	font-weight:bold;
	padding:12px;
	margin-bottom: 28px;
}
div.errordiv li {
	color:#FFF;
	font-weight:normal;
	padding-bottom:20px;
	margin-bottom:5px;
	padding-bottom:5px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: disc;

}
div.prettydiv {
	width:410px;
	background-color:#84301E;
	border:1px solid #AC3E27;
	font-weight:bold;
	padding:18px;
	margin-bottom:12px;
}








/* "CART" DISPLAYS ************************************************ */

.carttable {
	margin-top:20px;
}
.carttable td, .carttable td p {
	/*font-size:15px;*/
}
.carttable ul {
	margin-left:10px;
	padding-left:10px;
}
.carttable .itemtable {
	/* ItemTable within a CartTable; the table as a whole */
	background-color:#F7F1CF;
	border:1px solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
.carttable .itemtable td {
	border-bottom:1px solid #000;
	font-size:12px;
	color: #000000;
}

/*
The "cartheaderrow" performs BOTH a shade AND a border (top and bottom) effect for a single row
A.K.A., "The TOP of the table"
*/
.cartheaderrow {

	background-color: #DAB473;			/* was: #D5AB63; */
	color:#000000;
}
.cartheaderrow td {
	border-bottom:1px solid #D5AB63;
	/*border-top:1px solid #000;*/
	font-weight:bold;
}

/*
These "highlight" rows separate the border effect from the fill effect
A.K.A., "The BOTTOM of the table," such as the SUBTOTAL row, etc...
*/
.carthighlightrowtop, .carthighlightrowtop td {
	/* This row is meant to be empty, provding a horizontal line at top */
	/*
	background-color:#E5C075;
	border-top:1px solid #6D0026;
	*/
}
.carthighlightrow {
	/* This row receives only the "fill";   any border effect must be done in separate rows */
	
	/*background-color:#FFEFF6; */
	
}
.carthighlightrowbottom, .carthighlightrowbottom td {
	/* This row is meant to be empty, provding a horizontal line at bottom */
	/*
	background-color:#E5C075;
	border-bottom:1px solid #000;
	*/
	/*  border-bottom:4px solid #FFEFF6; */
	border-bottom:0;
}











/* the INVOICE ******************************************************
NOTE --- define these styles inside of your appropriate template files for the time being!
*/









/* KDSPAGINATOR OBJECT ***********************************************
(e.g., "Previous Page ~ Page 3 of 7 ~ Next Page")
*/


.kdspaginatorcomplete {
	margin-top:0px;
	margin-bottom:27px;
	font-size:16px;
	font-weight:normal;
	text-align:left;
	color:#BBB;
}
.kdspaginatorcomplete a {
	color:#0000FF;
	text-decoration:none;
}
.kdspaginatorcomplete a:hover {
	color:#CCCCFF;
	text-decoration:underline;
}
.kdspaginatorsurrounding {
	text-align:right;
	font-weight:bold;	
}

.kdspaginatorcurrentpage {
	/*border:1px solid #DDD;*/
	padding:2px;
}

.kdspaginatorotherpage {
	padding:2px;
}

/* -- original/old --
.kdspaginatorcomplete {
	margin-top:0px;
	margin-bottom:27px;
	font-size:16px;
	font-weight:normal;
	text-align:left;
}
.kdspaginatorcomplete a {
	color:#0000FF;
	text-decoration:underline;
}
.kdspaginatorsurrounding {
	text-align:right;
	font-weight:bold;	
}
*/


/* VIEWCAT.ASP *******************************************************
Lists and bullets.  Are these used by any other pages?
*/
ul.catlist {
	margin-top:25px;
	margin-left:50px;
	list-style-type: square;
}
ul.catlist li {
	margin-bottom:7px;
}




/* VIEWITEM.ASP PAGE *************************************************
To allow customer fine-tuning of every smallest detail on the page.
Now configured within the viewitem template file.
*/


/* CUSTOMER MENU PAGE *************************************************
Configure the "mainbox" (and its contained UL) as well as the "sidebox" class
*/
.customermenumainbar {
	background-color:#E9CF9C;
	border:1px solid #999;
	padding:10px;
}
ul.cusomtermenulist li {
	margin-bottom:18px;
	list-style-type:square;
}
ul.cusomtermenulist li a,  ul#cusomtermenulist li a:visited {
	color:#00C;
	font-weight:bold;
	text-decoration:none;
	zzzborder-bottom:1px dashed #00C;
}

.customermenusidebar {
	background-color:#FFEFF6;
	border:1px solid #7F89B3;
}






/* COLLAPSING MENU SYSTEM ********************************************
The following "catcontainer", "maincat" and "subcat" styles are used exclusively
by the collapsing side-nav menu system -- do not rename or remove!
If your site does not use this system, these can be ignored.
*/	 
							 
#catcontainer {
	/* note that this ID has special meaning to our "collapsing menus" script, and should not be renamed */
	margin-bottom:20px;
}
.maincat {
	/* margin: 0px; */
	/* padding: 0px 0px 0px 11px*/
	line-height:18px;
	margin:0px;
	padding:0px 0px 0px 11px;
}
.maincat a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	font-weight:bold;
	color: #4D4C2B;
	text-decoration: none;
}
.maincat a:hover {
	text-decoration: underline;
}
.maincat a.currentcat {
	color: #6C6B3C;
	text-decoration:underline;
}
.subcats {
	/* margin:0px; */
	/* padding:4px 0px 0px 18px; */
	margin:0px;
	padding:4px 0px 3px 18px;
}
.subcats a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;
}
.subcats a:hover {
	text-decoration: underline;
}
.subcats a.currentcat {
	color: #AAAAAA;
	text-decoration:underline;
}