/*
selectors modified Oct 04 for ecomm:
maincolumn (width was auto) <- heck, this might fix the floats in safari!

new selector Jan 05 to fix photo lyout:
photomaincolumn
*/

body {font-family: Arial, Verdana, Geneva, Sans-Serif; font-size: 1.3em; margin: 0; padding: 0;}

p { margin-left: 20px; margin-right: 20px; margin-top: 0; margin-bottom: 1.3em; line-height: 1.5; /* clear: both; */}

a { padding-left: .1em; padding-right: .1em;}

a.mainlink { font-size: 1.1em;}

/* used in sitemap to allow JAWS users to quickly index all Areas */
h2 { font-size: 1em; line-height: 1.5; margin: 0;}

a.imagelink {padding-left: 0em; padding-right: 0em;}

ul { line-height: 1.5; padding: 0px 10px 20px 10px; margin: 0px 0px 0px 45px; }

b.home {line-height: .5; font-size: .7em;}

.category { margin: 0; font-weight: bold; width: 100%; }

.mainhead { }

.headerimg {vertical-align: bottom;}

form { margin: 0; }

.bar { font-size: smaller; width: 100%; height: 1ex; padding: 0; clear: both; margin: 0; overflow: hidden;}

.photobar { font-size: smaller; width: 100%; height: 1ex; padding: 0; clear: both; margin: 0; overflow: hidden;}

/* this acts as the bottom padding of the wrappers that don't use a bar. it should equal the padding-top of the wrappers (1em) */
.push { font-size: smaller; width: 100%; height: 1px; padding: 0; clear: both; margin: 0; overflow: hidden;}


/* "wrappers" */
.nav { margin: 0;}
.greycol { padding-top: 1.3em; margin-bottom: 1em; font-size: smaller; line-height: 1.2;  height: auto; width: 100%; overflow: visible;}
.whitecol { padding-top: 1em; padding-bottom: 1em; margin: 0; font-size: smaller; line-height: 1.2; height: auto; width: 100%; overflow: visible;}
.tagline { font-size: .9em; font-family: Times, Serif; height: auto; width: 100%; overflow: visible; }
.content { padding-top: 1em; margin: 0; height: auto; width: 100%; overflow: visible; position: relative;}
.captionwrppr { /*float: left;*/ width: 167px; margin: 0; position: absolute; top: 1.5em; left: 13px; }
.thumbwrppr { margin: 0; padding: 20px 0 0 0; width: 100%; }
.zoomwrppr {padding: 40px 0 40px 0;}

.galleryimg { margin: 40px 40px 40px 45px; vertical-align: top; /*float: left;*/ width: 163px; height: 163px;}
.wideimg { height: 128px; width: 100%; margin-bottom: 0px; margin-top: 0px; overflow: visible; }


/* "columns" */
.leftcolumn { float: left; width: 250px; margin-right: 48px; margin-left: 5px; margin-top: 0; overflow: visible;}
.rightcolumn { float: left; width: auto; margin-left: 5px; margin-top: 0; margin-bottom: 0; overflow: visible;}
.photomaincolumn { margin: 0 0 0 180px; width: auto;}
.maincolumn { margin-top: 0; width: 100%;}
.arrow {float: left; margin-left: 5px; margin-top: -.8ex; overflow: visible;}
/* .leftimg {float: left; margin-left: 20px; margin-top: 1ex; margin-bottom: 1ex;} */
.largecaptionimg {float: left; margin: 0;}
/* .largecaptiontext {float: left; padding-left: 20px; padding-right: 20px; margin-top: 0; width: auto;} */
.tag {float: left; margin: 0;}
.taginfo { float: left; margin-top: 17px; margin-bottom: 1ex; margin-left: 98px;}



/* "column contents" */
.captionimg {margin: 2px;}
/*.popimg { margin: 40px 0 20px 20px; }*/
.captionwrppr p { font-size: .8em; line-height: 1; margin: 8px; }
.thumbwrppr p { font-size: .8em; margin: 0px 0px 0px 40px;}
.zoomwrppr p { margin: 10px 0 0 0; }
.zoomwrppr img { margin: 0 0 0 20px; }


/* .searchcopy { padding: 2px;} */

.searchbutton {font-family: Arial, Verdana, Geneva, Sans-Serif; font-size: .9em; height: auto; vertical-align: top;}

.searchfield {font-family: Arial, Verdana, Geneva, Sans-Serif; font-size: .9em; margin-right: 20px; padding: 0; height: auto; width: 10em; vertical-align: top;}

.ahem {display: none;}

.hide {display: none; visibility: hidden;}


