* {padding : 0; margin : 0}

p {
margin-bottom:8px;
}

html {
min-height: 100%;
margin-bottom: 1px;
}

img {
	margin: 0;
	border:none;
	
	}
	
	body {
	margin: 0px;
	margin-left: 0px;
	background-color:#fff;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	color: #eee;
	
	
	}
	
	h1	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 160%;
	color: #97C93C;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:bold;
	}
	
	h2	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 130%;
	color: #fff;
	line-height: 120%;
	margin: 0;
	margin-top:0px;
	margin-bottom:6px;
	}
	
	h3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #fff;
	font-weight:bold;
	margin-bottom:6px;
	
	}
	
	
	  
	  
	  
	  label, textarea, input {
	  margin-left: 10px;
	  }
	  
	   
	
 
 
  
  
  
   .odd {
  background-color: #C5E8D6;
  }
  .even {
  background-color: #ADD8E6;
  }	
  
    #mid-section ul, mid-content-gen ul {
	
padding: 10px 0px 8px 25px;
list-style-position:inside;
}

 #mid-section ul, mid-content-gen ol {
padding: 10px 0px 8px 25px;
list-style-position:outside;
}

#outofdate {
    position: absolute;
    top: 0;
    left: 5px;
	z-index:100;
    width: 170px;
    height: 64px;
    background: transparent url(http://www.blotdesign.com/images/outofdate.jpg) center center no-repeat;
}
#outofdate a {
    display: block;
    width: 170px;
    height: 64px;
    text-decoration: none;
    text-indent: -9999px;
    font-size: 0.1em;
}
  
	
#container {
   
	position: relative;
    height: auto;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	border: none;
    width: 806px;
	font-size:100%;
	padding-left:0px;
	padding-right: 0px;
	border-top: 8px solid #000;
	
	
    
}

#container-bck {
background-image:url(../images/body-back.jpg);
	background-repeat:repeat-y;
	background-position:center;
	
	}
	#top-section {
  position:relative;
  left:0;
  top:0;
  margin-right: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	
   
   
  }
  
    
  #menu-section {
 position:relative;
 background-color:#000;
 overflow:hidden;
 height:45px;
 

 
 
  
    }
  
   
  
  #mid-section {
   position:relative;
width:100%;
 background-image:url(../images/mid-back.gif);
	background-repeat:repeat-y;
	margin:0;
	 
    }
	
 #mid-section-det {
   position:relative;
width:100%;
 background-image:url(../images/mid-back-coll.gif);
	background-repeat:repeat-y;
	margin:0;
	 
    }
	
#mid-section-det-cats {
   position:relative;
	background-repeat:repeat-y;
	margin:0;
	background-image: url(../images/mid-back-blank.gif); 
	padding:15px 20px 20px 40px; 
	color:#444; 
	width:746px;
	 
    }
	


	
#mid-content {
float:left; 
width:350px; 
color:#fff; 
padding:0px 45px 15px 25px; 
margin:10px 0px 10px 0px;
}

#mid-content h1 {
margin-top:8px;
color:#fff;
font-size:140%;
margin-bottom:3px;
}

#mid-content h3 {
margin-top:0px;
font-size:90%;
margin-bottom:0px;
color:#fff;
}

#menu-content .detail {
font-style:italic;
font-size:90%;

}


#mid-content-gen {
float:left; 
width:510px; 
color:#444; 
padding:0px 45px 15px 25px; 
margin:10px 0px 10px 0px;
}

#mid-content-gen h1 {
margin-top:8px;
color:#98c93c;
font-size:140%;
margin-bottom:3px;
}

#mid-content-gen h2 {
margin-top:0px;
font-size:130%;
margin-bottom:0px;
color:#616161;
}

#mid-content-gen h3 {
margin-top:0px;
font-size:90%;
margin-bottom:0px;
color:#555;
}

#mid-section-det-cats h2 {
margin-top:0px;
font-size:130%;
margin-bottom:0px;
color:#616161;
}
	
#left-col-1 {
float:left; 
width:366px;
padding-left:0px; 
padding-top: 0px;
 




 
}

#left-col-2 {

float:left; 
width:176px;

margin-top:60px;
padding-left:42px; 
padding-top: 0px; 




}

#left-col-3 {

float:left; 
width:200px;
margin-top:40px;
font-size:90%;
padding:0; 
}

#left-col-4 {

float:left; 
width:300px;
margin-top:25px;
font-size:90%;
padding:0;
color:#444; 
}

.cat-col {

float:left; 
width:300px;
margin-top:6px;
font-size:90%;
padding:0px 0px 0px 30px;
color:#444; 
}

#left-col-4 h2	{
font-family:Arial, Helvetica, sans-serif;
font-size: 130%;
color: #444;
line-height: 120%;
margin: 0;
margin-top:0px;
margin-bottom:6px;
}

#menu-pic {
float:left; 
width:391px;
padding-left:0px; 
padding-top: 0px; 

}




.address {
color: #e5dd8e;
font-weight:bold;
}

  #bottom-section {
  clear:both;
  position:relative;
  left:0;
  top:0px;
  
  margin:0;
  
 
  }
  #bottom-section2 {
   position:relative;
   height:20px;
   background-color:#000;
   width:100%;
  left:0;
  top:0px;
   margin:0px;
  padding-top:8px;
  padding-left: 0px;
  padding-right: 0px;
  color:#98ca3c;
  font-size:80%;
  

  }

  
 
 
  
  
  
  #bottom-col-1 {
  position:relative;
  left:0px;
  font-size: 1em;
  text-align: center;
  }
  
 table.res {
 	margin:14px 0px 10px 0px;
	width: 100%;
	border: 1px solid #F3C8CA;
	background: #fff;
	}
	
	table.res th, table.res td {
	margin:0;
	padding: 4px 8px;
	text-align: left;
	background: #FFEAE1;
	
	}  
	  table.res th {
	background: #E0E7F1;
	} 
	
