* {	margin: 0;
	padding: 0;}
html {position: relative;}
body { background: url(/_members/pentraethpine/pine-bg.jpg); 
		text-align: center; 
		font-size: 62.5%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
		line-height: 1.8em; 
		position: relative;}
p { }
td { }
a:link { color: #af9719; }
a:visited { color: #b7a857; }
a:hover { color: #fff; background-color: #af9719; text-decoration: none; }
a:active, a:focus { outline: none}

.clear { clear: both}
.prop { float: right;
		width: 1px;
		height: 700px;}
#wrapper {width: 800px;
			margin: 0  auto;
			padding: 135px 0 10px 0;
			text-align: left;
			position: relative;
			}

p#phone {position: absolute;
		 top: -50px;
		 left: -50px;
		 background: url(/_members/pentraethpine/pine-phone.png) 100% 100% no-repeat;
		 height: 189px;
		 width: 327px;
		 text-indent: -1000px;}

#pricetag  {position: absolute;
		 bottom: 100px; left: -5px;
		 display: block;
		 background: url(/_members/pentraethpine/pricetag.png) 100% 100% no-repeat;
		 height: 222px;
		 width: 475px;
		 text-indent: -1000px;
		 z-index: 0;}
#pricetag:hover {left: 0px; bottom: 110px; }


h1#title {
			position: absolute;
			top: 30px; left:210px;
			width: 700px;
			height: 90px;
			text-indent: -2000px;
			background: url(/_members/pentraethpine/pine-title.png)  no-repeat;}

/* Begin Content i.e. page */
#content {    /*position: relative;*/
			float: right;
			width: 597px;
			z-index: 30;}
#topcorner	{
		position: relative;
		background: url(/_members/pentraethpine/pine-page-t.png)  no-repeat;
		height: 50px; width: 597px;
		margin: 0 0px 0px 0px;
		z-index: 10;
		}

#bottomcorner	{position: relative;
		background: url(/_members/pentraethpine/pine-page-b.png)  no-repeat;
		height: 62px; width: 597px;
		margin: 0 0px 10px 0px;
		z-index: 40;
		}
.page { position: relative;
		width: 597px;
		margin:0;
		background: url(/_members/pentraethpine/pine-page-m.png) center  repeat-y;
		
		z-index: 30;
		}			

.page h1 { color: #889878; 
			position: relative; 
			text-align: right; 
			padding: 20px 40px 10px 50px; 
			margin: 0; 
			font-size: 2.7em; 
			font-family: "Times New Roman", Times, Georgia, serif; 
			line-height: 1.2em; 
			letter-spacing: 0.07em; word-spacing: 0.3em; }		
.page h1#pagetitle {margin-top: 0px; padding-top: 0; z-index: 50;
					line-height: 1em;}		

.page p, .page address, .page h2, .page h3, .page br, .pagewrap
	 { color: #365124; 
		padding: 2em 50px 0em 50px;  
		margin: 0;
		display: block; 
		font-size: 1.3em; 
		font-family: Verdana, Helvetica, Arial, san-serif; 
		/*background: url(/_members/pentraethpine/pine-page-m.png) center top repeat-y;*/
		z-index: 10;}		

.page h2, .page h3
		 { font-family: Times, georgia, serif, Georgia, "Times New Roman", Times, serif;
			font-size: 2.5em; line-height: 1.3em;
			color: #889878; 			
			padding-top: 20px; margin: 0;
			font-weight: normal;}
