﻿body {background: #ECE6D6; padding: 0px; margin: 0px; font-family: "Times New Roman", Times, serif; font-size: 12px; color: #333333;}
form {margin: 0px;}

#container_main {width: 758px; background: #ECE6D6 url(../images/mainbackground.jpg) repeat-y top center; padding: 0px 19px 0px 19px; margin: 0px auto 0px auto;}
#container_content {width: 720px; background: #FFFFFF; margin: 0px auto 0px auto; padding: 0px;}
 
 /* NAVIGATION */
#topnav {width: 720px; background: #DFDFDF;}
#topnav_left {width: 440px; padding: 5px 0px 5px 10px; margin: 0px; float: left;}
#topnav_left a {font-weight: bold; color: #EA8432;}
#topnav_right {width: 260px; padding: 2px 10px 0px 0px; margin: 0px; float: left; text-align: right;}

#mainnav {background: #EA8432; float: left; width: 172px; padding: 1px 3px 14px 1px; font-size: 12px; text-align: left; font-weight: bold; color: Black;}
  #mainnav ul {list-style: none; margin: 1px; padding: 1px;} 
  #mainnav li {border-top: 1px solid #EA8432;}
  #mainnav li a:link, #mainnav li a:visited  {display: block; padding: 5px 0px 5px 10px; background-color: #EAD9CC; color: Black; text-decoration: none;} 
  #mainnav li a:hover {background-color: #FFFFFF; color: #005517; text-decoration: none;}
  
subnav {background: #FFFCBB url(../images/subnav_background.jpg) repeat-x top center; float: left; height: 131px; width: 131px; padding: 5px 8px 5px 30px; font-size: 12px; text-align: left; font-weight: normal; color: Black;}
  #subnav .title {background: #F6F5EE; padding: 10px;}
  #subnav ul {list-style: disc; margin: 0px; padding: 0px;} 
  #subnav li {list-style: disc; border: 0px;} 
  #subnav li a:link, #subnav li a:visited {color: Black; text-decoration: none; background-color: Transparent; padding: 1px 0px 2px 5px;}
  #subnav li a:hover {color: #005517; text-decoration: underline; padding: 2px 0px 2px 5px;}

/* HEADER */
#header {width: 700px; padding: 10px;}
#header1 {float: left; width: 275px;}
#header2 {float: none; width: 500px;}
#header3 {float: left; width: 125px;}
#topbar {width: 720px; height: 12px; background: #CCDCC7 url(../images/topbar_gradient.jpg) repeat-x top;}

/* COLUMNS */
#column1 {float: left; width: 180px;}
#column2 {float: left; width: 1px;}
/* #column3 {float: left; width: 539px; line-height: 16px;} 
	#column3 .title {background: #F6F5EE; width: 519px; padding: 10px;}
	#column3 .title a {color: #666666;}
	#column3 .title b {color: #666666;}
	#column3 .title h1 {font-size: 18px; font-weight: bold; margin: 10px 0px 0px 0px; color: #005517;}
	#column3 .content {width: 539px; padding: 10px;}
	
	#column3 .content ul {list-style: disc; margin: 5px 0px 5px 20px; padding: 1px;} 
	#column3 .content li {font-size: 14px; text-align: left; color: Black;}
	#column3 .content li a:link, #column3 .content li a:visited  {display: block; padding: 5px 0px 5px 10px; color: Black; text-decoration: none;} 
	#column3 .content li a:hover {color: #005517; text-decoration: underline;} */
/*	
	#column3 .content li {font-size: 12px; text-align: left; color: Black;}
	#colmun3 .content li a {display: block; padding: 5px 0px 5px 0px; color: Black; text-decoration: none;} 
	#colmun3 .content li a:link {display: block; padding: 5px 0px 5px 0px; color: Black; text-decoration: none;} 
	#column3 .content li a:visited {display: block; padding: 5px 0px 5px 0px; color: Black; text-decoration: none;} 
	#column3 .content li a:hover {color: #005517; text-decoration: underline;}
*/
/*	#column3 .featured {width: 539px; background: #FFFFFF url(../images/featured_background.jpg) repeat-x top;}
	#column3 .item {float:left; width: 159px; padding: 0px 10px 0px 10px; margin: 10px 0px 10px 0px;}
	#column3 .featured h1 {font-size: 18px; font-weight: bold; margin: 0px 0px 0px 10px; color: #005517;}
	#column3 .featured h2 {font-size: 14px; font-weight: bold; margin: 0px 0px 0px 0px; color: #005517;}	
	#column3 .featured .thumb {padding: 7px; border: 1px solid #A99F5C;} */

#column3 {float: left; width: 359px; /*line-height: 16px;*/} 
	#column3 .title {background: #F6F5EE; width: 340px; padding: 10px;}
	#column3 .title a {color: #666666;}
	#column3 .title b {color: #666666;}
	#column3 .title h1 {font-size: 18px; font-weight: bold; margin: 10px 0px 0px 0px; color: #005517;}
	#column3 .content {width: 360px; padding: 10px;}
	
	#column3 .content ul {list-style: disc; margin: 5px 0px 5px 20px; padding: 1px;} 
	#column3 .content li {font-size: 14px; text-align: left; color: Black;}
	#column3 .content li a:link, #column3 .content li a:visited  {display: block; padding: 5px 0px 5px 10px; color: Black; text-decoration: none;} 
	#column3 .content li a:hover {color: #005517; text-decoration: underline;} 
	
	#column3 .featured {width: 338px; background: #FFFFFF url(../images/featured_background.jpg) repeat-x top;}
	#column3 .item {float:left; width: 159px; padding: 0px 10px 0px 10px; margin: 10px 0px 10px 0px;}
	#column3 .featured h1 {font-size: 18px; font-weight: bold; margin: 0px 0px 0px 10px; color: #005517;}
	#column3 .featured h2 {font-size: 14px; font-weight: bold; margin: 0px 0px 0px 0px; color: #005517;}	
	#column3 .featured .thumb {padding: 7px; border: 1px solid #A99F5C;} 

	#column3 .aboutcontent {float: left; width: 330px; padding: 10px;}
	#column3 .aboutcontent h1 {font-size: 18px; font-weight: bold; margin: 0px; color: #70481D;}
	#column3 .label {float: left; text-align: left; width: 40px;}
	#column3 .row {clear: both; padding-top: 5px;}
	#column3 .product {width: 307px; background: #FFFFFF url(../images/product_background.jpg) repeat-x top; padding: 10px; margin: 1px 0px 0px 0px;}
	#column3 .product h1 {font-size: 18px; font-weight: bold; margin: 10px 0px 0px 0px; color: #005517;}		
	#column3 .short { display:inline; }
	#column3 .long { display:none; background-color: #ffff99; }
	
#column4 {float: left; width: 1px;}
#column5 {float: left; width: 180px;}

/* PRODUCTS */
#productleft {float: left; width: 204px; padding: 0px;}
	#productleft h2 {font-size: 14px; font-weight: normal; color: #333333; margin: 5px 0px 5px 0px;}
	#productleft .thumb {float: left; width: 54px; height: 54px; padding: 2px; border: 2px solid #E7E3CF; margin: 0px 3px 3px 0px;}
#productimageframe {background: #E7E3CF; width: 180px; padding: 7px; margin: 0px 10px 0px 0px}
#productimagebox {background: #FFFFFF; width: 160px; height: 160px; padding: 10px; margin: auto auto auto auto;}
#productimagetext {color: #666666; text-align: right; width: 180px; padding: 0px; margin: 2px 0px 0px 0px;}
#productPDFframe {background: #E7E3CF; width: 180px; padding: 7px; margin: 0px 10px 0px 0px}
#productPDFbox {background: #FFFFFF; width: 160px; padding: 10px; margin: auto auto auto auto;}
#productPDFtext {color: #666666; text-align: right; width: 180px; padding: 0px; margin: 2px 0px 0px 0px;}
#productdetails {float: left; width: 315px; padding: 0px;}
	#productdetails .order {font-size: 11px; float: left; width: 299px; background: #E7E3CF; padding: 8px 8px 8px 8px;}
	#productdetails .order h2 {font-size: 14px; font-weight: bold; margin: 0px 0px 0px 0px; color: #005517;}
	#productdetails .order hr {border: none 0; border-top: 1px dashed #A99F5C; width: 100%; height: 1px;} 
	#productdetails .order img {float: left; border: 1px solid #6B461F; margin: 0px 5px 5px 0px;}
.productrelated {float: left; width: 114px; margin: 0px 10px 10px 0px;}
	.productrelated .thumb {width: 90px; height: 90px; padding: 5px; border: 7px solid #E7E3CF;}
	

	