.sqrpic {
padding-bottom:35px;
}
	
 .sbox {
  height: 280px; 
  overflow: auto; 
  visibility:visible; 
  padding-right:10px;

  }
		
.ileft {
  float: left;
  padding: 0px 12px 10px 0px;
  }
  
 .iright {
  float: right;
  padding: 0px 0px 10px 12px;
  }
	      
  .left {
  float: left;
  text-align: left;
   
  }

.right {
  float: right;
  text-align: right;
 
 
  
  }

 
 .lege {
 margin-bottom:20px; 
 font-size: 130%; 
 padding-left:5px; 
 padding-right:10px;
 color: #777;
 border-color:#777;
 }
 
 fieldset {
 border :  1px solid #777;
 }
 
.teaser {
padding-left:0px;
width:204px;
}

.teaser h3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #97C93C;
	font-weight:bold;
	margin-bottom:6px;
	
	}
	
.teaser h3	a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #97C93C;
	font-weight:bold;
	margin-bottom:6px;
	
	}

 .tease-top {
  margin:0; 
  padding:0; 
  height:22px;
  background-image:url(../images/featured.gif); 
  background-position: top left; 
  background-repeat:no-repeat;
  }
  
  .tease-mid {
  font-size:85%; 
  font-weight:normal; 
  background-image:url(../images/featured-mid.gif);  
  background-repeat:repeat-y; 
  padding:5px 5px 5px 10px;
  color:#aaa;
  font-weight:bold;
  }
  
  .tease-bottom {
  background-image:url(../images/featured.gif); 
  background-position: bottom left; 
  background-repeat:no-repeat;
  height:10px;
  }

 .legaltext {
  font-size:70%; 
  color:#aaa; 
  font-family:Arial, Helvetica, sans-serif;
  }
  
.cleardiv {
  height:1px; 
  overflow:hidden; 
  clear:both;
  }

.forminput {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

.collection {
float:left; 
width:165px; 
border: 1px solid #ccc; 
margin:10px 0px 0px 15px;
text-align:center; 
padding:10px 0px 10px 0px;
}

.category {
float:left; 
width:215px; 
border: 1px solid #ccc; 
margin:10px 0px 0px 45px;
text-align:center; 
padding:10px 0px 10px 0px;
display:inline;
}

.coll-img {
padding-bottom:5px;
}



tr.odd {
background-color: #EDFFE3;
}

tr.even {
background-color: #BFFF9F;
}

 #nav1{
margin-top: 14px;
margin-bottom: 0px;
margin-left:145px;
padding-bottom:0px;
height:20px;
width:500px;
float:left;
display:inline;
overflow:hidden;



}

#nav1 ul {


margin-left: 0;
padding-left: 0;
margin-bottom: 0;
display: inline;
}

#nav1 li {
list-style-type: none;
text-align:center;
padding: 0px 0px 0px 0px;
float:left;
margin-bottom: 0;
overflow:hidden;
display: inline;


}

#nav1 a {
	float: left;
	padding: 20px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	}
	
#nav1 a:hover,  #nav1 a.selected {
	background-position: 0 -20px;
	
	}
	
#nav1 a.selected     {  cursor: default !important; } 
	
#thome a  {
	width: 85px;
	background: url(../images/navhome.gif) top left no-repeat;
	}
	
#tabout a  {
	width: 88px;
	background: url(../images/navabout.gif) top left no-repeat;
	}
	
#tproducts a  {
	width: 107px;
	background: url(../images/navproducts.gif) top left no-repeat;
	}
	
#tfaq a  {
	width: 83px;
	background: url(../images/navfaq.gif) top left no-repeat;
	}
	
	
#tcontact a  {
	width: 92px;
	background: url(../images/navcontact.gif) top left no-repeat;
	}



	
#navcat ul {
text-align:right;
}
	
#navcat li {
	margin: 0; 
	padding: 0;
	padding-right:51px;
	margin-left:0px;
	margin-bottom:8px;
    list-style: none;
	color:#fff;
	font-weight:bold;
	width:140px;
	text-align:right;
	background: url(../images/navline.jpg) no-repeat 100% 6px ;
	
	
	
	}

#navcat a:link, #navcat a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:90%;
	
	
	}
	
#navcat a:hover, #navcat a:active {
	color: #aaa;
	}

	



A:link,  A:visited, A:active   { color:#af3a26;  text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 100%;  font-weight: normal;} 
A:hover     { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:100%; font-weight: normal;} 


A.legal:link, A.legal:visited, A.legal:active      { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 70%;  line-height: 140%; font-weight: normal} 
A.legal:hover     { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:70%; line-height: 140%; font-weight: normal} 

A.tlink:link, A.tlink:visited, A.tlink:active    { color: #97C93C; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 110%;  font-weight: bold} 
A.tlink:hover     { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:110%; font-weight: bold} 

A.tlinkm:link, A.tlinkm:visited, A.tlinkm:active    { color:#98ca3c; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 100%;  font-weight: normal} 
A.tlinkm:hover     { color: #aaa;  } 


A.more:link, A.more:visited, A.more:active      { color: #666; text-decoration: none; font-family:     Arial, Helvetica, sans-serif; font-size: 100%;  font-weight: bold} 
A.more:hover     { color: #999; text-decoration: none; font-family:  Arial, Helvetica, sans-serif;font-size: 100%; font-weight: bold} 

A.sb:link      { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal} 
A.sb:visited   { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal; } 
A.sb:active    { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal;  } 
A.sb:hover     { color: #000000; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:1em; font-weight: normal}