/* CSS Document */

* {
	padding:0;
	margin:0;}

H1{	font: Georgia, "Times New Roman", Times, serif; 
	font-size:28px; 
	padding-bottom:20px; 
	font-weight:100;
	color:#fff; 
	text-shadow:#666 0 1px 0  
}

H2{	font: Verdana, Geneva, sans-serif; 
	font-size:20px; 
	padding-bottom:20px; 
	font-weight:100; 
	color:#fff; 
	text-shadow:#666 0 1px 0
}

H3{	font: Verdana, Geneva, sans-serif; 
	font-size:20px; 
	padding-bottom:20px; 
	font-weight:100; 
	color:#fff; 
	text-shadow:#666 0 1px 0
}

H4{	font: Verdana, Geneva, sans-serif; 
	font-size:20px; 
	padding-bottom:20px; 
	font-weight:100; 
	color:#fff; 
	text-shadow:#666 0 1px 0
}

a{	color: #000;
	text-decoration:underline
}
	
a:hover{ color: #900; 
		 text-decoration:underline

}

p{ 	font-family:verdana;
	color:#000;
	font-size:11px;
	line-height:18px;
	padding-top:10px;
}

body{ background: url(images/bg1.jpg) repeat-x #7a7979;

}

#wrap{ margin:0 auto; 
	   width:960px; 
	   min-height:650px }

#feature {  float:left;
			width:608px; 
			height:120px;
}

#feature p#slogan { background: url(images/williampotts.png) no-repeat;
					width:528px; 
					height:100px; 
					text-indent:-9999px; 
					position: relative; 
}

#feature p { font-family:Georgia, "Times New Roman", Times, serif;
			 font-size:14px; 
			 font-weight:bolder; 
			 color:#FF9; width:526px; 
			 line-height:10px; 
			 margin:60px 0 0 0px; 
			 text-shadow:0 1px 0 #222;
}

#chest{ width:290px;
		height:212px; 
		margin:30px 0 0px 0; 
		margin-left:auto;
}

#mid-wrap { width:960px; 
			min-height:400px; 
			clear:both; 
			margin-top:50px; 
			margin-bottom:40px; 
			background:url(images/potts-bg.png) bottom
}

#mid-wrap .first.text { margin-bottom:20px;
						max-width:200px; 
						min-height:350px; 
						float:left; 
						padding:0 0px 0 20px; 
						margin-left:0px; 
						margin-top:20px
}

#mid-wrap .text { margin-bottom:20px; 
				  max-width:210px; 
				  min-height:350px; 
				  float:left; 
				  padding:0 20px 0 0px; 
				  margin-left:20px; 
				  margin-top:10px
}

#mid-wrap .text p #first { margin-bottom:20px; 
						   max-width:200px; 
						   min-height:350px; 
						   float:left; 
						   padding:0 20px 0 0px; 
						   margin-left:20px; 
						   margin-top:0px
}
						   
#mid-wrap H1#head { background: url(images/Since98x2.png) no-repeat;
					width:160px; 
					height:109px; 
					text-indent:-9999px; 
					position: relative; 
}

#potts-fabrics { float:right; 
				 width:470px; 
				 min-height:350px; 
				 padding-right:10px; 
				 margin-top:10px; 
				 background:url(images/line.png) no-repeat left 
}

#potts-fabrics ul { padding-left:5px;
}

#potts-fabrics ul li{ float:left; 
					  list-style:none; 
					  margin:10px 0px 10px 15px;
}

#potts-fabrics ul li.last{ margin:10px 0 10px 0;
}

#potts-fabrics ul li a{ background:url(images/thumb-bg-hover21.jpg);
						width:95px; 
						height:335px; 
						display:block; 
						padding:5px 0px 0px 5px;
}

#potts-fabrics ul li a:hover { background:url(images/thumb-bg-hover212.jpg);
}

#potts-fabrics ul li a img { border:none;
							 outline:none;
}

a#more-potts-fabrics { padding:7px 10px 0 0; 
}

#potts-fabrics H1#header { background: url(images/collections.png) no-repeat; 
						   width:416px; 
						   height:30px; 
						   margin-left:10px;  
						   text-indent:-9999px; 
						   position: relative; 
}

#mid-wrap2 { width:960px; 
			 clear:both; 
			 margin:auto; 
			 min-height:350px
}

#mid-wrap2 .first.text { margin-bottom:20px; 
						 max-width:200px; 
						 min-height:350px; 
						 float:left; 
						 padding:0 0px 0 20px; 
						 margin-left:0px; 
						 background:url(images/line.png) no-repeat left 
}

#mid-wrap2 .text { margin-bottom:20px; 
				   max-width:200px; 
				   min-height:350px; 
				   float:left; 
				   padding:0 20px 0 0px; 
				   margin-left:20px; 
				   background:url(images/line.png) no-repeat right; 
}

