/*
	//////////// E22 Development Style Sheet
*/

/*START PAGE-LAYOUT*/

	body { 
		background: #FFFFFF;
		
		margin:0px;
		padding:0px;	
		
	}

/*END PAGE-LAYOUT*/

/*START SITE-LAYOUT PAGE DIVS*/

	#container {
		width: 970px;
		height: 600px;
		margin: 0 auto;
	}

	#content {
		position: relative;
		top: 40px;
		width:945px;
		height:100%;
		left:50%;
		margin-left:-460px; 
	}

	#body {
		position: relative;
		top:0px;
		width:970px;
		height:100%;
		margin: 0px auto 0px auto;
		
	}

	#top {
		width: 100%;
		height: 100%;
		position:relative;
		
	}

	#middle {
		width: 100%;
		height: 100%;
		position:relative;
		
	}

	#bottom{
		width: 100%;
		height: 100%;
		position:relative;
		
	}

	#navigation {
		width: 920px;
		height: 20px;		
		top: 10px;		
		z-index: 10;
		position:relative;
		left:25px;
		
	}

	#footerNav {
		
		position: relative;
		clear:both;
		top:75px;
		width: 800px;
		height: 50px;
		left:50%;		
		margin-left:-380px; 
		
	}

	#search {
		width: 425px;
		height: 20px;
		position: relative;
		top: -20px;
		z-index: 11;
		left:560px;
	}

	#search input{
		float:left;		
		padding:0px 0px 0px 0px;
		border:solid 2px #3f3f3f;
		width:156px;
		height: 16px;
		margin:0px 0px 0px 20px;		
		background: #FFFFFF;
		border: 2px solid #3f3f3f;		
		font: 12px Helvetica, Arial;
		color: #000000;
		
	}

	#search button{

		background:#3f3f3f;
		height:20px;
		width:60px;
		border: none;
		font:14px Helvetica, Arial;
		text-align: center;
		font-style:italic;

		color:#FFFFFF;
		
	}

	#homepageImage {
		width: 970px;	
		height: 540px;
		text-align:center;
		z-index: 0;
	}
	#image_rotate{
		margin: 25px auto 0;
		text-align:center;
	}
		#image_rotate div{
			margin: 0 auto;
			text-align:center;
		}
	
	#mainImage {		
		position: relative;
		
		
		top: 40px;
		width: 970px;	
		height: 100%;
		left:50%;
		margin-left:-485px; 
		margin-bottom:25px;
		text-align:center;
		z-index: 0;
	}

	#landingThumbHolder {		
		position: relative;
		
		
		top: 20px;
		width: 970px;	
		/*height: 150px;*/
		left:50%;
		margin-left:-485px; 
		/*margin-bottom:25px;*/
		
		z-index: 0;
		font:12px Palatino Linotype, Helvetica, Arial;
		color:#3f3f3f; text-decoration:none;
		text-align:center;
	}

	#handlesThumbHolder {		
		position: relative;
		
		
		top: 40px;
		width: 935px;	
		height: 100%;
		left:50px;
		
		margin-bottom:25px;
		
		z-index: 0;
		font:12px Palatino Linotype, Helvetica, Arial;
		color:#3f3f3f; text-decoration:none;
		text-align:left;
	}

	#handlesThumbHolder a {		
		font:12px Palatino Linotype, Helvetica, Arial;
		color:#3f3f3f; text-decoration:none;
	}

	#thumbnails {
		position: relative;
		top: 150px;
		width:970px;
		height:100%;
		left:50%;
		margin-left:-460px; 
		
		 
	}

	#landingThumb {		
		
		position:relative;
		
		
		top: 0px;
		border:1px solid #000000;		
		z-index: 10;
		height: 123px;
		width: 123px;
		margin: 10px;
	}
	#landingThumbHolder a {		
		font:12px Palatino Linotype, Helvetica, Arial;
		color:#3f3f3f; text-decoration:none;
	}
	

	#tagCenter {		
		position: relative;
		
		
		top: 40px;
		width: 970px;	
		height: 26px;
		left:50%;
		margin-left:-485px; 
		text-align:center;
		z-index: 0;
	}	

	#navbutton {
		margin: 0 auto;
		position: relative;
		left: 0px;
		top: 0px;
		
	}

	#navdivider{
		margin: 0 auto;
		position: relative;
		left: 0px;
		top: 0px;
		
	}

	#logo {	
		width:260px;
		position: relative;
		left: 25px;
		top: 15px;
		
		border:none;
	}

	img {
		border: none;
		outline: none;
	}

	#blackbar {
		
		position: relative;		
		top: 20px;
		width: 910px;		
		z-index: 0;
		left:50%;
		margin-left:-460px; 
		background-color:#3F3F3F;
		height:2px;		
	}

	

	#breadcrumbs {
		margin: 0 auto;
		position: relative;
		top: 25px;
		width: 500px;
		left:50%;
		margin-left:-460px; 
		text-align:left;
		z-index: 0;
		
	}

	.breadcrumbs a {
		color: #000000;		
		text-decoration:none;
		font:12px Helvetica, Arial;
	}

	#pageTitle {
		margin: 0 auto;
		position: relative;
		top: 40px;
		width: 450px;
		left: 512px;
		margin-left:-460px; 
		text-align:left;
		z-index: 0;

	}

	

	.pageTitle {
		color: #000000;		
		text-decoration:none;
		font:26px Helvetica, Arial;

	}

	

	#thumbThumb {		
		margin: 35px 0px 20px 60px ;		
		top: 0px;
		/*border:1px solid #000000;*/
		text-align:left;		
		z-index: 0;
		height: 200px;
		width: 180px;
	}

	.smallTitle {
		color: #000000;		
		text-decoration:none;
		font:12px Helvetica, Arial;
		font-weight:bold;
	}

	.thumbDesc {
		color: #000000;		
		text-decoration:none;
		font:12px Helvetica, Arial;
		
	}

	#pagesNav {
		margin: 0 auto;
		position: relative;
		top: 35px;
		width: 450px;
		left:50%;
		margin-left:15px; 
		text-align:left;
		z-index: 0;
		padding:5px 0;

	}

	#share {
		
		width: 400px;
		height: 20px;
		position:relative;
		top: 60px;	
		
		
		left:50%;
		margin-left:0px; 
		text-align:right;
		z-index: 0;
		clear: both;
	}

	.share  {
		color: #000000;		
		text-decoration:none;
		font:12px Helvetica, Arial;
		font-weight:bold;
		margin-bottom:50px;
	}

	.share a  {
		color: #000000;		
		text-decoration:none;
		font:12px Helvetica, Arial;
		font-weight:normal;
	}

	.pagesNav  {
		color: #000000;		
		text-decoration:none;
		font:12px Helvetica, Arial;
		font-weight:bold;
	}

	.pagesNav a  {
		color: #000000;		
		text-decoration:none;
		font:12px Helvetica, Arial;
		font-weight:bold;
	}

	#detail {
		
		position: relative;
		
		
		top: 175px;
		width: 970px;	
		height: 100%;
		left:50%;
		margin-left:-485px; 
		text-align:left;
		z-index: 0;
	}

	#detailImage {
		height:360px;
		width:360px;
		position:relative;
		top:20px;
		left:195px;
	}

	#detailLinkBack {
		height:20px;
		width:360px;
		position:relative;
		top:20px;
		left:195px;
		color: #393939;		
		text-decoration:none;
		font:14px Helvetica, Arial;
		font-weight:bold;
	}

	#detailLinkBack a {
		color: #393939;		
		text-decoration:none;
	}

	#detailTitleText {
		width:138px;
		height:138px;
		position:relative;
		background:#99cc99;
		left:383px;
		top:-360px;
		text-align:center;
		padding: 10px 10px 10px 10px;
	}

	#detailReserveLogo {
		width:170px;
		height:160px;
		position:relative;
		/*border: 1px solid black;*/
		left:383px;
		top:-390px;
		text-align:center;
	}

	#detailReserveTitle {
		width:200px;
		height:30px;
		position:relative;
		border: none;
		left:583px;
		top:-320px;
		text-align:left;
	}

	#detailCopy {		
		width:345px;	
		height:100%;
		position:relative;
		left:383px;
		top:-350px;
		text-align:left;
		padding-top: 10px;

	}



	.detailTitle {
		color: #393939;		
		text-decoration:none;
		font-size: 23px;
		height: 138px;
		width: 138px;
	}

	#changeNotice {
		width: 970px;
		text-align:center;
		padding: 10px 10px 10px 10px;
	}


	.detailTitle p{
		
	}

	.detailSerial {
		color: #393939;			
		font: 14px Helvetica, Arial;
		text-decoration:none;
		font-weight:bold;
	}

	.detailDesc {
		color: #393939;			
		font: 14px Helvetica, Arial;
		text-decoration:none;
	}

	.detailDesc a {
		color: #393939;			
		font: 14px Helvetica, Arial;
		
	}

	

	.bigTitle {
		color: #393939;			
		font: 22px Helvetica, Arial;		
		text-decoration:none;
	}

	.itemDate {
		color: #393939;			
		font: 14px Helvetica, Arial;
		font-weight: bold;
		text-decoration:none;
	}

	.itemDesc {
		color: #393939;			
		font: 14px Helvetica, Arial;
		text-decoration:none;
	}

	.bigCopy {
		color: #393939;			
		font: 16px Helvetica, Arial;
		text-decoration:none;
	}

	

	#showRoomImage {		
		position: relative;
		
		
		top: 25px;
		width: 970px;	
		height: 100%;
		left:50%;
		margin-left:-485px; 
		margin-bottom:60px;
		text-align:center;
		z-index: 0;
	}

	#showRoomText {		
		position: relative;
		
		
		top: 25px;
		width: 970px;	
		height: 100%;
		left:50%;
		margin-left:-485px; 
		margin-bottom:60px;
		text-align:center;
		z-index: 0;
		
	}

	#showRoomInfo{		
		position: relative;		
		top: 0px;
		width: 770px;	
		height: 100%;
		left: 0px;
		text-align:left;
		z-index: 0;
		
	}

	#showRoomText a {		
		font: 16px Helvetica, Arial;
		color:#3f3f3f;
	}

	#greenImage {		
		width:120px;
		height:120px;
		position:relative;
		top:35px;
		left:50%;
		margin-left:-60px; 
	}

	#greenText {		
		position: relative;
		
		
		top: 40px;
		width: 970px;	
		height: 100%;
		left:50%;
		margin-left:-485px; 
		margin-bottom:25px;
		text-align:left;
		z-index: 0;
		font: 16px Helvetica, Arial;
		color:#3f3f3f; 
	}

	#templateText {		
		position: relative;
		padding-top: 15px;		
		top: 40px;
		width: 970px;	
		height: 100%;
		left: 540px;
		margin-left:-485px; 
		margin-bottom:25px;
		text-align:left;
		z-index: 0;
		font: 16px Helvetica, Arial;
		color:#3f3f3f; 
	}

	#clientLogos {

		position: relative;
		float:left;
		width: 200px;
		height: 100%;
		left:25px;
		top:40px;
	}

	#clientText {

		position: relative;
		
		width: 700px;
		height: 100%;
		
		top:40px;
		
		left:100px;
	}

	#info {
		width:770px;
		height:100%;
		margin:0px;
		padding:0px;
		background:#FFFFFF;
	}

	#showroomInfoTitle {
		
		position: relative;
		top: 10px;
		width: 450px;
		left:50px;
		
		z-index: 0;
		color: #000000;		
		text-decoration:none;
		font:24px Helvetica, Arial;
	}

	#greybar {
		position: relative;
		top: 30px;
		width: 800px;
		left:50px;
	}

	#infoTable {
		position: relative;
		top: 60px;
		width: 900px;
		color: #000000;		
		text-decoration:none;
		font:16px Helvetica, Arial;
		text-align:left;
	}



	#dhtmltooltip{
		position: absolute;
		width: 300px;
		border: 1px solid black;
		padding: 2px;
		background-color: white;
		visibility: hidden;
		z-index: 100;

	}






