/* HTML Style Definitions  */
body {
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #000000;
			margin: 5px 0px 25px 0px;
			background: #8AA45E url(https://slate.secure-host.com/ookoodook/images/bkg_main.gif) repeat;
			text-align: center;}
			
p {  
			font-size: 12px;
			line-height: 16px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #000000;}
			
h1 {
			color: #000000;
			font-size: 18px;
			font-weight: bold;
			padding: 8px 10px;
			margin: 0px;
			border: 0px solid #000000;
			border-width: 0px 0px 1px 0px;}	
			
h2 {
			color: #000000;
			font-size: 15px;
			font-weight: bold;
			padding: 0px 0px 6px 0px;
			margin: 0px;}				
			
			
td {  
			font-size: 12px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			vertical-align: top;}
			
b {  
			font-weight: bold;}

li {		
			line-height: 20px;
			font-size: 13px;}

.sm {
			font-size: 10px;}		
			
			
/* Layout Styles */		

.bkgwrap {
			background: #ECE190;
			width: 990px; 
			padding: 0px;}

.main {
			background: #ECE190; 
			width: 990px; 
			text-align: center; 
			padding: 15px 0px;}
			
.leftnav {
			float: left; /* since this element is floated, a width must be given */
			width: 230px; 
			padding: 10px 0px 0px 30px; 
			text-align: center;}
	
.rtsidebar {
			float: right; /* since this element is floated, a width must be given */
			width: 215px; 
			background: #ECE190; 
			padding: 10px 15px 0px 0px;}
	
.maincontent { 
			margin: 0px 230px 0px 250px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the .mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
			padding: 0px;} 
			
.maincontentcart { 
			margin: 0px 25px 0px 250px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the .mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
			padding: 0px;} 			

.shadow { /* Note - to add the shadow effect, you will put this box around the content box. This will act as a shadow. */
			position: relative;  /* A box inside the shadow MUST have 'position: relative' and the 'bottom': and 'right:' attributes the same (in this case 5px). */
			bottom: 5px;  /* you may need to add the width to the shadow box, as well as adjust padding or margins to have the object orientated correctly. */
			right: 5px;  /* an example would look like this: <div class="shadow" style="left: 20px; width: 450px; margin-bottom: 10px;"> */
			background: #666666;
			margin-bottom: 15px;}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
			clear: both;
  		  	height: 0;
  		  	font-size: 1px;
    		line-height: 0px;}	
			
/* Content Styles */

	/* Header Styles */
.hdr {
			text-align: right; 
			background: #ECE190;
			margin-left: 15px; 
			padding: 10px 20px 10px 0px;}
	
	/* Left Nav Styles */

.leftnavcontent {
			background: #BA334D;
			padding: 0px; 
			text-align: center;
			border: 1px solid #000000;
			position: relative; 
			bottom: 5px; 
			right: 5px;}
			
.leftnavcontent2 {
			}
			
.txt1 {
			font-size: 12px;
			padding: 10px;}			
			
	/* Search and Newsletter Form */

div.searchbox {
			padding: 10px 8px;
			text-align: center;
			display: block;
			width: 210px;}	
			
.searchform {
			padding:0px;
			margin: 0px;}
			
.searchtxt {
			font-size: 12px;
			padding: 5px 5px;
			border: #000000 solid 1px;
			height: 25px;}		
			
div.newsbox {
			padding:10px;}		
						
.newsform {
			padding:0px;
			margin: 0px;}				
			
	/* Main Content Styles */	
	
.content1 {	
			padding: 10px 15px 20px 15px; 
			text-align: left;}
			
.slidecontrol {
			padding: 0px 15px 10px 25px;
			text-align: right;}
													
.pagegraphic {
			padding: 0px 0px 0px 20px; 
			margin: 0px;
			width: 450px;}			


	/* Right Sidebar Styles */
	
.sidebarimg {
			text-align: left; 
			background: #ECE190;
			padding: 0px; 
			margin: 0px;}

.sidebarboxblue {
			text-align: left; 
			background: #ABC8E9; 
			padding: 10px; 
			margin: 0px 10px 15px 0px;
			border: 1px solid #000000; 
			font-size: 12px;}

