/* -------------------- MASTER STYLE SHEET -------------------- 
Eric Meyer Reset (reset.css)
SOURCE: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/

Clearfix Class (clearfix.css) 
SOURCE: http://www.positioniseverything.net/easyclearing.html */

@import url("reset.css");
@import url("clearfix.css");

/* -------------------- BASIC SELECTOR STYLES -------------------- */

body {background: #000 url(../assets/bg.png) 50% 0 repeat-y;
	font: 14px/1.5 Courier New, Courier, monospace;}

a {cursor: pointer;}
a:link, a:visited {color: #000;
		text-decoration: none;}
a:hover, a:active {color: #e9391c;}

#content a:link, #content a:visited {	border-bottom: 1px dotted #999;}

ol {
	list-style-type: decimal;
	}
ul {
	list-style-type: disc;
	}
ol, ul {
	margin-left: 2.5em;
	}
	#mainContent ol {
		margin-left: 60px;
		margin-right: 40px;
		}
		#mainContent ol li {
			margin: 1.5em 0;
			}

/* -------------------- STRUCTURE STYLES -------------------- */
#wrapper, .page {width: 914px !important;
	width: 880px;
	margin: 0 auto;
	padding-left: 5px;
	padding-bottom: 25px;
	display: block;
	background: url(../assets/brushesBackground.jpg) 100% 100% no-repeat;}
	
#header {height: 150px;
	position: relative;
	width: 914px;}

#searchCart {width: 230px;
	float: left;}
	
	#cart {margin: 0 0 0 20px;}
	#cart #cartimg {background: url(../assets/viewCart.png) bottom left no-repeat;
		height: 27px;
		width: 149px;
		overflow: visible;
		display: block;}
		
	#cart #cartimg:hover {background-position: top left;}
	.hideme {display: none;}
	
	#cart p a:link, #cart p a:visited {color: #000;
		border-bottom: 1px dotted #999;
		text-decoration: none;
		font-size: 11px;}

	#cartitemcount {
		font-weight: bold;
		position: relative;
		top: 3px;
		left: 151px;
	}
	
	#cart p a:active, #cart p a:hover {color: #e9391c;}
	
	#search {margin: 20px;
		padding-right: 15px;
		background: url(../assets/searchDots.png) 0 7px no-repeat;
		padding-left: 15px;
		margin-right: 0;}
	#search h2 {font-size: 12px;}
	#search input {border: 1px solid #000;
		font-family: Courier, monospace;
		width: 110px;}
	#search input[type="submit"] {border: none;
		background: none;
		color: #e9391c;
		font-size: 14px;
		font-weight: bold;
		width: 25px;}

#logo {background: url(../assets/logo.png) no-repeat;
	height: 118px;
	width: 448px;
	overflow: hidden;
	display: block;
	float: left;
	margin-top: 20px;}
	
	#logo span {display: none;}
	
