@import "reset.css";

html, body {
	height:100%;
}

body {
	width: 900px;
	margin: 0px auto 0px auto;   /* To center in browser */
	font-family: Tahoma, Myriad;
	font-size: 16px;
}
/* ----------------- borders ----------------- */
#border-t {
	height: 12px;
	background: url(images/border-t3d.png) no-repeat;
	background-color: #F0CD7B;
}
#border-b {
	height: 12px;
	background: url(images/border-b3d.png) no-repeat;
	background-color: #F0CD7B;
}
#border-m {
	background: url(images/border-m3d.png);
	background-color: #F0CD7B;
	padding: 10px 25px 10px 25px;
	overflow:  hidden;	 /* To extend height so all contents fit */
	min-height:100%;       /* To keep footer down */
	position:relative;     /* To keep footer down */
}
/* ----------------- content ----------------- */
#header {
	font-size: 44px;
	color: #277034;
	text-align: center;
	border: 10px 10px 10px 10px;
	padding: 10px 0px 0px 0px;
}
#navmenu {
	font-size: 14px;
	text-align: center;
	margin: 5px 0px 30px 0px;
	border: 10px 10px 10px 10px;
}
#content {
   	height: 100%;
	text-align: center;
	line-height: 1.4;
	border: 10px 10px 5px 10px;
	padding-bottom:14px;   /* Height of the footer */
}

#footer {
   position: absolute;  /* To keep footer down */
   bottom: 0;           /* To keep footer down */
   height: 28px;       /* Height of the footer */
   margin-bottom: 3px;
}
#copyright {
	font-size: 12px;
	border: 5px 10px 5px 10px;
}
#footnav {
	text-align: left;
	font-size: 10px;
	border: 0px 0px 0px 0px;
}
/* ----------------- text and images ----------------- */
h1 {
	font-size: 20px;
	font-weight: 400;
	color: #000000;
}
.style1 {	
	font-size: 12px	     /* within continental USA */
}
.style2 {
	color: #277034;      /* tax and ship */
	font-weight: bold;
}
.style3 {                /* enter gallery */
	font-size: 26px
}
.style4 {                /* To keep footer down */
	font-size: 26px
}

#terms {
	text-align: left;
	font-size: 12px;
	border: 0px 0px 0px 0px;
}
h2	{					 /* Terms header */
	font-weight: bold;
}
/* ----------------- links ----------------- */
a:link {color:#000000; text-decoration:none;}
a:visited {color:#000000; text-decoration:none;}
a:hover {color:#000000; text-decoration:underline; font-weight:bold;}
a:active {color:#000000; text-decoration:underline;}
/* ----------------- shopping grid and images ----------------- */
img.p { 
	width:175px; 
	height:175px; 
	margin: 0px 10px 0px 10px;
	padding: 5px 0px 5px 0px;
}
img.p2 { 
	width:125px; 
	height:125px; 
	margin: 0px 10px 30px 10px;
	padding: 0px 0px 0px 0px;
}
img.o4x4 { 
	width:100px; 
	height:100px; 
}
img.o4x12 { 
	width:100px; 
	height:300px; 
}
img.o12x4 { 
	width:300px; 
	height:100px; 
}
.items-all {
	height: 1510px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px, 0px 0px;
}
.item-image4x4 {
	width: 130px;
	height: 150px;
	float: left;
	margin: 10px 10px 10px 10px;
	padding: 20px 10px 20px 10px;
	border: 0px 0px, 0px 0px;
}
.item-image12x4 {
	width: 380px;
	height: 150px;
	float: left;
	margin: 10px 10px 10px 10px;
	padding: 20px 10px 20px 10px;
	border: 0px 0px, 0px 0px;
}
.item-image4x12 {
	width: 240px;
	height: 350px;
	float: left;
	margin: 10px 10px 10px 10px;
	padding: 20px 10px 20px 10px;
	border: 0px 0px, 0px 0px;
}
#vary {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
/* ----------------- contact form ----------------- */
#cform {
	line-height: 1.3;
	text-align: center;
}
#cforminput {
	padding: 0px 0px 0px 215px;
}
td {
	vertical-align: top;
}
.rcomment {
	display: none;
}
/* ----------------- lists ----------------- */
ul {
	list-style-type: none;
	font-size: 14px;
	padding: 10px 0px 10px 0px;
}
ol	{
	list-style-type: decimal;
	margin-left: 3em;
}
ol li ol {
	list-style-type: lower-alpha;
	margin-left: 3em;
}