/*compilation of styles from various stages; should be entirely replaced with the redesign (spring or summer '07?)*/
/* styles from original ellaroo.css file */

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #336699;
}

UL.circle {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: circle;
}
UL {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: square;

}

p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1 {
	font: medium Tahoma, Arial, Helvetica, sans-serif;
	color: #336699;
	padding: 6px;
	font-weight: bold;
}

.smaller {
	font-size: smaller;
}
small {
	font-size: 9px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.navigationlinks {
	text-decoration: none;
	color: #FFFFFF;
}

table {
}

.form {
	font-size: smaller;
}

p {
	font-size: 12px;
	color: #336699;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
; font-size: smaller
}

a {
	text-decoration: none;
}

TD.formtext {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	color: #336699;
	font-size: 12px;
}

.errs {
	width: 350px;
	background-color: #FFFFDF;
	color: #990000;
	font-size: 12px;
	text-align: left;
	margin: 12px;
	padding: 12px;
	border-color: #CC3300;
	border-width: 1px;
	border-style: solid;
}

.errtitle {
	font-weight: bold;
}

	.country {
		color: #000000;
		font-weight: bold;
		font-size: 10px;
		text-align: center;
		padding: 4px;
	}
	
	.state {

		color: #000000;
		font-weight: bold;
		font-style: italic;
		font-size: 10px;
		text-align: center;
		padding: 4px;
	}
	.city {
		font-size: 10px;
		font-style: italic;
		text-align: center;
		padding: 4px;
	}
	
	.company {
		font-size: 12px;
		font-weight: bold;
		text-decoration: underline;
		padding: 4px;
	}
	.exec {
		font-size: 10px;
		font-style: italic;
		text-align: center;
		padding: 4px;
	}
	.phone {
		font-size: 12px;
		text-align: right;
		padding: 6px;
	
	}

	#dist {
		background-color: #A3B8CD;
		border: 1px solid black;
		width: 620px;
	}
	
	#ProdImg {
		position: relative;
		top: 0px; 
		right: 0px;
		float: right;
		text-align: right;
		padding: 8px;
		z-index: 0;
		font-size: 12px;
		font-style: italic;
	}
	#ProdImg1 {
		font-size: 12px;
		font-style: italic;
	}
	#ProdImg2 {
		position: relative;
		top: 0px; 
		left: 0px;
		float: left;
		text-align: left;
		padding: 8px;
		z-index: 0;
		font-size: 12px;
		font-style: italic;
	}
	
	table.imgrid {
		border-spacing: 2px;
	}
	
	table.imgrid td {
		padding: 1px;
	}
	
	img.imgridmain {		
	
		height: 280px;
		border-color: #000000;
		border-width: 1px;
		border-style: solid;
	}
	
	img.imgridthumb {		
		width: 32px;
		border-color: #000099;
		border-width: 1px;
		border-style: solid;
	}
	
	td.thumbtd {
		width: 50px;
		height: 60px;
	}
	
	td.maintd {		
		text-align: center;
	}
	td.disthead {
		background-color: #336699;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 10px;
		padding: 4px;
	}

	A.gallerylink {
		position: relative;
		top: 2px;
		color: #FFFFFF;
		background-color: #FE7317;
		font-weight: bold;
		padding: 2px;
		border-color: #000000;
		border-width: 1px;
		border-style: solid;
	}
	
	A.gallerylink:hover {
		color: #FFFFFF;
		background-color: #336699;
		font-weight: bold;
		padding: 2px;
		border-color: #000000;
		border-width: 1px;
		border-style: solid;
	}
	
	#mainnav H1 {
		font-family: Helvetica;
		font-size: 14px;
		padding: 0px;
		margin: 0px;
		font-weight: normal;
		color: #D9E5F2;
		letter-spacing: 1px;
	}
	#mainnav H1 A {
		color: #D9E5F2;
		text-decoration: none;
	}

/* styles from styles.css file and from interim template header */


.navigationlinks {font-size: 13px;}

h3, h4 {/*border: 1px dashed green;*/
	margin:15px 0px 0px 0px;
	padding: 0 5px}

blockquote {border: 4px double;
	margin: 10px 15%;
	padding: 8px 12px;
	text-align: center;
	font-size: 1.1em;}
	

	
dl, p {/*border: 1px dashed lime;*/}

br.clear {clear:both;}

#main ul {
	list-style: square inside;
}

#main ul ul{
	list-style: circle inside;
}

#main ul.plain {
	list-style-type: none;
}

#main ul li {
padding-left: 2em;
}

