/**
 * Main styles for the It's all in the box ecom website
 */

/* Begin general style */
a{
	color: #56361e;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
body {
	background: url(/images/newBg.gif) repeat;
	margin-top: 50px;
}
.clearing{
	clear: both;
}
.pageHeader{
	font-family: "Times New Roman", Times, serif;
}
a#logo {
	background:url(/images/logo.jpg) no-repeat;
	display:block;
	height:153px;
	width:171px;
}
/* End general styles */


/* Top and bottom border for content area */
.border{
	height: 5px;
	margin: 0px auto;
	padding: 0px;
	width: 779px;
}
#topBorder{
	background: url(/images/top2.gif) no-repeat;
}
#bottomBorder{
	background: url(/images/bottom2.gif) no-repeat;
	clear: both;
}
/* Begin styles for the main content area */
#bodyContainer{
	background: url(/images/bodyBg2.gif) repeat-y;
	height: auto;
	/* min-height: 700px; */
	margin: 0px auto;
	padding: 10px 5px 10px 12px;
	width: 762px;
}
#bodyContainer #leftCol{
	float: left;
	height: 90%;
	margin: 0px;
	padding-left: 0px;
	position:relative;
	width: 178px;
}
	#bodyContainer #leftCol #shopBox{
		background: url(/images/shop.gif) no-repeat;
		display: block;
		height: 150px;
		width: 165px;
	}
		a#houseSmall, a#memorySmall, a#congratsSmall {
			background:url(/images/navRolloversSmall.jpg) no-repeat;
			display:block;
			height:20px;
			left:12px;
			position:absolute;
			width:125px;
		}
	a#housewarming, a#memory, a#congrats {
		background:url(/images/navRollovers.gif) no-repeat;
		display:block;
		height:26px;
		left:5px;
		position:absolute;
		width:158px;
	}
	a#housewarming {
		background-position:0px 0px;
		top:260px;
	}
	a#memory {
		background-position:0px -30px;
		top:288px;
	}
	a#congrats {
		background-position:0px -50px;
		top: 305px;
	}
	a:hover#housewarming {		
		background-position:-155px 0px;
	}
	a:hover#memory {
		background-position:-154px -30px
	}
	a:hover#congrats {
		background-position:-152px -50px;
	}
		a#houseSmall {
			background-position:0px 0px;
			top:210px;
		}
		a#memorySmall {
			background-position:0px -20px;
			top:230px;
		}
		a#congratsSmall {
			background-position:0px -40px;
			top: 250px;
		}
		a:hover#houseSmall {		
			background-position:-124px 0px;
		}
		a:hover#memorySmall {
			background-position:-123px -20px
		}
		a:hover#congratsSmall {
			background-position:-122px -40px;
		}

	#bodyContainer #leftCol ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	#bodyContainer #leftCol ul li{
		margin: 15px 0px;
	}
	#bodyContainer #leftCol ul li a{
		color: #000;
		font:13px Geneva, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	#bodyContainer #leftCol ul li a:hover{
		text-decoration: underline;
	}
#bodyContainer #leftCol a.linkBox, a.linkBox{
	background: url(/images/whySendBg.gif) no-repeat;
	display: block;
	height: 58px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	width: 164px;
}
	#bodyContainer #leftCol a.linkBox:hover, a.linkBox:hover{
		background: url(/images/whySendBg_over.gif) no-repeat;
	}	
	#bodyContainer #leftCol a.linkBox span, a.linkBox span{
		display: none;
	}
#bodyContainer #leftCol #video {
	margin:3px 0px;
}
/* right column */
#bodyContainer #rightCol{
	background: url(/images/dotsBg.gif) repeat-y 0px 100px;
	float: right;
	height: auto;
	margin: 0px;
	padding-left: 0px;	
	position: relative;
	width: 579px;	
}
	#bodyContainer #rightCol #mask{
		background-color: #f6eedb;
		float: left;
		height: 43px;
		left: -10px;
		position: absolute;
		top: -4px;
		width: 20px;
	}
	#bodyContainer #rightCol #rightContent{
		background: url(/images/mainContentBg2.gif) no-repeat 0px 0px;
		font:12px Geneva, Arial, Helvetica, sans-serif;
		line-height: 160%;
		margin:0px 8px 5px 7px;
		min-height:455px;
		padding: 0px 5px;
		position:relative;
	}
		#bodyContainer #rightCol h1{
			color: #231f20;
			font:28px Geneva, Arial, Helvetica, sans-serif;
			margin-left: 10px;
		}
		a#hgtv, a#nar, a#momRadio, a#northern {
			display:block;
			position:absolute;
		}
		#welcomeText {
			background:url(/images/welcomeText.gif) no-repeat;
			height:39px;
			position:absolute;
			right:0px;
			top:270px;
			width:168px;
		}
		a#hgtv {
			background:url(/images/hgtv.gif) no-repeat;
			height:18px;
			right:-4px;
			top:310px;
			width:173px;
		}
			a:hover#hgtv {
				background:url(/images/hgtv_o.gif) no-repeat;
			}
		a#nar {
			background:url(/images/nar.gif);
			height:19px;
			right:-2px;
			top:330px;
			width:172px;
		}
			a:hover#nar {
				background:url(/images/nar_o.gif) no-repeat;
			}
		a#momRadio {
			background:url(/images/momsRadio.gif) no-repeat;
			height:18px;
			right:-2px;
			top:348px;
			width:173px;
		}
			a:hover#momRadio {
				background:url(/images/momsRadio_o.gif) no-repeat;
			}
		a#northern {
			background:url(/images/northern.gif) no-repeat;
			height:19px;
			right:-1px;
			top:366px;
			width:173px;
		}
			a:hover#northern {
				background:url(/images/northern_o.gif) no-repeat;
			}
