/****
Simple Stylesheet 
First used in E-commerce Site Version 1.3.1
Build: 0003
Revised by: Samuel Fullman
## remember to integrate old into new when replacing an older build! don't just upload the older build as other, newer features depend on that build!
build 0003
	added css for summary.php looping table
	added css for products.php vertical region
build 0002 added the Tantek Celik 


****/
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { /**text-decoration:none **/ }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0px; padding:0px }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

td{ vertical-align:top; }

form{ display:inline; }
/****
2007-01-30:
These fontsizes and styles are my first effort at a header "suite"
****/
h1{
	font-size:153%;
	color:#866;
	letter-spacing:0.02em;
	margin:32px 0px 12px 0px;
}
h2{
	color:#866;
	font-size:135%;
	font-weight:normal;
	letter-spacing:0.00em;
	margin:25px 0px 10px 0px;
	padding:4px 0px 0px 2px;
}
h3{
	color:#866;
	font-size:111%;
	font-weight:normal;
	letter-spacing:-0.05em;
	margin:15px 0px 8px 0px;
}
h4{
	color:#866;
	font-size:104%;
	letter-spacing:-0.05em;
	margin:15px 0px 8px 0px;
}
h1.underline, h2.underline, h3.underline, h4.underline{
	background-image:url("/images/assets/fadeline1.jpg");
	background-repeat:no-repeat;
	background-position:bottom left;
}


body{
	margin:0px auto;
	padding:0px;
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#000;
}
table.mainBody{
	width:800px;
	border-left:1px solid #777;
	border-right:1px solid #777;
}
body{
	background-color:#FFFFF7;
	}
td.mainBody{
	padding:8px 25px 25px 40px;
	background-color:#FFFDEB;
}
td.topRegion{
	height:229px;
	background-image:url("/images/assets/grad01.jpg");
	background-repeat:repeat-x;
}
td.footer{
	background-color:DARKRED;
	color:#FFF;
	padding:0px 15px;
}
td.footer a{
	color:#FFF
}
#rightInset{
	float:right;
	border-left:1px dotted #AAA;
	padding:0px 0px 0px 15px;
	margin-left:20px;
	margin-top:10px;
	width:300px;
}
.rightContent{
	background-color:#FEF1BC;
	padding:12px;
	}
#homeTop{
	width:450px;
	height:229px;
	cursor:pointer;
	background-image:url("/images/assets/logo03.jpg");
	background-repeat:no-repeat;
}
td.subNav{
	background-color:#900;
	height:35px;
}
.subNav{
	/*
	text-align:right;
	float:right;
	width:210px;
	height:26px;
	font-weight:400;
	padding:8px 15px 0px 0px;*/
	/* background-color:gray; */
	
	background-image:url("/images/assets/arc02.jpg");
	background-position:top right;
	background-repeat:no-repeat;
}
#footer{
	/*padding:8px 0px 0px 15px;*/
}


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



a{
	color:DARKRED;
	text-decoration:none;
	}
a:hover, a:active{
	text-decoration:underline;
	}


#headerRegion{
	height:95px;
	padding:45px 0px 0px 0px;;
}
#toolbox1{
	float:right;
}
#layout1{

}
#leftRegion{
	/** width declared dynamically **/
	padding:15px 10px 15px 15px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#centerRegion{
	width:60px;
}
#rightRegion{
	/** width declared dynamically **/
	border-top:1px solid DARKRED;
	border-bottom:1px solid DARKRED;
}
#tagLine{
  font-size:smaller;
  padding-left:15px;
}
#rightRegionImage{
	position:relative;
	/** background-color:red; **/
	width:300px;
	height:300px;
	top:-120px;
}
.categoryImgs{
	border:1px solid #666;
}


dl {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

dt {
	padding: 4px 11px 2px;
	float: left;
}

dd {
	padding: 4px 11px 0px 0px;
}
.inset01{
	background-color:#FEF1BC;
	padding:12px;
	margin:10px 0px;
	font-weight:400;
}


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

Products Display

---------------------------- */
.prodLead{
	font-family:Tahoma, Arial;
	color:#730;
	font-weight:400;
	font-size:149%;
	margin:25px 0px 5px 0px;
	}
.prodLead a{
	color:inherit;
	font-family:Tahoma, Arial;
	}
h2.prodName{
	clear:both;
	color:#272727;
	text-align:left;
	margin-top:35px;
	}
.divider{
	color:#D4AFA2;
	width:50%;
	clear:both;
	visibility:hidden;
	}
.prodName{
	font-weight:900;
	}
.productLinks{
	border-top:1px solid #DDD;
	width:250px;
}
.productLinks a h2{
	font-size:101%;
	font-weight:400;
	text-decoration:none;

	margin:0px;
	padding:1px 0px 2px 25px;

	background-image:url("images/assets/bluesquare.gif");
	background-position:3px 7px;
	background-repeat:no-repeat;
}
.productLinks a:hover h2{
	cursor:pointer;
	background-color:gold;
}
.cat{
	margin-top:15px;
}
.prodWrp{
	width:560px;
}
.groupProdWrap{
	padding:8px;
}
.rowImg{
	float:left;
	background-color:none;
}
.rowTxt{
	width:350px;
	float:right;
	background-color:none;
}





/* for admin mode toolbar */
#adminMode{
	background-color:DARKGREEN;
	border:1px solid #000;
	width:200px;
	padding:0px 5px;
	color:WHITE;
	font-family:Arial;
	position:fixed;
	top:15px;
	left:15px;
	}
#adminModeExit{
	float:right;
	padding:0px 2px;
	margin:1px;
	border:1px solid WHITE;
	font-weight:900;
	font-family:Arial;
	}
#adminModeExit a{
	color:#FFF;
	text-align:center;
	font-size:9px;
	}
.amBtn{
	float:right;
	padding:0px 2px;
	margin:1px;
	border:1px solid WHITE;
	font-weight:900;
	font-family:Arial;
	}
.amBtn a{
	color:#FFF;
	text-align:center;
	font-size:9px;
	font-weight:900;
	padding:0px 3px;
	}
#adminMode{
	text-align:left;
	width:275px;
	-moz-opacity:.85;
	background-color:DARKKHAKI;
	}
textarea.amFlds{
	font-size:11px;
	line-height:13px;
	width:250px;
	border:1px solid #000;
	}
.swatch{
	margin-top:8px;
	margin-right:8px;
	}
table.prodData{
	border-collapse:collapse;
	margin:12px 5px 5px 5px;
	}
.prodData th{
	background-color:#FF9966;
	padding:0px 15px 0px 5px;
	border:1px solid DARKRED;
	}
.prodData td{
	padding:0px 15px 0px 5px;
	vertical-align:top;
	border:1px solid DARKRED;
	}

.rightAdd{
	size:119%;
	font-weight:900;
	}
#footerItem{
	size:14px;
	}

.h3{
	margin:0px;
	}
.topDescription{
	margin:10px 0px 20px 0px;
	color:#272727;
	/*width:550px;*/
	}