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

/* Begin general style */
a{
	color: #56361e;
}

body {
	background: url('/images/newBg.gif') repeat;
	margin-top: 50px;
}

.clearing{
	clear: both;
}

.pageHeader{
	font-family: "Times New Roman", Times, serif;
}
/* End general styles */


/* Top and bottom border for content area */
.border{
	width: 779px;
	height: 5px;
	margin: 0px auto;
	padding: 0px;
}

#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{
	width: 762px;
	height: auto;
	/* min-height: 700px; */
	margin: 0px auto;
	padding: 10px 5px 10px 12px;
	background: url('/images/bodyBg2.gif') repeat-y;
}
	#bodyContainer #leftCol{
		float: left;
		width: 178px;
		height: 90%;
		margin: 0px;
		padding-left: 0px;
		position:relative;
	}
		#bodyContainer #leftCol #shopBox{
			display: block;
			width: 165px;
			height: 150px;
			background: url('/images/shop.gif') no-repeat;
		}
		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 #shopBox:hover{
			background: url('/images/shop_over.gif') no-repeat;
		}*/
		#bodyContainer #leftCol ul{
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
		#bodyContainer #leftCol ul li{
			margin: 15px 0px;
		}
		#bodyContainer #leftCol ul li a{
			font-family:Geneva, Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #000;
			text-decoration: none;
		}
		#bodyContainer #leftCol ul li a:hover{
			text-decoration: underline;
		}
		
		#bodyContainer #leftCol a.linkBox, a.linkBox{
			display: block;
			width: 164px;
			height: 58px;
			margin: 5px 0px 0px 0px;
			padding: 0px;
			background: url('/images/whySendBg.gif') no-repeat;
		}
		
		#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 #rightCol{
		float: right;
		position: relative;
		width: 579px;
		height: auto;
		margin: 0px;
		padding-left: 0px;		
		background: url('/images/dotsBg.gif') repeat-y;
		background-position: 0px 100px;
	}
	
	#bodyContainer #rightCol #mask{
		position: absolute;
		left: -10px;
		top: -4px;
		width: 20px;
		height: 43px;
		float: left;
		background-color: #f6eedb;
		/*border: 1px solid #000;*/
	}
	
	#bodyContainer #rightCol #rightContent{
		background: url('/images/mainContentBg2.gif') no-repeat;
		background-position: 0px 0px;
		padding: 0px 5px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 160%;
		min-height:455px;
		margin:0px 8px 5px 7px;
		position:relative;
	}
		#bodyContainer #rightCol h1{
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 28px;
			color: #231f20;
			margin-left: 10px;
		}
		a#hgtv, a#nar, a#momRadio, a#northern {
			background-repeat:no-repeat;
			display:block;
			position:absolute;
		}
		#welcomeText {
			background-image:url('/images/welcomeText.gif');
			height:39px;
			position:absolute;
			right:0px;
			top:270px;
			width:168px;
		}
		a#hgtv {
			background-image:url(../images/hgtv.gif);
			height:18px;
			right:-4px;
			top:310px;
			width:173px;
		}
			a:hover#hgtv {
				background-image:url(../images/hgtv_o.gif);
			}
		a#nar {
			background-image:url(../images/nar.gif);
			height:19px;
			right:-2px;
			top:330px;
			width:172px;
		}
			a:hover#nar {
				background-image:url(../images/nar_o.gif);
			}
		a#momRadio {
			background-image:url(../images/momsRadio.gif);
			height:18px;
			right:-2px;
			top:348px;
			width:173px;
		}
			a:hover#momRadio {
				background-image:url(../images/momsRadio_o.gif);
			}
		a#northern {
			background-image:url(../images/northern.gif);
			height:19px;
			right:-1px;
			top:366px;
			width:173px;
		}
			a:hover#northern {
				background-image:url(../images/northern_o.gif);
			}
		#bodyContainer #rightCol #topNav{
			width: 552px;
			margin: 0px 10px 5px 10px;
			padding: 35px 0px 0px 0px;
			background: url('/images/phoneBg.gif') no-repeat;
			background-position: top right;
			border-bottom: 3px solid #fff;
		}
		
