body{

	background: #ECECEC url(/site_images/background.png) top left no-repeat;	
	background-attachment: fixed;
	margin:0px 0px 0px 0px;
	font-family: 'Bookman Old Style', 'Palatino', 'Paltino Linotype', 'Book Antiqua', 'Serif';
	font-size: 11px;
	overflow-x:hidden;		
}
a img {border: none; }

a{
	text-decoration:none;
	color: blue;
}


#site_container{
	width:1120px;	
}

.catalog #site_container{
	width:990px;
	
}

img{
	border: 0px;
	text-decoration:none;
}



#leftContent{
	width:215px;
	min-height:500px;
	background: #ECECEC url(/site_images/hardihood_logo_bg.jpg) top left repeat-x;
	text-align:center;
	border-right: 2px solid #959595;
	float:left;
	z-index:1000;
	display:inline; 
	
}
html>body #leftContent{
	position: fixed;
	top:0;
	left:0;
}

.full_screen #leftContent {
	border-right: 0px;
}

#logo{
	padding-top:20px;
}	

#mainContent{
	
	text-align:left;
	margin-left:217px;
}


.subNav{
	color: #000000;
	text-transform:uppercase;
	font-size:12px;
	
}

.subNavSpacer{
	height:3px;
}
.subNav_active{
	color: #000000;
	text-transform:uppercase;
	font-size:12px;
	
}

.navItem a:hover{
	color: #000000;	
}

#navigationMenu{
	margin-top:60px;
	text-align:right;
	margin-right:20px;
	padding-left:15px;
}

#navigationMenu .navItem{
	margin-bottom:35px;
	
}

.subSubNav{
	font-size:11px;
	color:#A3A3A3;
	width:150px;
}


.subSubNav_active{
	font-size:11px;
	color: #000000;
		width:150px;	
}
.activeGallery{
	background-color: #F0EB31;
	padding: 2px 10px 2px 20px;
	font-weight:bold;
	font-size:12px;
	margin-bottom:15px;
	width:165px;
	
}

.galleryImage{
	background-color: #ECECEC;
	width:138px;
	height:161px; 
	margin-right:35px;
	float:left;
	margin-bottom:40px;
	background-repeat: no-repeat;
	background-position: center center;
}

#galleryListing{
	float:left;
	padding-top:150px;
	padding-left:50px;
	font-size:12px;
	width:63px;
}

#galleryListing a{
	color: #000000;	
}

#galleryListing .gallery{
	padding: 2px 10px 2px 20px;
	margin-bottom:15px;
	width:165px;
}

#galleryImages{
	width:700px;
	float:left;
	
}

#galleryTitle{
	font-weight:bold;	
	padding-top:20px;
	padding-left:440px;
}

#galleryImages #listing{
	margin-top:110px;
}

.clearLeft{
	clear:left;
}	


.pagination{
	text-align:right;
	font-size:12px;
	color: #000000;
	letter-spacing: 1.5px;
	float:right;
	margin-top:-30px;
	margin-bottom:10px;
	margin-right:45px;
}

.pagination a{
	color: #9E9E9E;	
}



.previous{
	margin-right:10px;
}
	
.next{
	margin-left:10px;
}
	
.guide{
	position:absolute;
	left:208px;
	margin-top:3px;
	z-index:-100;
}

.subGuide{
	position:absolute;
	left:208px;
	margin-top:-2px;
	z-index:-100;
	}

.safari .subGuide{
	margin-top:-14px;
		
}


.hidden{
	display:none;	
}

.subSubMenuItem{
	position:relative;	
}

.subSubGuide{
	position:absolute;
	margin-right:-2px;
	left:190px;
	top:0px;
	z-index:-100;
}


.slogan{
	position:absolute;
	left:650px;
	top:180px;
	z-index:-1;
}

#thumbnails{
	position:absolute;
	top:185px;	
	left:620px;
	width:400px;
}

.thumb{
	cursor:pointer;
	width:110px;
	height:80px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	background-position:center center;
}

.active{
	border:2px solid #FDF777;
}
.thumb_hidden{
	width:110px;
	height:80px;
	float:left;
	margin-right:10px;
	background-position:center center;
	display:none;
}
#mainImage{
	padding-top: 110px;
	margin-left:90px;
	position:relative;
}

.rightArrow{
	position:absolute;
	top: 380px;
	left:240px;
}
.leftArrow{
	position:absolute;
	top: 380px;
	left:-50px;
	
}

.thumbsLeftArrow{
	position:absolute;
	top:35px;
	left:-40px;
}

.thumbsRightArrow{
	position:absolute;
	top:35px;
	left:370px;
}

#mainContent #content{
	padding-top:50px;
	padding-left:55px;
	font-size:16px;
	color: #1A1717;
	width:650px;
}

#mainContentFullScreen #content{
	margin-left:215px;
	margin-top:-12px;
	
	}

#content h1{
	font-size:22px;
	padding-bottom:0px;
	border-bottom: 2.2px dotted #4D4C41;
	width:540px;
	color:#6F6F6F;
}

#content h2{
	font-size:18px;
	color:#6F6F6F;
}

#mainContent td{
	width:500px;
	text-align:left;
}

#mainContent table{
	max-width: 700px;
}

#mainImageWrapper{
	text-align:left;
	width:210px;
}	
.breadcrumbs{
	text-align:right;
	margin-right:130px;
	margin-top:20px;
	font-weight:bold;
	text-transform:uppercase;	
}

.catalog .breadcrumbs{
		margin-right:20px;
}

.breadcrumbs a{
	color: #000000;
}

#registration{
	margin-top:20px;
	margin-left:0px;
}

#contestSignUp #description, #newsletterSignUp #description{
	margin-bottom:25px;
}

 #info, #newsletterSignUp #info{
	float:left;
	width:300px;
	margin-right:40px;
}

#contestSignUp #files{
	float:left;
	width:300px;
}

.error{
	color:red;
	}
.clearLeft{
	clear:left;
}



#thumbPagination{
	position:absolute;
	top:150px;
	left:915px;
}	

#thumbPagination a, #thumbPagination a:visited{
	color:#000000;
}

#lookupImageWrapper{
	width:652px;		
}

.lookbookPrevArrow{
	float:left;	
	position:relative;
	top:200px;
}

.lookupImage{
	width:620px;
	text-align:center;
	float:left;
	margin-bottom:20px;
}

.lookupImage img{
	text-align:center;
}
.lookbookNextArrow{
	float:right;
	position:relative;
	top:200px;	
}

#thumbnailsWrapper .thumb {
	background-position: 50% 20%;
	border: 1px solid #959595;
}

.highlight{
	color: red;
}

#newsletterSignUp input{
	width:250px;
}

.bigger_text {
	font-size: 18px;
}

.details{
	margin-top:40px;
	margin-left: 170px;
	color:#000000;
}

.lookbookDetails{
	margin-top:40px;
	margin-left: 490px;
	color:#000000;

}

.catalogPageDescription{
	width:210px;
	text-align:center;
}

.lookbookPageDescription{
	width:620px;
	text-align:center;

}

#copyright {
	text-align: center;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.catalog #copyright{
	position:absolute;
	top:750px;	
	left:480px;
}

.spacer{
	height:10px;
}