/* +++++++++++++ HUFFMAN ART STYLE SHEET ++++++++++++++++
	colors:		mild green	#66CC99;
				dark red:	#CC0033;
				beige:		#FFC;
				light gray: #CCC;
				*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0;
	padding: 0;
	color: black;
	text-align: center;
}
.shadow {
width: 960px;
margin: 4px auto;
background: url(../pix/shadowTL.png) no-repeat;}
#all {
position: relative;
left: 6px;
top: 6px;
padding: 0px;
font-size:1em;
text-align: left;
border: 2px solid #CCC;
  background-color: #fff;
}
a {color: navy;
text-decoration:underline;}
a:visited {color: black; }
a:hover {color: blue;}

h1 {
margin: 5px 5px 0 5px;;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:48px;
padding: 60px 0 0 94px;
background: url(../pix/logo.gif) top left no-repeat;
height: 70px;
text-transform:uppercase;
font-weight: normal;
float: left;
}
h1 .init { font-size: 120%; /*large initial letter */
}
h2 {
text-align: center;
}
h3 {
text-decoration: underline;
}
h4 {

}
h5 {
font-size: 80%;
text-align:center;
}
.clear {clear: both;	visibility: hidden;
height: 1px; margin:0;
line-height: 1px;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    overflow: hidden;
}
.alert {color:red;}
.greenbg {background:#66CC99; color:black; font-weight:bold;}
.centeritem {text-align:center; margin: 1em auto;}
.lalign {text-align:left;}
.ralign {text-align:right;}
.floatleft {float:left; margin: 1em 1em 1em 0;}
.floatright {float:right; margin: 1em 0 1em 1em;}
.email a {
color: black;
}
.s {font-weight:bolder;}
.address {/*block for address*/
margin: 1em 4em;
}
.address p {margin-bottom: 0;margin-top:0;}

/*		++++ top matter ++++	*/
#topbox { /* to hold name, contact, search, link to cart */
margin-left: 10px;
width: 970px;
}
.slogan {text-align:center;}
#topbox .rightbox {
float: right;
margin-right:25px;
width: 400px;
text-align:center;
}
.rightbox p {/* "your account" link*/
margin: 0 auto;
}
#topbox .searchbox {
margin: 10px auto;
text-align: center;
}
.searchbox {
	font-weight: bold;
}
.searchbox .button, #SubmitOrder {
	color: black;
	background:#66CC99;
	font-weight: bolder;
}
.searchbox INPUT {background:#CCCCCC;}
table.phone {
margin-top: 0px;
margin-left: 102px;
width: 25em;
font-weight:bold;
clear: both;
}
/*		++++ cart summary ++++	*/
table.cartsum {
white-space: nowrap;
width: 180px;
text-align:center;
margin: 1em auto 0 auto;
	border: 1px solid #999999;
}
table.cartsum th {
	background: ;
}
table.cartsum td {width: 50%;} 

/*		++++ navigation ++++	*/
ul.navbar, ul.picks {
list-style:none;
display:block;
font-weight: bold;
padding-left: 0;
}
ul.navbar {
margin-top: 20px;
margin-left: 20px;}
.navbar li, .picks li {
margin-top: 1em;
}
.navbar li {
margin-left: 30px;}
ul.picks {margin-top: 0;
margin-left: 30px;}
.picks li {padding-left: 20px;}

/*		++++ search results ++++	*/
.results {
	width: 98%;
	text-align: center;
}
.pictitle {/* picture plus title */
	margin: 0;
	width: 32%;
	height: 220px;
	text-align: center;
	vertical-align: top;
	float: left;
}
.centeritem table {width: 200px;margin: auto;}
.listtop {/* stuff above list of results, except now it's below */}
.listtop form {float: left;}
.listtop ul {display:inline;
list-style:none;
margin-left: 0;
padding-left: 0;}
.listtop li {	
display:inline;
	padding: 1px 3px;
	margin: 1px 2px;
}
.listtop h4 {
float: right;
	margin-top: 0;
}

/*			++++ 3 column layout from http://www.aarongray.org/Examples/CSS/ThreeColumnVariableWidthColumns.html ++++ */

	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
		margin: 30px auto;
        width:1000px;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
        background:transparent;    		}
	/* holy grail 3 column settings */
	.holygrail {
	    background:transparent;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:transparent;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        background:transparent;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		padding: 10px;
}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	/* Footer styles */

	#footer {
        clear:both;
        width:100%;
		text-align: center;
    }
				/*		++++ Single Item page ++++	*/
.single {width: 100%;
vertical-align:middle;
text-align:center;}
.single td.lalign {
width: auto;}
.price {font-weight:bold;
color: #CC0033;
text-decoration:none;
/*margin: 0 auto;*/}
.single .button, .setbox .button {background:#CC0033;
color: white;}
.setbox {/* set page */
	width: 32%;
	padding: 0px;
	margin: 0;
	margin-bottom: 20px;
	float: right;}
ul.setlist {/*list of sets with this item */
list-style:none;}

				/*		++++ Shopping Cart ++++	*/

.cart {border-collapse:collapse;
width: 98%;}
.shop {
.text-align: center;
margin: .5em auto;}
.shop td {width: 50%; text-align:center}

.cart caption {font-size: 1.3em;
font-weight: bold;
height: 2em;}
.gray th, .gray td, td.gray, {
background:#DDD; font-weight:bold;}
th.gray h3 {margin-right: 20px;
padding: 5px;
text-decoration:none;
font-size: 1.1em;
background:#DDD;
}
.cart tr {border-bottom: 2px solid #CCCCCC;
}
.delete a, .shop a {
font-size: .8em;
text-decoration: none;
color: black;
padding: 2px;
border: 1px solid gray;
}
.shop a {padding-right: 6px;}
.delete a, .cart button, .back {
background:#FFFFCC;
}
.shop a.pay, .shipest .back {background:#66CC99;}
.delete a:hover {background:#CC0033;}
.shipest, .logon {
width: 75%;
margin: 20px auto;}
.logon th {
padding: 0;}
.logon td {width: 50%;
vertical-align:top;
padding: 0 10px;
}
.logon p {margin-top: .4em;
margin-bottom:.4em;}

/*		++++ Home Page ++++	*/
.homepix {/* image + item name displayed on home page */
	text-align: center;
	vertical-align: top;
}
.homepix img {width: 200px;}
/*		++++ Payment Pages ++++	*/
TR.attn {background: #66CC99;
color: black;
height: 2.5em;
padding: .3em;
font-weight:bold;}
TR.attn TD {padding-left: 1em;}
.midpage {
width: 60%;
margin: 2em auto;}
.bottomrows {margin-top: 20px;}
.bottomrows td {width: 33%;
text-align:center;}