/*****Start Navigation Styles****/
		#bodyContainer #rightCol #topNav #buttonContainer {
			width:552px;
			margin:5px 0px 0px 20px;
			height:23px;
		}
		a#home {
			width:60px;
			height:23px;
			background-image:url(../images/homeOff.gif);
			background-repeat:no-repeat;
			display:block;
			float:left;
		}
		a:hover#home {
			background-image:url(../images/homeOver.gif);
			background-repeat:no-repeat;
		}
		
		a#faq {
			width:60px;
			height:23px;
			background-image:url(../images/faqOff.gif);
			background-repeat:no-repeat;
			display:block;
			float:left;
		}
		a:hover#faq {
			background-image:url(../images/faqOver.gif);
			background-repeat:no-repeat;
		}
		
		a#delivery {
			width:100px;
			height:23px;
			background-image:url(../images/deliveryOff.gif);
			background-repeat:no-repeat;
			display:block;
			float:left;
		}
		a:hover#delivery {
			background-image:url(../images/deliveryOver.gif);
			background-repeat:no-repeat;
		}
		
		a#policy {
			width:90px;
			height:23px;
			background-image:url(../images/policyOff.gif);
			background-repeat:no-repeat;
			display:block;
			float:left;
		}
		a:hover#policy  {
			background-image:url(../images/policyOver.gif);
			background-repeat:no-repeat;
		}
		
		a#test {
			width:140px;
			height:23px;
			background-image:url(../images/testOff.gif);
			background-repeat:no-repeat;
			display:block;
			float:left;
		}
		a:hover#test {
			background-image:url(../images/testOver.gif);
			background-repeat:no-repeat;
		}
		
		a#site {
			width:80px;
			height:23px;
			background-image:url(../images/siteOff.gif);
			background-repeat:no-repeat;
			display:block;
			float:left;
			margin-top:4px;
		}
		a:hover#site {
			background-image:url(../images/siteOver.gif);
			background-repeat:no-repeat;
		}
		a#press {
			background-image:url(../images/press.gif);
			background-repeat:no-repeat;
			display:block;
			float:left;
			height:21px;
			margin-top:4px;
			width:57px;
		}
			a:hover#press {
				background-image:url(../images/press_o.gif);
			}
	/****End Navigation Styles****/
		
			#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-family:Geneva, Arial, Helvetica, sans-serif;
				font-size: .689em;
				color: #000;
				text-decoration: none;
			}
			#bodyContainer #rightCol #topNav ul li a:hover{
				text-decoration: underline;
			}
		
		#bodyContainer #rightCol #footNav{
			width: 510px;
			margin: 0px 10px 0px 20px;
			padding-left: 30px;
			border-top:3px solid; 
			border-color:#FFFFFF;
			text-align: center;
			clear: both;
		}
		a#view {
			background-image:url(../images/viewOff.gif);
			background-repeat:no-repeat;
			width:155px;
			height:27px;
			float:left;
			display:block;
		}
		a:hover#view {
			background-image:url(../images/viewOver.gif);
			background-repeat:no-repeat;
		}
		
		a#contact {
			background-image:url(../images/contactOff.gif);
			background-repeat:no-repeat;
			width:130px;
			height:27px;
			float:left;
			display:block;
		}
		a:hover#contact {
			background-image:url(../images/contactOver.gif);
			background-repeat:no-repeat;
		}
		
		a#about {
			background-image:url(../images/aboutOff.gif);
			background-repeat:no-repeat;
			width:95px;
			height:27px;
			float:left;
			display:block;
		}
		a:hover#about {
			background-image:url(../images/aboutOver.gif);
			background-repeat: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{
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size: .75em;
				color: #000;
				text-decoration: none;
			}
			#bodyContainer #rightCol #footNav ul li a:hover{
				text-decoration: underline;
			}
		
		#bodyContainer #rightCol .category-head h2{
			font-family:Geneva, Arial, Helvetica, sans-serif;
			font-size: 22px;
			color: #231f20;
			margin-left: 40px;
		}
/* End styles for the main content area */