#imgArea {height: 399px;
	width: 914px;
	background: url(../assets/homeBarFrame2.png) no-repeat;}
	
	#mainImg {background: url(../assets/homeCollectionWater.jpg) no-repeat;
		height: 371px;
		width: 659px;
		overflow: hidden;
		display: block;
		float: left;
		margin: 23px 25px 0 0;}
	
	#mainImg li, #innernav li {overflow: hidden;
		display: block;}
	/*#mainImg li #holiday {height: 41px;
		overflow: hidden;
		display: block;}
	#mainImg li #kids {height: 35px;
		overflow: hidden;
		display: block;}*/	
		
		#mainImg ul, #innernav ul {position: absolute;
			top: 135px;
			left: 50%;
			margin-left: -475px;}
		#mainImg li, #innernav li {
			margin: 0;
			padding: 0;
			}
		
		#holiday span,
		#kids span,
		#linens span,
		#tabletop span,
		#wallart span,
		#specials span {display: none;}
		
		#holiday a,
		#kids a,
		#linens a,
		#tabletop a,
		#wallart a,
		#specials a {display: block;}
			
		#holiday, #holiday a {height: 41px;
			width: 122px;}
			#mainImg #holiday, #innernav #holiday {margin-left: 6px;}
			#holiday a {background: url(../assets/navHoliday.png) bottom left no-repeat;}
			#holiday a:link, #holiday a:visited {background-position: bottom left;}
			
		#kids, #kids a {height: 35px;
			width: 152px;}
			#mainImg #kids, #innernav #kids {margin-left: -8px;}
			#kids a {background: url(../assets/navkids.png) bottom left no-repeat;}
			#kids a:link, #kids a:visited {background-position: bottom left;}
			
		#linens , #linens a {height: 41px;
			width: 122px;
			/*margin-top: -5px;*/}
			#mainImg #linens, #innernav #linens {margin-left: 5px;}
			#linens a {background: url(../assets/navLinens.png) bottom left no-repeat;}
			#linens a:link, #linens a:visited {background-position: bottom left;}
			
		#tabletop, #tabletop a {height: 40px;
			width: 150px;
			/*margin-top: -3px;*/}
			#mainImg #wallart, #innernav #wallart {margin-left: 3px;}
			#tabletop a {background: url(../assets/navTabletop.png) bottom left no-repeat;}
			#tabletop a:link, #tabletop a:visited {background-position: bottom left;}
			
		#wallart, #wallart a {height: 45px;
			width: 135px;
			/*margin-top: -8px;*/}
			#mainImg #wallart, #innernav #wallart {margin-left: 4px;}
			#wallart a {background: url(../assets/navWallart.png) bottom left no-repeat;}
			#wallart a:link, #wallart a:visited {background-position: bottom left;}
			
		#specials, #specials a {height: 42px;
			width: 118px;
			/*margin-top: -3px;*/}
			#mainImg #specials, #innernav #specials {margin-left: 7px;}
			#specials a {	background: url(../assets/navSpecials.png) bottom left no-repeat;}
			#specials a:link, #specials a:visited {background-position: bottom left;}
			
		#holiday a:hover, #holiday a:active, 
		#kids a:hover, #kids a:active, 
		#linens a:hover, #linens a:active, 
		#tabletop a:hover, #tabletop a:active, 
		#wallart a:hover, #wallart a:active, 
		#specials a:hover, #specials a:active {background-position: top left;}
		
		#sideImgs {padding: 22px 0 0 0;
			width: 208px;
			float: left;}
		
		#smallImg1 {background: url(../assets/kidsCollection.jpg) no-repeat;
			width: 208px;
			height: 175px;
			overflow: hidden;
			margin-bottom: 23px;
			display: block;}
			
		#smallImg2 {background: url(../assets/giftRegistry2.jpg) no-repeat;
			width: 208px;
			height: 176px;
			overflow: hidden;
			display: block;}
			
		#smallImg1 span, #smallImg2 span {display: none;}
		
		#visitCircles {width: 285px;
			height:290px;
			float: left;
			display: inline;
			position: relative;}
			
		#mainContent p {text-align: center;
			padding-top: 20px;
			margin-right: 40px;}
		
		#meetMandy {height: 153px;
			width: 236px;
			overflow: hidden;
			display: block;
			margin: 20px;
			position: relative;}			
			#meetMandy a {
				display: block;
				height: 153px;
				width: 236px;
				background: url(../assets/meetMandy.png) bottom left no-repeat;
				}
				
		#visitTheGallery {height: 152px;
			width: 248px;
			overflow: hidden;
			display: block;
			/*margin: -140px 0 0 540px;*/
			top: 155px;
			left: 540px;
			position: absolute;}		
			#visitTheGallery a {
				display: block;
				height: 152px;
				width: 248px;
				background: url(../assets/visitTheGallery2.png) bottom left no-repeat;
				}
			#mainContent.visitGalleryCopy p {
				text-align: left;
				width: 530px;
				}
				
		#createRegistry {height: 156px;
			width: 285px;
			overflow: hidden;
			display: block;
			/*margin: -50px 0 0 83px;*/
			top: 150px;
			left: 74px;
			position: absolute;}		
			#createRegistry a {
				display: block;
				height: 156px;
				width: 285px;
				background: url(../assets/createRegistry2.png) bottom left no-repeat;
				}
		
		#meetMandy span, #visitTheGallery span, #createRegistry span {display: none;}
			
		#meetMandy a:hover, #visitTheGallery a:hover, #createRegistry a:hover {background-position: top left;}

/* -------------------- NAV STYLES -------------------- */
#nav {float: right;
	/*margin: 25px !important;*/
	/*margin: 15px 25px 9px 25px !important; */
	margin: 15px 25px 9px 25px;
	margin-left: 0;
	font-size: 11px;}
	
	#nav li {text-align: right;
		padding-right: 15px;
		list-style-type: none;
		background: url(../assets/bullet.png) 100% 50% no-repeat;}
		
	#nav a:link, #nav a:visited, #footer a:link, #footer a:visited {color: #000;
		text-decoration: none;
		border-bottom: 1px dotted #999;}
	#nav a:hover, #nav a:active, #footer a:hover, #footer a:active {color: #e9391c;}

/* -------------------- FOOTER STYLES -------------------- */
#footer {
	margin: 25px;
	margin-bottom: 0;
	margin-top: 10px;}
#footer ul {
	margin-left: 0;
	}
#footer li {display: inline;
	font-size: 11px;
	padding-right: 8px;}
	
.highlight {
	color: #869133;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	}
	
/* ------------------ ECOMMERCE STYLES ----------------------*/
a.greybig:link, a.greybig:visited, a.greybold:link, a.greybold:visited {color: #000;
		text-decoration: none;}
a.greybig:hover, a.greybig:active, a.greybold:hover, a.greybold:active {color: #e9391c;}

a.greybig:link, a.greybig:visited, a.greybold:link, a.greybold:visited {border-bottom: 1px dotted #999;}
	
.td_center_header2 {
	padding-top: 12px;
	padding-bottom: 4px;
	padding-left: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #63891E;
	}

#subCatsBox li:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}