/* Style sheet for House of Mann */
/* Created 09 Feb 2007 */
/* Copyright 2007, House of Mann, all rights reserved */

/* Define basic styles for the whole site */

body {
	/*margin: 50px 0px;*/
	margin: 0px 0px;
	padding: 0px; /* Need to set body margin and padding to get consistency between browsers when centering the site contents */
	text-align: center; /* Hack for IE5/Win when centering the pageContainer object (see below) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%; /* medium, orginally 12 pt in table-based pages */
	color: #cccc99; /* cream text */
	background-color: black; /* black */
}

a {
	color: #cccc99;
	font-size: 100%;	
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

a:link {
	color: #cccc99;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
}

a:hover {
	color: #333300;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
}

a:active {
	color: #333300;
	font-size: 100%;	
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 170%;
	font-weight:normal;
	color: #cccc99;	/* cream */
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight:normal;
	color: #cccc99;	/* cream */
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight:normal;
	color: #cccc99;	/* cream */
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight:normal;
	color: #cccc99;	/* cream */
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight:normal;
	color: #cccc99;	/* cream */
}

}
img {
	border:0;
	margin:0;
	padding: 0; 
	max-width: 100%;
}

table { 
	border-spacing: 0px;
	border-collapse: collapse; 
}

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

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

/* define the major divisions on the site */

#pageContainer {
	width: 660px;
	margin:0px auto; /* Right and left margin widths set to auto to center the container in the window */
	text-align:left; /* Counteract to IE5/Win Hack */	
	padding:0;
}

#pageContainerMedium {
	width: 685px;
	margin:0px auto; /* Right and left margin widths set to auto to center the container in the window */
	text-align:left; /* Counteract to IE5/Win Hack */	
	padding:0;
}

#pageContainerWide {
	width: 760px;
	margin:0px auto; /* Right and left margin widths set to auto to center the container in the window */
	text-align:left; /* Counteract to IE5/Win Hack */	
	padding:0;
}

#companyInfo {
	clear:both;
	color: black;
	font-size:70%;
	text-align:left;
	padding-top:120px;
	/*position: relative; bottom:10%;*/
}

#copyrightInfo {
	clear:both;
	color: cccc99;
	font-size:8pt;
	text-align:left;
	padding-top:100px;
	/*position: relative; bottom:10%;*/
}

/* Home page */

#homePageContainer {
	width: 1102px;		/* this may have to be wider to account for IE border problems */
	height: 420px;
	margin: auto; /* Right and left margin widths set to auto to center the container in the window */
	text-align:left; /* Counteract to IE5/Win Hack */	
	padding:0;
}

#homePageContainer .widePhotoContainer {
	padding-top:103px;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
}

#infoColumnRight {
	float:left;
	width:450px;
	margin-top: 50px;
	padding-left:40px;
}

#infoColumnRight p {
	text-align:justify;
}

#infoColumnRight .narrow {
	width:300px;
}

#genericPageContainer {
	width: 1202px;		/* this may have to be wider to account for IE border problems */
	height: 590px;
	margin: auto; /* Right and left margin widths set to auto to center the container in the window */
	text-align:left; /* Counteract to IE5/Win Hack */	
	padding:0;
}

#genericPageContainer .copyrightInfo {
	clear:both;
	color: cccc99;
	font-size:8pt;
	text-align:left;
	padding-top:150px;
	padding-left:120px;
}

#mainImageAndNavContainer
{
	position:relative; top:30px; left:0px;
}

#mainImageContainer {
	position:absolute; top:0px; left:0px;
	width:1100px;
	height:500px;
}

#mainImageContainer .enlargementContainer {
	position:relative; top:0px; left:0px;
	width:1100px;
	height:440px;
	text-align:right;
}



#mainImageContainer img {
	//text-align:left;
}

#mainImageContainer .thumbnails01 {
	position:relative; top:0px; left:122px;
	/*width:650px;*/
	width:528px;
	height:50px;
	text-align:left;
}


#mainImageContainer .moreNav {
	/*text-align:right;*/
	/*vertical-align:bottom;*/
	position:relative; top:47px;
	float:right;
}


#mainNavContainer {
	position:relative; top:0px; left:650px;
	width:300px;
	height:440px;
}

#mainNavContainer .projNameAndNav {
	position: relative; top:400px; left:20px;
	text-align:left;
	width:300px;
}

#mainNavContainer .bottomNavBar {
	position:relative; top:487px; left:20px; 
}
#mainNavContainer .newNav {
	position:relative; top:487px; left:0px; 
}

#navBarWide {
	clear:both;
	width:1100px;
	/*position:relative; top:336px; left:0px;*/
	text-align:center;
	font-size:18px;
	color: #121711;		/* font color */
}

#navBarWide ul {
	width:1100px;
	list-style-type:none;
	list-style-image:none;
	margin:0;padding:0;
	padding-left:0px;
	white-space:nowrap;
	text-align:center;
	color: #121711;		/* font color */
}