/*START REMOVE RED OUTLINE FROM IMAGE CLICKS*/
	a:active
	{
	outline: none;
	}

	a:focus
	{
	-moz-outline-style: none;
	}

	




/*START FONT ATTRIBUTES*/



	* {
		font-family:  Helvetica, Arial, sans-serif;
	}


ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0; font:16px Helvetica, Arial; text-align: right; font-style:italic;}
ul.menu a {display:block; color:#FFFFFF; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:20px; left:0; background:#3F3F3F; display:none; list-style:none}
ul.menu ul li {position:relative; border: none; width:150px; margin:0}
ul.menu ul li a {display:block; padding:3px 5px 3px; background-color:#3F3F3F}
ul.menu ul li a:hover {background-color:#717171}
ul.menu ul ul {left:180px; top:-1px}
ul.menu .menulink {border: none; padding:0px 0px 0px 0px; background:#FFFFFF}
ul.menu .menulink:hover, ul.menu .menuhover {background: #FFFFFF}
ul.menu .sub {background:#5d5c5c}
ul.menu .topline {border: none}
ul.menu .reserve {width:165px}
ul.menu .sigma {width:158px}
ul.menu .kichten {width:118px}
ul.menu .bath {width:178px}
ul.menu .thermo {width:159px}
ul.menu .etc {width:119px}

ul.menu img
	{
	border: none;
	}

ul.categoryMenu {list-style:none; margin:0; padding:0}
ul.categoryMenu * {margin:0; padding:0; font:16px Helvetica, Arial; text-align: right; font-style:italic;}
ul.categoryMenu a {display:block; color:#FFFFFF; text-decoration:none}
ul.categoryMenu li {position:relative; float:left; margin-right:2px}
ul.categoryMenu ul {position:absolute; top:20px; left:0; background:#5d5c5c; display:none; list-style:none}
ul.categoryMenu ul li {position:relative; border: none; width:156px; margin:0}
ul.categoryMenu ul li a {display:block; padding:3px 5px 3px; background-color:#5d5c5c}
ul.categoryMenu ul li a:hover {background-color:#717171}
ul.categoryMenu ul ul {left:156px; top:-1px}
ul.categoryMenu .categoryMenulink {border: none; padding:0px 0px 0px 0px; background:#FFFFFF}
ul.categoryMenu .categoryMenulink:hover, ul.categoryMenu .categoryMenuhover {background: #FFFFFF}
ul.categoryMenu .sub {background:#3F3F3F}
ul.categoryMenu .topline {border: none}
ul.categoryMenu p {cursor:default; color:#ffffff; padding:3px 5px;}
ul.categoryMenu p:hover {background-color:#717171}
ul.categoryMenu img
	{
	border: none;
	}

ul.footerMenu {list-style:none; margin:0; padding:0}
ul.footerMenu * {margin:0; padding:0; font:14px Helvetica, Arial; text-align: left; font-weight:bold; font-style:italic;}
ul.footerMenu a {display:block; color:#3f3f3f; text-decoration:none}
ul.footerMenu li {position:relative; float:left; margin-right:2px}
ul.footerMenu ul {position:absolute; top:20px; left:0; background:#3f3f3f; display:none; list-style:none}
ul.footerMenu ul li {position:relative; border: none; width:180px; margin:0}
ul.footerMenu ul li a {display:block; padding:3px 5px 3px; background-color:#3f3f3f; color:#FFFFFF; font-weight:normal;}
ul.footerMenu ul li a:hover {background-color:#717171}
ul.footerMenu ul ul {left:180px; top:-1px}
ul.footerMenu .footerMenulink {border:none; padding:5px 7px 7px; font-weight:bold; background:#FFFFFF}
ul.footerMenu .footerMenulink:hover, ul.footerMenu .footerMenuhover {background: #FFFFFF}
ul.footerMenu .sub {background:#A1A1A1}
ul.footerMenu .topline {border: none}
ul.footerMenu img
	{
	border: none;
	}


ul.thumbnailMenu  {list-style:none; margin:0 0 0 -60px; padding:0}
ul.thumbnailMenu a {color:#3f3f3f; text-decoration:none}
ul.thumbnailMenu li {position:relative; float:left}
ul.thumbnailMenu * {margin:0; padding:0}

table.landingThumbs {
	text-align:center;
}

table.landingThumbs td.thumb{
	border-width: 1px;
	
	border-style: solid;
	border-color: #3f3f3f;
	background-color: white;
	
}

table.landingThumbs td.thumb a {
display: block;
} 

table.seenIn {
	text-align:left;
	width: 750px;
}

table.seenIn td.seenInImage{
	border-width: 1px;
	
	border-style: solid;
	border-color: #3f3f3f;
	background-color: white;
	
}

table.contactUs {
	
	width: 600px;
}

table.contactUs td.form{
	border-width: 1px;
	text-align:left;
	border-style: solid;
	border-color: #3f3f3f;
	padding:10px;
	
}

table.contactUs td.fieldName{
	width: 125px;
	text-align:right;
	
}

table.contactUs td.submitField{
	
	text-align:right;
	
}

table.contactUs td.info{	
	text-align:center;	
	border-color: #3f3f3f;
	
	
}

table.finishThumbs {
	text-align:center;
	
}

table.finishThumbs td.finish{
	
	
}


.largeInputField
{
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000000;
	width: 400px;
	font: 14px Helvetica, Arial;
}

.cityInputField
{
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000000;
	width: 190px;
	font: 14px Helvetica, Arial;
}

.stateInputField
{
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000000;
	width: 50px;
	font: 14px Helvetica, Arial;
}

.zipInputField
{
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000000;
	width: 50px;
	font: 14px Helvetica, Arial;
}

.submit input
{
	color: #FFFFFF;
	background: #3f3f3f;
	border:none;
	text-align:cetner;
	font:16px Helvetica, Arial;
	
	
	font-style:italic;
} 

.fieldTitle
{
	font: 16px Helvetica, Arial;
	font-weight:bold;
} 

.textInput
{
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000000;
	width: 400px;
	font: 14px Helvetica, Arial;
		
}

.finishTitle
{
	font: 16px Helvetica, Arial;
	
} 


p.greenCopy{ 
	color: #393939;	
	margin-left:125px; 
	font: 14px Helvetica, Arial;

}

p.greenTitle{ 

	margin-left:25px; 
	color: #393939;			
	font: 22px Helvetica, Arial;		
	text-decoration:none;

}

p.copy{ 
	color: #393939;	
	margin-left:25px; 
	font: 14px Helvetica, Arial;
	width:945px;
}

p.copyIndent{ 
	color: #393939;	
	margin-left:125px; 
	font: 14px Helvetica, Arial;
	width:700px;
}

p.title{ 

	margin-left:25px; 
	color: #393939;			
	font: 22px Helvetica, Arial;		
	text-decoration:none;

}

p.titleSmall{ 

	margin-left:25px; 
	color: #393939;			
	font: 18px Helvetica, Arial;		
	text-decoration:none;

}

p.clientHeading{ 

	margin-left:0px; 
	color: #393939;			
	font: 22px Helvetica, Arial;		
	text-decoration:none;

}

p.clientSubHeading{ 

	margin-left:0px; 
	color: #393939;			
	font: 18px Helvetica, Arial;		
	text-decoration:none;

}

p.clientCopy{ 

	margin-left:0px; 
	color: #393939;			
	font: 14px Helvetica, Arial;		
	text-decoration:none;
	width:700px;
}


/* sitemap */
#siteMapColumn {
	position: relative;
	float: left;
	top: 60px;
	width:250px;
	height:100%;
	left:50px;
	margin: 0px 0px 20px 0px; 
	
}

ul.siteMapMenu {list-style:none; margin:0; padding:0}
ul.siteMapMenu a {color:#3f3f3f; text-decoration:none}
ul.siteMapMenu li.siteMapSubMenu {list-style:none; margin:0; padding:0; font: 20px Helvetica, Arial; text-align: left; font-style:italic; color:#3f3f3f}
ul.siteMapMenu li.siteMapSubMenu ul li.siteMapSubLink {list-style:none; margin:0px 0px 0px 20px ; padding:0; font: 14px Helvetica, Arial; text-align: left; font-style:italic; color:#3f3f3f}