ul.pagenav {
	margin:0; padding:5px;
	text-align:center;
	font-size:1.2em;
	line-height:1.3em;
	}
.pagenav li a {margin:0; padding:0;
/*
*/
}

#main ul.pagenav li {/*border: 1px dashed red;*/
	display:inline;
	margin:4px;
	padding: 4px 2px;
	list-style-type: none;
	}


dl {margin: 5px 15px;}
dl dt {
	font-weight: bold;
	padding: 0 5px;
	}
dl dd {
	margin: 0; padding: 0 15px;
	}

/*styles added for contest and faq pages*/

dl.faq dd {
	padding:0 5px; margin:0 0 10px;
	}

dl.faq dt:first-letter, dl.faq dd:first-letter {
	font-size:2em;
	font-weight:400;}

dl.smallfaq dd {margin: 0 0 10px; padding: 5px 10px;}


.fabrics a {float:left; width:125px; height:150px; margin:8px;}
p.fname {
	text-align:center;
	font-size:1.5em;
	margin:0px; padding:5px;}
	



#contest {

	margin:0; padding:0;}

#contest li {border: 1px solid #99a;
	list-style-type:none;
	width:168px; float:left;
	margin:5px; padding:5px;
	height:375px;
	overflow:hidden;
	/*background-color:#f3f3f3;*/	
	}
#contest li.sh {width: 168px; height: 225px; padding:3px;}
	

	
#contest li a {
	float:right;
	display:none; /*comment out to allow voting*/
	}


.design {
	height:202px; overflow:auto; margin:0; padding:0;
	text-align:center;
	}
.design img {border: 1px solid #99a;
	width:150px; height:auto;
	}

.descrip {margin:8px 0 0 0; padding:0;
	font-size:11px;
	}
	
.disqual {
	color:#666;
	/*background-color:#eee;*/}
	
	.disqual a {
	text-decoration:line-through;
	color:#666;
	}

#contest li.winner {
	color:#339;
	border-color:#339;
	border-width: 1px;
/*	background-color:#cef;*/
	}

/*#contest li.winner p.design {background-color:#339; padding: 10px 0px;}*/
.clear {clear:both;}

/*styles that were embeded in header for interim pages*/

ul {/*border:1px dashed lime;*/
	list-style-type:none;
	margin:0;
	padding: 5px 0 0 20px;
	}
	
ul.subnav {padding-top:2px;}
	
li {/*border: 1px dashed pink;*/
	margin:0;
	}

ul#mainnav h1 {padding-top:15px; font-size:1.3em;}
ul#mainnav {padding-bottom:30px;}

/*styles added to work with old design*/

h1, h2, h3, h4 {font-weight:bold; padding-left:10px;}

.center {text-align:center;}

a img {border: none;}

dl.bulletin dt {clear:both; margin-top:10px;}
dl.bulletin img {float:right; margin:3px;}


/*new styles*/
#main {/*border: 1px dashed lime;*/}

#main #collage {
margin:0; padding:0;
width:415px; height:auto;
/*position:absolute; top:126px; right:0px;*/

}

#hooks {margin:2px; text-align:justify;}

#collage img {background-color:#696;}

#topbanner {/*
border:1px dashed red;
*/}
#middle {/*
border:1px dashed green;
*/}
#leftside {/*
border:1px dashed purple;
*/}
#bottombanner {/*
border:1px dashed orange;
*/}

.dist_icons {
			background-color: white;
			border-right: 1px black solid;
			color: #000000;
			font-size: 10px;
			text-align: center;
			padding: 1px;
		}

table.form td {font-size:1.2em;} /*override font-size:smaller for default td, line 66*/

/*distributor form styles*/
.warning {background-color:yellow!important; font-weight:bold;}

.userform label.formtext, #distribform p.formtext span.label {font-weight:bold;}
.userform label, #distribform .label, #distribform span {	background-color:#fff;}

.userform label.formtext {/*border:1px dashed green;*/
	display:block; width:9em;float:left;clear:left;
	text-align:right; padding-right:3px;
	}


.userform {/*	border:1px dashed pink;*/
	position:relative;
	z-index:10;
	}

#formimg {/*border:1px dashed orange;*/
	position:absolute;right:0;
	margin: 25px 0px 0px 0px;
/*	z-index:0;*/
	}

	
.userform #comments span {
/*	border:1px dashed blue;*/
/*	padding-right:350px; *//*adjust once image prepared*/
	}

div#pagelength {/*border:1px dashed lime;*/
	float:right;
	height:600px;
	}
	
div#memberof {
padding:10px;}