/* added to CSS in Oct 04 for Form-design/E-Commerce */

form.ecomm {
	border-width: .5ex;
	border-style: solid;
	margin:	0 20px 1.3em 20px; padding: .5em 1.5em .5em 1.5em;
	font-size: smaller;
	display: block;
	width: 85%;
	text-align: left;
}
form.ecomm h1 {
	margin: .4em 0 0 0; padding: .5ex 0 .5ex 1ex;
	width: auto;
	font-size: 1.3em; font-weight: bold;
	}
form.ecomm h2 {
	margin: 0; padding: 0 0 0 1ex;
	width: auto;
	font-weight: bold;
	border-top-width: .5ex;
	border-top-style: solid;
	}

form.ecomm div {
	margin: .5em 0 .5em 0; padding: .5em 0 .5em 0; text-align: right; width: auto;
	overflow: visible;
	line-height: 1.8;
	}
form.ecomm div input, form.ecomm div select {
	vertical-align: middle; margin: 0 5% 0 0; padding: 0;
	font-family: Arial, Verdana, Geneva, Sans-Serif;
	font-size: 1em;
	width: 52%;
	}
form.ecomm div textarea {
	vertical-align: text-top; margin: 0 5% 0 0; padding: 0;
	font-family: Arial, Verdana, Geneva, Sans-Serif;
	font-size: 1em;
	width: 52%;
	height: 6em;
	}

form.ecomm input#submit {
	width: auto; margin: 0 5% 0 0; padding: .2em;
	line-height: auto;
	vertical-align: middle;
	}
input#update {
	width: auto; margin: 0; padding: 0;
	overflow: visible;
	}

form.ecomm div label { margin: 0; padding: 0 5% 0 0; }
form.ecomm fieldset {
	border: none;
	margin: .7em 0 .1em 1ex; padding: 0;
	text-align: left;
	}
fieldset legend { margin: 0; padding: 0; }
form.ecomm p {
	border: none;
	margin: .5em 0 .5em 0; padding: 0 0 0 1ex;
	text-align: left;
	}
form.ecomm p input, form.ecomm fieldset input {
	}
form.ecomm div p {
	margin: .5em 0 .5em 0; padding: 0 1% 0 1ex;
	text-align: left;
	}
	
	
	
	.warning { font-size: 1.3em; }
	
/* added to CSS in Nov 04 for Form-design/E-Commerce */

abbr {
	text-decoration: none;
	font-style: normal;
	}

div.order {
	border-width: .5ex;
	border-style: solid;
	padding: .5em 1.5em .5em 1.5em;
	margin:	0 20px 1.3em 20px;
	width: 85%;
	}
table.order {
	margin: 0; padding: 0;
	border: none;
	font-size: smaller;
	display: block;
	width: 100%;
	text-align: left;
	overflow: visible;
	}
table.order tr, table.order thead {
	border: none;
	margin: 0; padding: 0;
	width: auto;
	}
table.order thead th {
	border: none;
	margin: 0; padding: .5em .5ex .5em .5ex;
	text-align: left; font-weight: bold;
	width: 15%;
	}
table.order tr th {
	border-top-width: .5ex;
	border-top-style: solid;
	margin: 0; padding: .5em .5ex .5em .5ex;
	text-align: left; font-weight: bold;
	width: 15%;
	}
table.order tr td {
	border-top-width: .5ex;
	border-top-style: solid;
	margin: 0; padding: .5em .5ex .5em .5ex;
	text-align: left;
	width: 15%;
	}
table.order thead th#quantity {
	width: 30%;
	}
table.order thead th#description {
	width: 50%;
	}

table.order td.subtotal,
table.order th.subtotal,
table.order td.total,
table.order th.total,
table.order td.upricecol,
table.order td.pricecol,
table.order th.upricecol,
table.order th.pricecol {
	text-align: right;
	}
table.order td.blank, table.order th.blank {
	border: none;
	}
table.order tfoot td {
	border: none;
	padding: 2em .5ex 1.5em .5ex;
	text-align: right;
}
table.order caption {
	margin: .5em 0 .5em 0; padding: .5em 0 .5em 0; text-align: left; width: 100%;
	line-height: 1.8;
}
table.order tfoot td input {
	vertical-align: middle; margin: 0; padding: .2em;
	font-family: Arial, Verdana, Geneva, Sans-Serif;
	font-size: 1em;
	width: auto;
	}
table.order input {
	vertical-align: middle; margin: 0; padding: 0;
	font-family: Arial, Verdana, Geneva, Sans-Serif;
	font-size: 1em;
	width: 1.5em;
	}