@import url(global_v1-1.css);
@import url(grolierClub_css/modules.css);
@import url(grolierClub_css/plugins.css);
@import url(adminLogin.css);
@import url(admin.css);


/*
I. GLOBAL:  Global classes, header styles, link styles and .page (body tag) class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS

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

body {
	
	background:  #FFF;
	color: #000;
}


h1 {
	
	color: #010101;
	font: 18px Georgia, Times, serif;
	text-transform: uppercase;
	padding-bottom: 10px;

}


h2 {
	
	color: #847D54;
	font: 16px Georgia, Times, serif;
	
}

h3 {
	
	color: #62605E;
	margin-top: 6px;
	font: 14px Georgia, Times, serif;

}

h4 {
	
	color: #5b110A;
	font: italic 12px/1.3 Georgia, Times, serif;
	margin: 20px 0;

}

h5 {
	
	color: #2b3B24;
	font: 11px Georgia, Times, serif;
	display: inline;

}

h6 {
	
	color: #62605E;
	font: 10px Arial, Verdana, sans-serif;

}

p {
	
	color: #000;
	font: 15px/1.6 Georgia, Verdana, sans-serif;

}

table, div {
	
	font: 11px Arial, Verdana, sans-serif;

}

a,a.small,a.anchor,a.visited {
	
	color: #62605E;
	font: inherit;
	text-decoration: underline;

}

a:hover {
	
	color: #62605E;
	font: inherit;
	text-decoration: none;

}

.page {
	
	background: #000;
	text-align: center;
	
}

.CEMenu {
	
	margin: 0;
	padding: 0;

}

/* important edit global text boxes - deFault --------- */
.txtbox {
	
	background: #FFF;
	border-style: inset;
	border-width: 2px;
	color: #000;
	font: 11px Arial, Verdana, sans-serif;
	margin: 2px 0;

}

/****** END GLOBAL ------------------
/////////////////////////////////////
II. BUTTONS
/////////////////////////////////////
= directory -> edit roster options -> cancel & next button --------- */
.but {
	
	background: #eee;
	border: 1px outset buttonhighlight;
	color: #333;
	cursor: pointer;
	font: 13px Arial, Verdana, sans-serif;

}

/*= directory -> edit roster options -> close button --------- */
.membut {
	
	background: #eee;
	border: 1px solid buttonFace;
	color: #333;
	cursor: pointer;
	font: 11px Arial, Verdana, sans-serif;

}

/*= ADMIN BUTTON AND BAR ------ */
.abut {
	
	background: #eee;
	border-style: outset;
	border-width: 2px;
	color: #333;
	font: 11px Arial, Verdana, sans-serif;
	margin-bottom: 2px;
	margin-top: 2px;

}

.adminbar {
	
	background: #eee;
	color: #333;
	font: 400 12px Arial, Verdana, sans-serif;

}

/*////////////////////////////////////
III. MISC CLASSES 
//////////////////////////////////////
 --------- general row hover classes --------- */
.rowNormal {
	
	background: #eee;
	color: #000;
	font: 400 11px Arial, Verdana, sans-serif;

}

.rowHover {
	
	background: #FFF;
	color: #000;
	font: 400 11px Arial, Verdana, sans-serif;

}

.rowAlternate {
	
	background: #eee;
	color: #000;
	font-weight: 400;

}

.rowHeader {
	
	background: #555;
	border: 1px solid #000;
	color: #FFF;
	font-weight: 700;

}

.cookieTrail {
	
	background: #FFF;
	border-bottom: 1px solid #FFF;
	color: #000;
	display: none;
	font: 400 11px Arial, Verdana, sans-serif;
	padding: 2px;
	text-decoration: none;

}

a.cookieTrail,a.cookieTrail:hover {
	
	color: #333;
	font: 400 11px Arial, Verdana, sans-serif;
	text-decoration: none;

}

/*////////////////////////////////////////////////
Layout and Custom Selectors For: The Grolier Club
////////////////////////////////////////////////*/

.hideText {

	display: none;

}

.centered {

	margin: 0 auto;
	text-align: center;

}


/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES 
////////////////////////////////////////////////////////////////*/

.siteWrapper {

	width: 960px;
	margin: 0 auto;
	text-align: center;
	
}

#pubHome {


	
}

#pubContent {


	
}


/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */

#branding {

	width: 100%;
	height: 124px;
	background: url(../../../Images/headerBg.jpg) no-repeat center top;
	text-align: left;
	
}

	#branding .inside {
		
		width: 466px;
		height: 90px;
		padding-top: 12px;
		margin-left: 27px;
	
	}

		#homeLink {
		
			display: block;
			width: 100%;
			height: 100%;

		} 
		
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */

#nav {


}