.page h3 { color: #b7a857; font-size: 2.3em; font-family: "Times New Roman", Times, Georgia, serif; }
			
.page hr {width: 90%;
			border: 1px solid #ded;
			margin: 0px auto;}
.page br.clear {height: 1px; margin: 0;}

/* End Content i.e. page */


/* Yellow Panel */
.page .panel {width: 240px;
			  margin: 10px 15px 10px 50px; padding: 0;
			  position: relative;
			  background: #f1f1a4;
			  float: left;
			  z-index: 900;}		  		
.page .panel p, .page .panel address, .page .panel h2 {background: none; padding: 15px;  } 			  
.page .panel p, .page .panel address {color: #444 ; padding-top: 0px; }
.page .panel h2 {color: #365124;}
.page .panel br {background: none;}

.page img{
          border: 1px solid #ddd;
          border-right: 2px solid #ddd;
          border-bottom: 2px solid #ddd;
          padding: 5px; background: #fff; }
.page img.product {width: 480px;}          
.page img.left {float: left; margin: 10px;}
.page img.right {float: right; margin: 10px;}



/* Left-Column */
#left-col { font-family: Georgia, "Times New Roman", Times, serif; 
			position: relative; 
			float: left;
			margin-top:10px; 
			width: 180px;
			margin-bottom: 110px;
			z-index: 10}
#left-col div.hr {background: url(/_members/pentraethpine/pine-hr.gif) top center no-repeat;
				width:100%;  height: 20px;
				margin: 10px auto;
				border: 0px;}			
#left-col hr {display: none;}

/* Menu of Categories */
.categories { position: relative; 
			top:0px; width:140px;
			font-size: 1.7em; 
			font-weight: bold;
			letter-spacing: 0.08em;
			word-spacing: 0.15em;
			text-transform: capitalize;
			list-style-type: none;}
.categories li {margin: 15px 0;
				background: url(/_members/pentraethpine/bullet.gif) left center no-repeat;
				padding-left: 35px;
				}			
.categories a { color: #006b33;
				text-decoration: none;
				padding: 2px;}			
.categories a:hover {color: #000; background: none;}				



/* Info Menu */
.infomenu {position: absolute;
			top: 100px; left: 350px;
			z-index: 2;
			list-style-type: none;
			}
.infomenu li {display: block;
				float: left;}			
.infomenu li a {
				height: 82px;
				display: block;	
				text-indent: -1000000px			
				}
.infomenu li#home a {width: 91px;
					background: url(/_members/pentraethpine/pine-home.png) 0 0 no-repeat;
					}
.infomenu li#about a {width: 91px;
					background: url(/_members/pentraethpine/pine-about.png) 0 0 no-repeat;
					}
.infomenu li#contact a {width: 117px;
					background: url(/_members/pentraethpine/pine-contact.png) 0 0 no-repeat;
					}
.infomenu li#find a {width: 91px;
					background: url(/_members/pentraethpine/pine-find.png) 0 0 no-repeat;
					}
li#home a:hover, li#about a:hover, li#contact a:hover, li#find a:hover {margin-top: -5px;}

/* Footer */
#footer {clear: both;
		height: 107px; width: 800px;
		margin: -30px 0 0 0;
		padding: 0;
		font-size: 1.3em;
		color: #555;
		}
#left-foot {background: url(/_members/pentraethpine/pine-foot-l.png) 0 0 no-repeat;
             height: 107px; width: 63px;
             float: left;}
#middle-foot {background: url(/_members/pentraethpine/pine-foot-m.png) 0 0 repeat-x;
             height: 107px; width: 657px;
             float: left;
             margin-top: 1px;}
#right-foot {background: url(/_members/pentraethpine/pine-foot-r.png) 0 0 no-repeat;
             height: 107px; width: 80px;
             float: left;
             margin-top: 2px;}

#footer .infomenu {position: relative;
                   top: 25px; left: 0; padding-top: 25px;
                   /*top: 20px; left: 50px; margin-top: 10px;*/}
#footer .infomenu li {border-left: 1px solid #87a857;
					  padding: 5px;
					  display: block; }
#footer .infomenu li a {height: auto; width: auto; text-indent: 0;}

#footer #copyright {
	clear: both;
	float: left;
	margin: 5px 0 0 0px;
}
#footer #design {
	float: right;
	margin: 5px 0px 0 0px;
}

div.hr {
  height: 2px;
  background: gray ;
  text-align:center;
  margin: 3px 50px 3px 50px;
}
div.hr hr {
  color: red;
  background: red;
}

#content a {position:relative !important;}

#tradelist ul {
	margin-top: 10px;
	list-style: none;
	font-size: 14px;
	margin-left: 50px;
}