#mid-wrap2 .text p #first { margin-bottom:20px; 
							max-width:200px; 
							min-height:350px; 
							float:left; 
							padding:0 20px 0 0px; 
							margin-left:20px; 
							background:url(images/line.png) no-repeat right; 
							margin-top:-10px
}

#mid-wrap H1#head { background: url(images/Since98x2.png) no-repeat;
				    width:160px; 
					height:109px; 
					text-indent:-9999px; 
					position: relative; 
}

.left-asso { width:460px; 
			 float:left; 
			 margin: 10px 39px 10px 0px; 
			 background:url(images/ass-bg.png) bottom;
}

.left-asso-logo { width:460px; 
				  clear:both; 
				  margin: 0px 0px 20px 0px; 
				  height:50px
}

.left-asso-text { width:220px; 
				  min-height:200px; 
				  float:left; 
				  padding-right:10px; 
				  margin: 10px 0px 0px 10px; 
				  background:url(images/line.png) no-repeat right;  
}

.left-asso-text p { font-family:verdana; 
					color:#000;font-size:11px;	
					line-height:18px; 
					padding-top:0px 
}

.left-asso-image { width:220px; 
				   min-height:100px; 
				   float:right; 
				   margin: 10px 0px 0px 0px;  
}

.left-asso-image ul { padding-left:0px;
}

.left-asso-image ul li{ float:right; 
						list-style:none; 
						margin:0px 10px 0px 0;
}

.left-asso-image ul li a{ background:url(images/thumb-bg3.jpg); 
						  width:195px; 
						  height:185px; 
						  display:block; 
						  padding:5px 0px 0px 5px; 
}

.left-asso-image ul li a:hover { background:url(images/thumb-bg-hover3.jpg);
}

.left-asso-image ul li a img { border:none; 
							   outline:none;
}

.left-asso-more { width:460px; 
				  clear:both;
}

.asso-more { float:right; 
			 width:460px; 
}

.asso-more ul { padding-left:5px;
}

.asso-more ul li{ float:left; 
				  list-style:none; 
				  margin:10px 12px 10px 0;
}

.asso-more ul li.last{ margin:10px 0 10px 0;
}

.asso-more ul li a{ background:url(images/thumb-bg31.jpg); 
					width:135px; 
					height:145px; 
					display:block; 
					padding:5px 0px 0px 5px;
}

.asso-more ul li a:hover { background:url(images/thumb-bg-hover31.jpg);
}

.asso-more ul li a img { border:none; 
						 outline:none;
}

a#more-asso-more { padding:7px 10px 0 0; 
}

.asso-more H1#header { background: url(images/collections.png) no-repeat;
					   width:416px; 
					   height:30px; 
					   margin-left:5px;  
					   text-indent:-9999px; 
					   position: relative; 
}

.right-asso { width:460px; 
			  float:left; 
			  margin: 10px 0px 10px 0px; 
			  background:url(images/ass-bg.png) bottom;
}

.right-asso-logo { width:460px; 
				   clear:both; 
				   margin: 0px 0px 20px 0px; 
				   height:50px
}

.right-asso-text { width:220px; 
				   min-height:200px; 
				   float:left; 
				   padding-right:10px; 
				   margin: 10px 0px 0px 10px; 
				   background:url(images/line.png) no-repeat right;
}

.right-asso-text p { font-family:verdana;
					 color:#000;
					 font-size:11px; 
					 line-height:18px; 
					 padding-top:0px 
}

.right-asso-image { width:220px; 
					min-height:100px; 
					float:right; 
					margin: 10px 0px 0px 0px;
}

.right-asso-image ul { padding-left:0px;
}

.right-asso-image ul li{ float:right;
						 list-style:none;
						 margin:0px 10px 0px 0;
}

.right-asso-image ul li a{ background:url(images/thumb-bg3.jpg);
						   width:195px; 
						   height:185px; 
						   display:block; 
						   padding:5px 0px 0px 5px; 
}

.right-asso-image ul li a:hover { background:url(images/thumb-bg-hover3.jpg);
}

.right-asso-image ul li a img { border:none;
								outline:none;
}

.right-asso-more { width:460px; 
				   clear:both;
}

#asso-text { margin-bottom:0px; 
			 width:215px; 
			 min-height:200px; 
			 float:left; 
			 padding:0 10px 0 10px
}

#associate-wrap { float:left;
				  overflow:hidden; 
				  text-shadow:0 1px 0 #999; 
				  width:465px; 
				  margin:10px 0 10px 0px; 
				  padding-top:5px; 
				  position: inherit
}

#footer-wrap { clear:both; 
			   background: url(images/footer-wrap.gif) repeat-x; 
			   height:250px; 
			   margin-top:20px;
}

#footer { width:960px; 
		  margin:0 auto; 
		  background: url(images/footer.jpg); 
		  height:250px;
}

