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

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...
*/



body {
}
body, p, table, td, li {
	/*
	font-family: Arial, Helvetica, sans-serif;
	color: #3F413E; font-size: 13px;
	*/
	
}


/* THE FOLLOWING HOPKILN-SEPCIFIC "A" DEFINITIONS ARE NOW INCLUDED IN "HOPKILN.CSS"
a, a:visited {
	color: #6D0026;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
*/



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


/* Redefine H1 and H2 for our cart's purposes */
h1 { font-size: 14px; margin-bottom:2px; }
h2 { font-size: 12px; 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;
	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:11px;
	padding:3px;
	border:1px solid #856600;
	background-color:#AAAAAA;
	color:#CCCCCC;
}

.themedbutton {
	/* , 856600;E5C075 */
		font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #FFFFE2;
	background-color: #4B0000;
	border: 1px solid;
	border-top-color: #FFFFE2;
	border-right-color: #FFFFE2;
	border-bottom-color: #FFFFE2;
	border-left-color: #FFFFE2;
	cursor: hand;
	/*background-color:#CFC780;
	border:1px solid #67663F;
	padding:7px;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:black;
	text-transform: uppercase;
	cursor: hand;*/
}
.themedbuttondead {
		font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #FFFFE2;
	background-color: #4B0000;
	border: 1px solid;
	border-top-color: #FFFFE2;
	border-right-color: #FFFFE2;
	border-bottom-color: #FFFFE2;
	border-left-color: #FFFFE2;
	cursor: hand;
	/*	background-color:#BBB;
	border:1px solid #999;
	padding:7px;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#888;
	text-transform: uppercase;
	cursor: hand;*/
}








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

div.errordiv {
	background-color: #6D0026;
	color:#FFE9B6;
	border:6px double #FFE9B6;
	font-weight:bold;
	padding:12px;
	margin-bottom: 28px;
}
div.errordiv li {
	color:#FFE9B6;
	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:#CFC780;
	border:1px solid;
	border-top-color: #67663F;
	border-right-color: #67663F;
	border-bottom-color: #67663F;
	border-left-color: #67663F;
}
.carttable .itemtable td {
	border-bottom:1px solid #67663F;
	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:#CFC780;
	color:#000000;
}
.cartheaderrow td {
	border-bottom:1px solid #67663F;
	border-top:1px solid #67663F;
}

/*
These "highlight" rows separate the border effect from the fill effect
A.K.A., "The BOTTOM of the table"
*/
.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:#E5C075;
	*/
}
.carthighlightrowbottom, .carthighlightrowbottom td {
	/* This row is meant to be empty, provding a horizontal line at bottom */
	/*
	background-color:#E5C075;
	*/
	border-bottom:1px solid #67663F;
}











/* 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:15px;
	font-weight:bold;
	text-align:left;
}
.kdspaginatorcomplete a {
	color:#FFFFFF;
	text-decoration:none;
}

.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.
*/

.producttitle {
	font-weight:bold;
	font-size:15px;
	margin-bottom:0px;
}
.productreturnline {
	color: #FFDDBB;
	font-weight:bold;
	font-size:13px;
	margin-top:0px;
	margin-bottom:12px;
}
.productdescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-weight:normal;
	line-height:14px;
}
.productminilinks				{	font-size:11px; }
.productprice					{	font-size:14px; color:#FFE6CD; margin-bottom:3px; }
.productwholesaleprice			{	font-size:14px; color:#FFE6CD; margin:3px 0px; }
.productlistprice				{	font-size:16px; color:#FFE6CD; margin-bottom:3px; }
.productstockcount				{	color:#FFFFFF; 	font-size:12px; }
.productpersonalization			{	font-size:14px; }
.productpersonalization input	{	border-width:1px; width:120px; }
.productgetonefree				{	 }
.productgetonefree em			{	font-style:italic; }
.productoutofstock				{	font-style:italic; 	font-weight:bold; }
.productdiscountperquantity		{	font-style:italic; 	font-weight:bold; }
.productauctionavailable		{	font-style:italic; 	font-weight:bold; }
.productreviews					{	font-size:11px; }
.productemailtofriend			{	font-size:11px; }
.productwishlist				{	font-size:11px; }
.productsrelated				{	font-size:13px; }
.productfreeshipping			{	 }

.bundledproducttable			{	 }
.bundledproductheaderrow		{	background-color:#00493D; }






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


hr {
	color: #67663F;
}