/***** CSS RESET - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/***** END CSS RESET *****/

/***** CLEARFIX - http://www.webtoolkit.info/css-clearfix.html *****/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
/***** END CLEARFIX *****/

/***** STICKY FOOTER http://ryanfait.com/*****/
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 30px auto -25px auto; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 25px; /* .push must be the same height as .footer */
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
/***** END STICKY FOOTER *****/

/***** STRUCTURE *****/
.wrapper {
	width: 800px;
}

.content {

}
/***** END STRUCTURE *****/

/***** GLOBAL STYLES *****/
p {
	margin: 5px 0;
	line-height: 150%;
	font-size: small;
}

h2 {
	margin: 5px 0;
	font-weight: bold;
}

ul {
	margin: 5px 0 0 0;
	font-size: small;
}

li {
	margin: 7px 0;
	font-size: inherit;
	line-height: 150%;
}
.big133 {
	font-size: 133%;
}
/***** NAVIGATION *****/
.top-nav {
	width: 800px;
	height: 32px;
	background: black;
	color: white;
	text-transform: uppercase;
	margin: 0 0 35px 0;
	text-align: center;
}

.top-nav ul li {
	display: inline;
	margin: 2px 6px 0 6px;
}

.top-nav ul li a {
	color: white;
	text-decoration: none;
	font-size: 16px;
}

.top-nav ul li a img.button {
	margin: 5px 0 -5px 0;
}

.top-nav ul li a:hover {
	color: black;
	background: white;
}
.viewcart a {
	font-size: 90%;
	color: black;
	text-decoration: underline;
	float: right;
}
/***** END NAVIGATION *****/

/***** PRODUCTS *****/
.products {
	clear: both;
	width: 800px;
	margin: 0 0 5px 0;
	border-top: 1px solid black;
}

.products ul li {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}

.products ul.silos li {
	float: left;
	width: 260px;
	margin: 0 10px 5px 0;
}

.products ul.silos li.last {
	margin-right: 0;
}

.products ul.silos2 li {
	float: left;
	width: 500px;
	margin: 0 10px 5px 0;
}

.products ul.silos2 li.last {
	margin-right: 0;
	width: 280px;
}

.products ul.silos3 li {
	float: left;
	width: 550px;
	margin: 0 10px 5px 0;
}

.products ul.silos4 li {
	float: left;
	width: 550px;
	margin: 0 10px 5px 0;
}

.products ul.silos4 li.last {
	margin-right: 0;
	width: 200px;
}

.products ul li a img {
	margin: 0 12px 0 0;
}

.products ul li.captioned {
	display: block;
	width: 160px;
	height: 190px;
}

.caption {
	font-size: 11px;
	text-align: center;
	width: 152px;
}

.first {
	border: 1px solid #000;
}

.second {
	border: 1px solid #000;
}

.third {
	border: 1px solid #000;
}

ul.archive_menu li {
	height: 45px;
	border: 1px solid black;
	width: 258px;
}

ul.archive_menu li img {
	border-right: 1px solid black;
}

.archive_title {
	padding: 10px 0 0 0;
	text-align: center;
	color: black;
}

.spread {
	margin: 0 0 0 300px;
}
/***** END PRODUCTS *****/

/***** DESCRIPTION *****/
.description {
	clear: both;
	width: 800px;
	font-size: small;
}

.main-caption-1 {
	float: left;
	border-right: 1px solid #000;
	padding: 5px 15px 5px 0;
}
.main-caption-2 {
	float: left;
	padding: 5px 15px;
}

.main-caption-3 {
	clear: both;
	padding: 5px 15px 5px 0;
}

.main-caption-4 {
	float: right;
	width: 500px;
	clear: both;
	padding: 5px 15px 5px 0;
}

a.buybutton {
	padding: 5px;
	color: white;
	background: black;
	text-decoration: none;
}

a.buybutton:hover {
	text-decoration: underline;
}
/***** END DESCRIPTION *****/