#sidebar {
	
		width: 220px;
		padding-bottom: 20px;
	
	}
	
		#navIcons {
		
			width: 67px;
			margin-top: 44px;
		
		}
		
			#navIcons .inside {
			
				width: 28px;
				float: right; 
			
			}
		
				#navIcons .inside img {
					
					display: block;
					margin-bottom: 8px;
			
				}
		
		#navWrapper {
		
			width: 153px;
			margin-top: 44px;
		
		}
		
			#nav {

				margin-left: 7px;
				width: 140px;
			
			}
			
				/*#nav ul {
				
					margin: 0;
					padding: 0;
					list-style: none;
				
				}
				
					#nav li {
					
						margin: 0 0 8px;
						padding: 0;
						line-height: 28px;
					
					}
					
					#nav li a {
						
						font: 13px "Times New Roman", Georgia, Times, serif;
						color: #1F1F19;
					
					}
					
					#nav li a:hover {
						
						text-decoration: underline;
						color: #1F1F19;
					
					}*/
			
		#pubHomeMemLogin {
		
			margin: 40px 0 20px;
			display: block;
		
		}

/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */

#contentContainer {
	
	width: 100%;
	background: url(../../../Images/contentBg.gif) repeat-y center top;
	text-align: left;
	
}

	#contentArea, #pubContentArea, #privContentArea {
	
		width: 740px;
	
	}
	
	
	#pubHome #contentArea {
	
		background: url(../../../Images/pubHome_watermark.jpg) no-repeat center bottom #FAFBF0;
		padding-bottom: 36px;
	
	}
	
	
	
		#mediaWindow {
			
			width: 100%;
		
		}
		
			#mediaWindow img, #pubHome #contentMain img {
			
				display: block;
		
			}
				
			
		#pubHome #contentMain {
		
			width: 668px;
			margin: 36px 0 0 36px;
			background: url(../../../Images/pubHome_divider.gif) repeat-y center center;
		
		}
		
			#pubHome #contentMain .floatLeft, 
			#pubHome #contentMain .floatRight {
				
				width: 296px;
			
			}
			
/*content page*/

	#privContentArea  {
	
		background: url(../../../Images/content_watermark.jpg) no-repeat right bottom #FAFBF0;
	
	}
	
	#pubContentArea {
	
		background: /*url(../../../Images/content_watermark.jpg) no-repeat right bottom*/ #FAFBF0;
	
	}
	
		#memInfo {
		
			font: 12px/normal "Times New Roman", Georgia, Times, serif;
			color: #1F1F19;
			text-align: right;
			margin: 8px 8px 16px;
		
		}
		
			#memInfo a {
		
				margin-left: 6px;
		
			}
	
		#content #contentMain {
		
			width: 550px;
			margin-left: 20px;
		
		}
		
		#pubContentArea #contentMain {
		
			width: 700px;
			padding-top: 24px;
			color: #000;
			font: 15px/1.6 Georgia, Verdana, sans-serif;
		
		}
		
		#pubContentArea table,
		#pubContentArea div,
		#contentMain table,
		#contentMain div {
			color: #000;
			font: 15px/1.6 Georgia, Verdana, sans-serif;
			}
		
			#content #contentMainInner {
		

				padding: 76px;
				background: url(../../../Images/content_innerBg.jpg) no-repeat left top;
				
		
			}
			
/* -------------------------------------------------------------
= Scrolling leather box
------------------------------------------------------------- */

	#atlanticLeatherScroll {
		
		width: 376px;
		padding-right: 10px;
			
	}
	
	#atlanticLeatherScroll h3 {
		
		text-decoration: underline;
		margin: 0 0 4px;
			
	}
				
	#atlanticLeatherScroll img {
		
		border-right: 10px solid transparent;
			
	}

#dynamicList {
}

#dynamicList a {
	font: 15px/1.6 Georgia, Verdana, sans-serif;
}
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */

#footer {

	width: 100%;
	height: 124px;
	background: url(../../../Images/footerBg.jpg) no-repeat center top;
	
}

	#footer .inside {
		
		padding-top: 40px;
		width: 900px;
		font-family: "Times New Roman", Georgia, Times, serif;
		color: #FFF2C9;
		
	}
/* -------------------------------------------------------------
= Calendar Masterpage 
------------------------------------------------------------- */
#CalendarMP {
}

#CalendarMP a,a.small,a.anchor,a.visited {
	
	
	font: 12px/1.6 Georgia, Verdana, sans-serif;
	text-decoration: underline;

}

#CalendarMP a:hover {
	
	
	font: 12px/1.6 Georgia, Verdana, sans-serif;
	text-decoration: none;

}

#CalendarMP table {
	font: 12px/1.6 Georgia, Verdana, sans-serif;
}

/* -------------------------------------------------------------
= Store
------------------------------------------------------------- */
#Store {
}

#Store .TitleLink:link {
font: 700 13px georgia, sans-serif;
text-decoration: none;
}

#Store .TitleLink:visited {
font: 700 13px georgia, sans-serif;
text-decoration: none;
}

#Store .itemTitleDtl {
font: 700 13px georgia, sans-serif;
}

#sidebarRight{width: 153px;}