#navBarWide ul li {
	display:inline;
	/*padding-left:1%;*/
	padding-left:0px;
	/*padding-right:2%;*/
	padding-right:143px;
	color: #121711;		/* font color */
}

#navBarWide ul li .lastLink {
	padding-right:0px;
}

#navMenu {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #cccc99;
	text-align:right;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:0px;
}

#navMenuProductOverview {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #cccc99;
	text-align:right;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:0px;
	clear:both;
	padding-right:80px;
}

/*new*/
#navMenunew {
        position:relative; 
        top:510px; 
        right:20px
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #cccc99;
	text-align:right;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:0px;
	clear:both;
	padding-right:80px;
}

*/endnew*/

#photoColumnLeft {
	float:left;
	margin-top: 50px;
	/*margin-left:60px;*/
}

#singleThumbnailContainer {
	width:635px;
	height: 150px;
	border:none;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}

#singleThumbnailContainer .thumbnail {
	margin:0px;
	padding-top:0px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:0px;
}

#slideshowLargeImage {
	width:400px;
	margin:0px;
	margin-top: 50px;
	padding:0px;
	float:left;
	border:none; 
	border-collapse:collapse;
	text-align:right;
}

#slideshowLargeDoubleImage {
	width:750px;
	margin:0px;
	margin-top: 50px;
	padding:0px;
	border:none; 
	border-collapse:collapse;
}

#slideshowLargeHzntlImage {
	width:800px;
	margin:0px;
	margin-top: 50px;
	padding:0px;
	float:left;
	border:none; 
	border-collapse:collapse;
	text-align:right;
}

#slideshowLargeHzntlImage .productOverview {
	font-size:140%;
	letter-spacing:110%;
	line-height:100%;
	text-align:left;
	margin-top:4px;
}

#slideshowLargeHzntlImage .embeddedNavMenu {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #cccc99;
	text-align:right;
	margin-top:-1.5em;
	padding-top:0px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:0px;
}

#slideshowInfoCol {
	width:225px;
	float:left;
	margin-top: 50px;
	padding-left:30px;
}

/*new*/
#slideshowInfoColnew {
        position:relative; 
        left: 378px;
        top:-491px; 
        text-align:left;
        width:400px
	float:left;
	margin-top: 50px;
	padding-left:30px;
}
#slideshowInfoColnew .productOverviewn {
	font-size:95%;
	line-height:90%;
}

#slideshowInfoColnew .productDetailsn {
	font-size:80%;
	padding-top:1em;
}

#thumbnailsnew {
        margin:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}

/*endnew*/

#slideshowInfoCol .navMenuIcons {
	margin:0;
	padding-top:10px;
	padding-right:2px;
	padding-bottom:0px;
	padding-left:2px;
	width:200;
}

#slideshowInfoCol .productOverview {
	font-size:105%;
	line-height:90%;
}



#slideshowInfoCol .productOverviewnew {
	font-size:95%;
	line-height:90%;
}



#slideshowInfoCol .productDetails {
	font-size:80%;
	padding-top:1em;
}


#slideshowInfoCol .productDetailsnew {
	font-size:70%;
	padding-top:1em;
}



#tallPhotoColumnLeft {
	float:left;
	padding-left:78px;
}

#tallPhotoContainer {
	width:160px;
	border:none;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}

#thumbnailColumnLeft {
	float:left;
	padding-left:0px;
}

#topHeader01 {
	height:160px;
}

#topHeader02 {
	height:20px;
}

#topHeader03 {
	height:58px;
}

/* define the sitewise classes */

.formText {
	background-color:#FFFFCC;
}

.normalText {
	font-weight:normal;
}

.photoBorderWideLeft {
	float:left;
	margin:0;
	padding-top:0;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:0px;
}

.photoBorderWideRight {
	float:right
	margin:0;
	padding-top:0;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:10px;
}

.smallNavText {
	font-size:80%;
}

.squareOrangeBullet {
	list-style:square;
	color:orange;
	margin:0;
	list-style-position:inside;
	padding:0;
}

a.smallOrangeLink {
	color:#cccc99;
	font-size:90%;
	line-height:200%;
}
a.smallOrangeLink:link {
	color:#cccc99;
	font-size:90%;
	line-height:200%;
}
a.smallOrangeLink:hover {
	color:orange;
	font-size:90%;
	line-height:200%;
}
a.smallOrangeLink:active {
	color:orange;
	font-size:90%;
	line-height:200%;
}

.squareYellowBullet {
	list-style:square;
	color:yellow;
	margin:0;
	list-style-position:inside;
	padding:0;
}

a.smallYellowLink {
	color:#cccc99;
	font-size:90%;
	line-height:190%;
}
a.smallYellowLink:link {
	color:#cccc99;
	font-size:90%;
	line-height:190%;
}
a.smallYellowLink:hover {
	color:yellow;
	font-size:90%;
	line-height:190%;
}
a.smallYellowLink:active {
	color:yellow;
	font-size:90%;
	line-height:190%;
}

.swatchImage {
 border-style:solid;
 border-width:1px;
 border-color:#cccc99;
}