/***** GALLERY *****/
.gallery-wrap {
	width: 199px;
	height: 199px;
	float: left;
}
/***** END GALLERY *****/

/***** OPTIONS *****/
ul.options li {
	margin: 0 0 5px 0;
}

/***** END OPTIONS *****/


/***** BUTTON MATRIX *****/
#button_matrix {
	position: relative;
	margin: 4px 0 0 -5px;
	display: block;
	list-style: none;
	clear: both;
	font-size: 10px;
	width: 900px;
}

#button_matrix ul li {
	float: left;
	margin: 2px;
	width: 80px;
	text-align: center;
	list-style: none;
}

#button_matrix ul li.purchase_button a {
	border: 1px solid #ee0839;
	background: #ffccd7;
	color: #000;
	text-decoration: none;
}


#button_matrix ul li.purchase_button a:hover {
	border: 1px solid #ee0839;
	background: #fff;
	color: #000;
	text-decoration: none;
}

#button_matrix ul li.holding_button a {
	border: 1px solid #cccc99;
	background: #ffffcc;
	color: #000;
	text-decoration: none;
    cursor: default;
}

#button_matrix ul li.sold_button a {
	border: 1px solid #333;
	background: #ddd;
	color: #666;
	text-decoration: none;
    cursor: default;
}

#button_matrix ul li a {
	color: #000;
	padding: 2px 5px 2px 3px;
	display: block;
	text-decoration: none;
}

#button_matrix ul li a:hover {
	text-decoration: none;
}

#free {
	float: right;
	margin: -291px -130px 0 0;
	overflow: visible;
}
/***** END BUTTON MATRIX *****/

/***** HIGHSLIDE *****/

.highslide-caption {
background-color: white;
padding: 5px;}

/***** END HIGHSLIDE *****/

/***** TABLE STYLING *****/
table {
	border-top:1px solid #333;
	border-right:1px solid #333;
	border-collapse:collapse;
	margin: 5px 0;
	width: 300px;
}

tr.odd td	{
	background:#f7fbff;
}

tr.odd .column1	{
	background:#f4f9fe;
}
	
.column1	{
	background:#f9fcfe;
}

td {
	border-bottom:1px solid #333;
	border-left:1px solid #333;
	padding:.3em 1em;
}				

th {
	font-weight: normal;
	letter-spacing: .025cm;
	text-transform: uppercase;
	color: #eee;
	text-align:left;
	border-bottom: 1px solid #333;
	border-left:1px solid #333;
	padding:.3em 1em;
	background:#000;
}
/***** Archive Styling *****/
table.archives {
	width: 800px;
}

table.archives tbody td {
	text-align: center;
	padding: 0px;
	font-size: 90%;
}

td.archive_menu {
	width: 200px;
	text-align: center;
}

td.archive_menu li {
	margin: 0 0 3px 0;
}

div.archiveBlock {
	float: left;
	width: 170px;
	height: 275px;
	text-align: center;
	font-size: 90%;
}


/***** Cart Styling *****/
.carttable {
	width: 100%;
}

.carttable, .carttable td {
	border: 0;
}
.carttable td {
	text-align: center;
	vertical-align: middle;
}
.carttable td img {
	padding: 15px 0 15px 5px;
}
.carttable tr {
	border-top: 1px solid black;
}
.carttable tr {
	font-size: 85%;
	height: 110px;
}
.carttable tr.short {
	height: 25px;
	border-top: 1px solid black;
}					
.left {
	float: left;
}
.right {
	float: right;
}
.padb5 {
	padding: 0 0 5px 0;
}
.center {
	text-align: center;
}
.em {
	font-style: italic;
}
/*
CSS by Wade Meredith | wademeredith.com
I had help...
*http://www.alistapart.com/
*http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*http://www.positioniseverything.net/easyclearing.html
*http://vikjavev.no/highslide/
*/