/* elements */

body {
  font-family:Times New Roman;
}

p {
  padding-left: 20px;
}

ul {
  margin-top:10px;
}
.siteForm { 
  background-color: #fc9;
  padding: 10px; 
  margin: 0;
}

.siteForm div {
  text-align: left;
  position: relative;
  padding-bottom: 5px;
}

.siteForm input, select, textarea {
  background-color: #ffc;
  border:1px solid #999;
  max-width: 295px;
}

ol li {
  margin-left: 20px;
  font-size: 1em; 
  padding: 0;
  margin-bottom: 10px;
}

ul li {
  list-style: url('images/bullet.jpg'); 
  font-weight: normal;
  font-style: italic;
  margin-left: 20px;
  font-size: 1em;
  color: #333;
}

h1 {
  border-bottom: 1px solid #ccc; 
  color: #7e284d;
  clear: both;
}

h2 {
  font-style: italic;
  padding: 3px;
  margin: 0;
}

h3 { 
  padding-left: 20px;
  font-family:Monotype Corsiva;
  font-size:1.4em;
  margin:0;
}

h4 { 
  padding-left: 20px; 
  margin:0;
}

h5 { 
  font-weight: normal;
  font-style: italic;
  margin: 2px;
}

h6 {
  background-color: #ff9;
  padding-bottom: 3px;
  font-style: normal;
  margin: 0;
}

/* layout */

#nav {
  border-bottom: 3px solid #fc6;
  border-top: 3px solid #fc6;
  background-color: #f90;
  text-align: center;
  width: 100%;
  clear: both;
  padding: 3px;
}

.products {
  text-align: center;
  padding: 15px;
  width: 215px;
  float: left;
}

.pageheader {
  background-color: #7e284d;
  vertical-align: middle;
  height: 85px;
  width: 100%;
}

.pagecontainer {
  background-color: #fc6;
  vertical-align: middle;
  padding: 0 0 0 20px;
  height: 100%;
}

.pagecontent { 
  background:#fff url('fade.jpg') top left repeat-y;
  padding:10px 40px 40px 75px;
  font-size: 110%
}

.pagefooter {
  border-top: 3px solid #fc6;
  background-color: #7e284d;
  vertical-align: middle;
  height: 30px; 
  width: 100%;
  clear: both;
}

/* classes */

.index_news {
  background-color: #fc9;
  border: 1px solid #f90;
  padding: 10px;
  font-size:.8em;
}

.retail_shop {
  border: 1px dashed #f90;
  background-color: #ffc;
  margin: 15px 15px 0 0;
  position: relative;
  text-align: center;
  padding: 10px;
  width: 245px;
  float:left;
  min-height:110px;
}

.gallery { 
  border: 1px dashed #f90;
  background-color: #ffc;
  margin: 15px 15px 0 0; 
  text-align: center;
  font-size: 1.05em;
  font-style: italic;
  position: relative;
  min-height: 115px;
  width: 235px;
  padding: 10px;
  float: left;
}

.submitme { 
  background-color: #fc6;
}

.buy {
  background-color: #fcc;
  border:2px solid #fc6;
  text-align: center;
  padding: 10px;
  width: 95%;
  font-size: .9em;
}

.wholesale_form {
  background-color: #fc9;
  border: 2px solid #f90;
  margin-left: 20px;
  width: 340px;
  padding: 0;
  float: left;
}

.wholesale_faqs {
  text-align: center;
  padding-left: 10px;
  float: left;
  width: 265px;
}

.wholesale_form div {
  padding: 0 10px 0 10px;
  margin: 0;
  position:relative;
  float:left;
}

.wholesale_form h2 {
  border-bottom: 1px solid #f90;
  background-color: #fc6;
  text-align: center;
  margin: 0; 
}

.clear { clear: both; }

.index_content
{
	margin-left:15px;
	border:1px solid #fcc;
	background-color:#fff;
	width:46%;
	float:left;
	padding: 5px;
}

.index_content h4 
{
	padding:3px;
	margin-bottom:5px;	
	text-align:center;
	background-color:#fcc;

}

.index_content p
{
	margin:0;
	height:240px;
	overflow:auto;
	padding: 5px;
}

/* pseudo classes */

a:link h6, a:visited h6  { text-decoration:none; } /* this is a little odd */ 
a:hover h6, a:active h6  { background-color:#fcc; }

#nav a {
  border: 1px dashed #fc6;
  padding: 4px 10px 4px 10px;
}

#nav a:link, #nav a:visited { color: #333; text-decoration: none; }
#nav a:hover, #nav a:active { color: #000; text-decoration: none; background-color: #fc6; }


/* div { border: solid 1px red; } */