#bodyContainer #rightCol #topNav{
	background: url(/images/phone.jpg) no-repeat top right;
	border-bottom: 3px solid #fff;
	margin: 0px 10px 5px 10px;
	padding: 35px 0px 0px 0px;
	width: 552px;
}
		
/* Main Navigation Styles */
#bodyContainer #rightCol #topNav #buttonContainer {
	height:23px;
	margin:5px 0px 0px 20px;
	width:552px;
}
a#home, a#faq, a#delivery, a#policy, a#test, a#site {
	display:block;
	float:left;
	height:23px;
}
	a#home {
		background:url(/images/homeOff.jpg) no-repeat;
		width:50px;
	}
		a:hover#home {
			background:url(/images/homeOver.jpg) no-repeat;
		}
	a#faq {
		background:url(/images/faqOff.jpg) no-repeat;
		width:50px;
	}
		a:hover#faq {
			background:url(/images/faqOver.jpg) no-repeat;
		}
	a#delivery {
		background:url(/images/deliveryOff.jpg) no-repeat;
		width:90px;
	}
		a:hover#delivery {
			background:url(/images/deliveryOver.jpg) no-repeat;
		}
	a#policy {
		background:url(/images/policyOff.jpg) no-repeat;
		width:80px;
	}
		a:hover#policy  {
			background:url(/images/policyOver.jpg) no-repeat;
		}
	a#test {
		background:url(/images/testOff.jpg) no-repeat;
		width:130px;
	}
		a:hover#test {
			background:url(/images/testOver.jpg) no-repeat;
		}
	a#site {
		background:url(/images/siteOff.gif) no-repeat;
		margin-top:4px;
		width:80px;
	}
		a:hover#site {
			background:url(/images/siteOver.gif) no-repeat;
		}
	a#press {
		background:url(/images/press.gif) no-repeat;
		display:block;
		float:left;
		height:21px;
		margin-top:4px;
		width:57px;
	}
		a:hover#press {
			background:url(/images/press_o.gif) no-repeat;
		}
#bodyContainer #rightCol #topNav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
	#bodyContainer #rightCol #topNav ul li{
		display: inline;
		margin: 15px;
	}
	#bodyContainer #rightCol #topNav ul li a{
		font:.689em Geneva, Arial, Helvetica, sans-serif;
		color: #000;
		text-decoration: none;
	}
	#bodyContainer #rightCol #topNav ul li a:hover{
		text-decoration: underline;
	}
/* Footer */		
#bodyContainer #rightCol #footNav{
	background:url(/images/footerDots.jpg) no-repeat 0px 0px;
	margin:0px 0px 0px 20px;
	padding:15px 0px 0px 150px;
	width:394px;
}
a#view, a#contact, a#about {
	display:block;
	float:left;
	height:27px;
}
	a#view {
		background:url(/images/viewOff.gif) no-repeat;
		width:155px;
	}
		a:hover#view {
			background:url(/images/viewOver.gif) no-repeat;
		}
	a#contact {
			background:url(/images/contactOff.gif) no-repeat;
			width:130px;
		}
		a:hover#contact {
			background:url(/images/contactOver.gif) no-repeat;
		}
		a#about {
			background:url(/images/aboutOff.gif) no-repeat;
			width:95px;
		}
		a:hover#about {
			background:url(/images/aboutOver.gif) no-repeat;
		}
#bodyContainer #rightCol #footNav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
	#bodyContainer #rightCol #footNav ul li{
		display: inline;
		margin: 15px;
	}
	#bodyContainer #rightCol #footNav ul li a{
		color: #000;
		font:.75em Geneva, Arial, Helvetica, sans-serif;
	}
	#bodyContainer #rightCol .category-head h2{
		color: #231f20;
		font:22px Geneva, Arial, Helvetica, sans-serif;
		margin-left: 40px;
	}