#footer #left-container { width:500px; 
						  float:left; 
						  margin:20px 0 0 0; 
}

#footer #left-container a{ color:#f1e091
}

#footer #left-container a:hover{ color:#FFF
}

#footer  p{	font-family:verdana;
			font-size:15px;
			line-height:20px;
}

#footer #left-container h2 { font-size:20px;
						     font-family:Verdana, Geneva, sans-serif;
							 margin-bottom:0px;
	 						 padding:0 0 0 0;
	 						 line-height:24px;
							 margin-bottom:10px
}

#footer #left-container h3 { font-size:17px;
							 font-family:Verdana, Geneva, sans-serif;
							 margin-bottom:0px;
							 padding:0 0 0 0;
							 line-height:24px;
}
	
#footer #left-container .yellow{ color:#f1e091
}
	
#footer h1#contact { background: url(images/contact.png) no-repeat; 
					 width:281px; 
					 height:22px; 
					 text-indent:-9999px;  
}

#footer p {	font-family:verdana;
			color:#FFF ;
			text-shadow:0 1px 0 #000;
			font-size:12px;
			line-height:20px;
}

#email{ float:right; 
		width:425px; 
		height:205px; 
		margin:20px 0px 0px 0px;
}

#emailbutton{ float:right; 
			  border:none; 
			  outline:none; 
			  text-decoration:none; 
}

#association1-wrap{ background-image:url(images/bg2.jpg); 
					height:33px;
					width:auto;
					background-repeat:repeat-x;
					background-position:bottom; 
					margin:20px 0 20px 0
}

#working { background :url(images/working-with.png) no-repeat;
		   width:960px; 
		   height:31px; 
		   margin:auto;
}

#association-wrap{ background-color:#000; 
				   height:100px
}

#association-logos{ background-color:#000;
					width:960px; 
					height:60px; 
					margin:auto  
}

#association-logos p{ color:#cccc66; 
					  margin-top:20px; 
					  float:left; 
					  font-family:Verdana, Geneva, sans-serif; 
					  font-size:12px; 
					  padding-right:10px; 
					  padding-top:0px; 
					  width:255px;
}

#association-logos ul { padding-left:0px;
}

#association-logos ul li{ 
	color:#f1e091; 
	margin-top:7px; 
	float:left; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:12px; 
	padding-right:15px;  
	list-style:none
}

#association-logos ul li a { 
	border:none; 
	outline:none; 
	list-style:none 
}

#association-logos ul li a img { 
	border:none; 
	outline:none; 
	list-style:none 
}

/***********************************************************************/

#form-area p {
    margin: 0 auto 1em 0;
    padding: 0 0px;
    line-height: 1.4;
	color:#9e876b; 
	font-family:verdana; 
	font-size:10px;

}

#form-area p.warning-top {
    font-weight: bold;
    color: #FF3;
	padding-top:15px;
	margin-bottom:-5px;
	margin-left:22px;
	font:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-style:bold;
}

#form-area p.sent-top {
    font-weight: bold;
    color:#9e876b;
	padding-top:15px;
	margin-bottom:-5px;
	margin-left:22px;
	font:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-style:bold;
}


#form-wrap {
	width: 430px;
	float: none;
	margin:auto;
	height: auto !important;
	height: 500px;
	
}

#form-area {
	width: 427px;
	margin-top: 25px;
	min-height:315px ;
	background: url(images/form-bg.png) repeat;
	
	
	
}

#form-area input, #form-area textarea {
	padding: 5px;
	width: 170px;
	font-family: Verdana, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 5px 0px;
	border: 2px solid #ccc;
}

#form-area textarea {
	height: 90px;
}

#form-area textarea:focus, #form-area input:focus {
	border: 2px solid #900;
}

#form-area input.button {
	font:Verdana, Geneva, sans-serif;
	font-size:9px;
	background: url(images/submit2.png); 
	width:101px; 
	height:37px; 
	border:none; 
	display:block; 
	margin-top:10px;}
	
#form-area input:hover.send {background:url(images/submit2.png);}
	


.warning {
    font-weight: bold;
    color: #FF3;
	margin-bottom:1px;
	padding-top:10px;
}




form h2 {
    color:#9e876b;
    font-size: 80%;
    font-weight: bold;
    margin: 0 0 5px 10px;
}

label {
    font-weight: bold;
	width:150px;
    color:#9e876b;
    display: block;
	
}

#split-left {
			width:170px; 
			float:left; 
			margin:20px 8px 0 22px; 
			background-color:}


/***********************************************************************/

.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
width:460px;
color: white;
background: /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 20px;
font: normal 10px Verdana;
width:460px;
 
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
color: white;
background: black url(images/toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;

}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
width:435px;
display: block;
background: transparent url(images/toggleright.gif) no-repeat right bottom;
padding: 1px 12px 4px 13px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: #333; /*background of toggle tab onMouseover*/
color:#f1e091;
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}