.sidebarboxred {
			text-align: left; 
			background: #BA334D; 
			padding: 10px;
			margin: 0px 10px 15px 0px;
			border: 1px solid #000000; 
			font-size: 12px; 
			color: #FFFFFF;}
			
			
.sidebarboxgreen {
			text-align: left; 
			background: #ABD6B0; 
			padding: 10px;
			margin: 0px 10px 15px 0px;
			border: 1px solid #000000; 
			font-size: 12px; 
			color: #000000; }
	
.sidebarboxtan {
			text-align: left; 
			background: #F5BA3D; 
			padding: 10px;
			margin: 0px 10px 15px 0px;
			border: 1px solid #000000; 
			font-size: 12px; 
			color: #000000; }

	/* Footer Styles */
	
.footer1 {
			width: 990px; 
			text-align: left;}
			
.footer2 {			
			background: #214311; 
			color: #FFFFFF; 
			padding: 10px 25px 10px 25px; 
			font-size: 10px;}
	
.footerlinks {
			padding: 0px 0px 10px 0px; 
			font-weight: bold; 
			font-size: 11px;}
			
	
/* ShopSite Styles */	

	/* Page Link Styles */

.linkimage {
			font-size: 12px;
			color: #000000;
			padding: 10px;
			text-align: center;
			text-decoration: none;}

.linkname {
			font-size: 12px;
			font-weight: bold;
			color: #000000;
			padding: 5px 7px;
			text-align: center;
			text-decoration: none;}	



	/* Product Thumb Styles */

.image {
			font-size: 12px;
			color: #000000;
			padding: 10px;
			text-align: center;}		

.name {
			background: #8AA35F;
			font-size: 12px;
			font-weight: bold;
			color: #000000;
			padding: 5px 7px;
			text-align: center;}	
		
	/* Product More Info Styles */
	
.breadcrumb {
			text-align: left;
			font-size: 10px;
			padding: 0px}

.moreinfoname {
			color: #000000;
			font-size: 18px;
			font-weight: bold;
			padding: 8px 10px;
			border: 0px solid #000000;
			border-width: 0px 0px 1px 0px;}	

.miimage1 {
			}
			
.miimage2 {
			margin: 0px 15px 15px 0px;}			
		
.xlimgtbl {
			background: #ECE190;
			padding: 10px;
			border: 3px solid #000000;
			text-align: center;} 	

.micontent {
			padding: 10px;
			font-size: 12px;
			line-height: 17px;}

.price_atcbtn {
			text-align: center;
			padding: 10px;
			border-bottom: 1px  solid #666666;}
			
.pricemi {
			padding: 15px 0px 15px 0px;}
			
.prodprice {
			font-weight: bold;
			color: #333333;
			line-height: 12px;}

.prodsale {
			font-weight: bold;
			color: #FF0000;
			line-height: 12px;}
			
.prodpricemi {
			font-weight: bold;
			color: #333333;
			font-size: 17px;
			line-height: 19px;}

.prodsalemi {
			font-weight: bold;
			color: #FF0000;
			font-size: 17px;
			line-height: 19px;}		
		 		
.cart_quantity, .cart_name, .cart_sku, .cart_price, .cart_total, .totals_txt, .totals {
			padding: 3px 3px 3px 10px;}				
				
.cart_total, .totals {
			text-align: right;}
		
.addr_name {
			padding: 0px;}		

.addr, .addr_val { 
			padding: 3px;
			margin: auto;
			border: 0;
			font-size: 12px;}	
			
.extraimg1 { 
			text-align: center;
			padding: 10px;
			display: block;}	
		  
.extraimg2 { 
			text-align: center;
			padding: 10px;
			display: block;}	
			
.reviewbox {
			padding: 0px;
			color: #000000;
			background: #FFFFFF;
			width: 475px;
			margin: 15px 0px 10px 10px;}
			
.reviewbox2 {
			padding: 5px 10px;
			color: #000000;
			border: 5px solid #BA334D;
			background: #FFFFFF;}			
			
		  
			
	/* Subproduct Styles */		
	
.subprod1 {
			margin-top: 20px;
			margin-left: 10px;
			border: 1px solid #000000;
			width: 475px;}
			
.subprod2 {
			padding: 7px;
			font-weight: bold;
			font-size: 16px;
			color: #FFFFFF;
			background: #5F874E;
			border-bottom: 1px solid #000000;}
			
.subprod3 {
			padding: 6px;
			font-weight: bold;
			font-size: 13px;
			background: #94BE92;
			border-bottom: 1px solid #666666;}			
						
.skusp {
			font-weight: bold;
			color: #333333;
			padding: 10px 6px 6px 6px;
			background:  #DEE4C9;
			border-bottom: 1px dashed #666666;}

.prodnamesp {
			padding: 10px 6px 6px 6px;
			background: #DEE4C9;
			border-bottom: 1px dashed #666666;}
						
.prodpricesp {
			padding: 10px 6px 6px 6px;
			background: #DEE4C9;
			border-bottom: 1px dashed #666666;}

.cartbtnsp {
			padding: 6px;
			background: #DEE4C9;
			border-bottom: 1px dashed #666666;}

	/* Search Styles */		
	
.searchresult {
			font-size: 12px;
			font-weight: bold;
			padding: 10px;}
			
.searchresultform {
			padding: 10px 10px; 
			background: none;
			text-align: center;
			width: 450px;}			
			
	
/* Link Styles */

a:link, a:visited {
			color: #005600; 
			font-weight: bold; 
			text-decoration: none;}

a:hover {
			color: #C0C000;
			font-weight: bold; 
			text-decoration: underline;}	

	/* navlft - Main links on the left */

a.navlft:link, a.navlft:visited, a.navlft:hover {
			background: #F5BA3D;
			display: block;
			text-align: left;
			border-bottom: 1px solid #000000;}

			
	/* navhdr - Links at the top */

a.navhdr:link, a.navhdr:visited {
			color: #000000; 
			font-weight: bold; 
			font-size: 12px;
			text-decoration: none;}

a.navhdr:hover {
			color: #000000; 
			font-weight: bold; 
			font-size: 12px;
			text-decoration: underline;}	
			
			
.navhdr2, .navhdr2:hover {
			color: #990000; 
			font-weight: bold; 
			font-size: 12px;
			text-decoration: none;}
		
	/* wht - Used to ensure linke are white in color */			
			
a.whtu:link, a.whtu:visited, a.whtu:hover {  
			color: #FFFFFF; 
			text-decoration: underline;}
			
a.wht:link, a.wht:visited, a.wht:hover {  
			color: #FFFFFF; 
			text-decoration: none;}
			
a.blk:link, a.blk:visited, a.blk:hover {  
			color: #000000; 
			text-decoration: none;}