@charset "UTF-8";
/**
 * Stylesheet
 *
 * Copyright: 2008 NuSoft Solutions - Kinetic IG
 * Author: Jay Jones
 *
 *
 */


/* NORMALIZING styles
-------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.store
{
color: #990000;
}

.designCenter
{
color: #990000;
}

.designCenter ul
{
color: #990000;
}
.aboutUs
{
color: #990000;
}

.contactUs
{
color: #990000;
}





/* MAIN styles
-------------------------------------------*/
body{
	margin: 0px;
	padding: 0px;
	background: #FFDB70 url(../images/bg_body.jpg) 0 0 repeat-x;
	/*font: normal normal 11px/1.2em Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Tahoma, Verdana, Arial;
	color: #2e2e2e;
}

h1{
	font: normal normal 26px/1.2em Georgia, "Times New Roman", Times, serif;
	color: #406381;
	margin: 0px 0px 5px 0px;
}
h2{
	font: normal normal 20px/1.2em Georgia, "Times New Roman", Times, serif;
	color: #999966;
	margin: 0px 0px 10px 0px;
	text-transform: lowercase;
	
}
	h2 span{
		color: #ca9800;
	}

h3{
	font: normal normal 16px/1.2em Georgia, "Times New Roman", Times, serif;
	color: #333333;
	margin: 0px 0px 0px 0px;
}

p {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
}


td{
	vertical-align: top;
}

a:link, a:visited{color: #996600; text-decoration: none;}
a:hover, a:active{color: #990000; text-decoration: underline;}
a:focus { -moz-outline-style: none; }
dt{
	font-weight: bold;
}

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

.left{
	float: left;
	margin: 0 10px 10px 0;
}

.right{
	float: right;
	margin: 0 0 10px 10px;
}

.clr {
	clear: both;
	height: 0px;
}

.clearfix:after {/*http://positioniseverything.net/easyclearing.html*/
	content:".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {height: 1%; display:block;}
/* End hide from IE Mac */




/* CONTAINER styles
-------------------------------------------*/

#container{
	background: #efebd2;
	width: 875px;
	margin: 0 auto 50px auto;
	padding: 0px;
	border: 1px solid #b99d4f;
	border-width: 0px 1px 1px 1px;
	text-align: center;
}



#header{
	/*position: relative;*/
	position: relative;
	width: 875px;

	background: transparent url(../images/bg_header.jpg) 0 0 repeat-x;
	margin:  0px;
	padding: 70px 0 0 0;
	
	
	
}


	#header h1{
		position: absolute;
		top: 0px;
		left: 45px;
		margin: 0px;
		padding: 0px;
		background-image: none;
		background-color: transparent;
    width: 191px;
}

	#header h1 a{
		
		height: 64px;
		width: 191px;
		display: block;
		background: transparent url(../images/logo_heather_lane_pottery.gif) 0 0 no-repeat;
		letter-spacing : -1000em;
		text-indent: -1000em;
	}
			/* Just for Opera, but hide from MacIE */ 
			/*\*/html>body .header h1 a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
			/* End of hack */

	#utilities{
		position: absolute;
		top: 0px;
		right: 0px;
		background: transparent url(../images/bg_utilities.gif) right top no-repeat;
		padding: 5px 0;
		overflow: hidden;
		width: 39.6em;
	}
		#utilities li.login{
			float: right;
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
			border-right: 1px solid #666;
			font: normal normal 11px/19px Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			color: #666;
		}
		#utilities li.search{
			float: right;
			overflow: hidden;
		}
			#utilities li.search input{
				float: left;
				height: 19px;
				padding: 0px;
				margin: 1px 10px 0px 0px;
				border: 0px;
			}
			#utilities li.search input.txtSearch{
				border: 1px solid #999966;
				margin: 0px 5px 0 0;
				padding: 2px 5px;
				/*height: 15px;*/
				font: normal normal 10px/15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
			}
	
	
	#navigation {
		padding-top: .6em;
		font-family: georgia;
	}
	
		#navigation ul, #navigation ul li {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#navigation ul {
			padding: 8px 0 8px;
			
			text-align: center;
			border-bottom: 1px solid #ffcc66;
		}
		
		#navigation ul li {
				display: inline;
				margin-right: .5em;
			}
			
			#navigation ul li.last {
				margin-right: 0;
			}
			
			#navigation ul li a {
				background: url("../images/nav_btns_rt.gif") 100% 0% no-repeat;
				color: #990000;
				padding: 8px 0;
				text-decoration: none;
				text-transform: lowercase;
				font: normal normal 18px/1.2em Georgia, "Times New Roman", Times, serif;
			}
			
				#navigation ul li a span {
					background: url("../images/nav_btns_left.gif") 0% 0% no-repeat;
					padding: 8px 1.5em;
					font-size: 18px;
					color#990000;
					font-family: georgia;
				}
				
				#navigation ul li a:hover{
					background: url("../images/nav_btns_rt.gif") 100% -155px no-repeat;
					/*color: #663300;*/
					color: #990000;
				}
				#navigation ul li a:hover span {
					background: url("../images/nav_btns_left.gif") 0% -155px no-repeat;
				}
				
				/*\*//*/
				#navigation ul li a {
					display: inline-block;
					white-space: nowrap;
					width: 1px;
					font-size: 18px;
					color: #990000;
				}
				
				#navigation ul {
					padding-bottom: 0;
					margin-bottom: -1px;
				}
				/**/
				
				/*\*/
				* html #navigation ul li a {
					padding: 0;
				}
				/**/


/* CONTENT styles
-------------------------------------------*/
#contentWrapper{
	background: #efebd2 url(../images/bg_content_lg.jpg) 0 0 no-repeat;
	overflow: hidden;
	padding: 40px 0 0 0;
}
	body.home #contentWrapper{
		background: #efebd2 url(../images/bg_content_home.jpg) 0 0 repeat-x;
		overflow: hidden;
	}
	
	#content{
		float: right;
		width: 650px;
		display: inline;
		margin: 0 20px 0 0;
		overflow: hidden;
	}
		body.home #content{
			width: auto;
			margin: 0 20px 20px 20px;
			padding: 10px 20px;
			float: none;
			display: block;
			overflow: hidden;
			border: 1px solid #ded3ae;
			background: #efebd2;
		}
	
	#intro{
		border: 1px solid #cc9900;
		background: #eee5c4;
		background-color: #eee5c4;
		
		padding: 10px 10px 10px 20px;
	/*	overflow: hidden;*/
		margin: 0 0 20px 0;
		height: 200px;	

		


	}
		#intro div{
			float: left;
			/*width: 160px;*/
			/*11-24*/
			width: 45%;
			display: inline;
			color: #993300;
			font: normal normal 11px/1.6em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		}
		#intro img{
			float: right;
			margin: 0px;
		}
		#intro h2{
			text-transform: none;
			color: #663300;
			margin: 0px;
		}


	.boxesContainer{
		overflow: hidden;
	}
		.boxesContainer img{
			float: left;
		}
		.box1 div, .box2 div, .box3 div{
			float: right;
			width: 110px;
		}
		.box1 .image, .box2 .image, .box3 .image{
			float: left;
		}
		
		.box1, .box2, .box3{
			float: left;
			width: 190px;
			margin: 0 10px 10px 0;
			padding: 5px;
			height: 12em;
			display: inline;
		}
			.box1{	
				background: transparent;
				border: 1px solid #ccc;
			}
				.box1 h3 a{
					color: #333;
					text-decoration: underline;
				}
			.box2{	
				background: #cc9933;
				border: 1px solid #cc9933;
				color: #fff;
			}
				.box2 h3 a{
					color: #fff;
					text-decoration: underline;
				}
			.box3{	
				background: #cc6633;
				border: 1px solid #cc6633;
				color: #fff;
			}
				.box3 h3 a{
					color: #fff;
					text-decoration: underline;
				}
			.boxesContainer .last{
				margin-right: 0px;
			}

		
		.introBox{
			float: left;
			width: 220px;
			margin: 0 50px 0 0;
			overflow: hidden;
		}
			.introBox img{
				float: left;
			}
			.introBox div{
				float: right;
				width: 130px;
			}
			
			body.home #content div.storeHours{
				width: 221px;
				margin: 0px;
			}
				body.home #content div.storeHours div{
					width: auto;
					padding: 3px 3px 10px;
					margin: 10px 0px;
					background: #e9ca67;
					float: none;
					display: block;
				}
				body.home #content div.storeHours div img{
					float: none;
					margin-bottom: 7px;
				}
				body.home #content div.storeHours div p{
					margin: 0 20px 5px 20px;
					padding: 0px;
					font: normal normal 11px/1.4em Tahoma, Verdana, Arial, Helvetica, sans-serif;
				}
				body.home #content div.storeHours div p.address{
					color: #996600;
				}
/*    	<div class="introBox">
        	<h2>Online <span>Specials</span></h2>
            <img src="images/thumb_box.jpg" alt="" />
            <div>
            <h3>Lorem Dolor</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus ante nunc, dictum in, mattis ac, luctus ac, erat. Mauris ullamcorper eros eget risus bibendum tincidunt.</p>
<a href="#"><img src="images/btn_learn_more.gif" alt="" /></a>
            </div>
        </div>
*/


/* SIDEBAR styles
-------------------------------------------*/
#sidebar{
	float: left;
	margin: 0px 0 20px 10px;
	position: relative;
}
#sidebar .nav, #sidebar .nav li ul{
	border: 1px solid #DED3AE;
	background: #EFEBD2;
	width: 180px;
}
	#sidebar .nav h2{
		padding: 10px 10px 10px;
		margin: 0px;
	}
	#sidebar .nav ul li{
		display: inline;
	}
		#sidebar .nav ul li a{
			display: block;
			color: #333;
			/*padding: 9px 10px;*/
			padding: 10px 10px;
			background: transparent url(../images/navlink_underline.gif) left top repeat-x;
			font: normal normal 12px/1.2em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		}
		#sidebar .nav ul li a:hover{
			display: block;
			color: #ffffff;
			background: #d19e38;
			background-image: none;
			text-decoration: none;
		}
		
		#sidebar .nav ul li ul{
			position: absolute;
			left: -999em;
			border-top: 0px;
			z-index: 1000;
		}
		#sidebar .nav ul li:hover ul{
			left: 170px;
			margin-top: -40px;
		}
			#sidebar .nav ul li ul li a:hover{
				background: #929080;
			}

/* SIDEBAR styles
-------------------------------------------*/
#footer{
	clear: both;
	margin: 0px;
	/*padding: 75px 0 0 0;*/
	overflow: hidden;
	color: #333333;
	background: #efebd2 url(../images/bg_footer.jpg) left bottom repeat-x;
	/*height: 59px;*/
	font: normal normal 10px/1.5em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: auto;
vertical-align: bottom;
width: 100%;
padding-top: 75px;
}
	#copyright{
		float: left;
		display: inline;
		margin: 0 0 0 30px;
	}
	#contact{
		float: right;
		display: inline;
		margin: 0 30px 0 0;
		text-align: right;
	}

		
#contentHome{
		float: right;
		width: 650px;
		display: inline;
		margin: 0 20px 0 0;
		/* 11-24*/
		/*height: 250px;*/
	}
		body.home #contentHome{
			width: auto;
			margin: 0 20px 20px 20px;
			padding: 10px 20px;
padding-right: 0px;
			float: none;
			display: block;
			overflow: hidden;
			border: 1px solid #ded3ae;
			background: #efebd2;
		}

#contentHome1
{
			/*border: 1px solid #ded3ae;*/

}

body.home #contentHome div.storeHours{
				width: 221px;
				margin: 0px;

			}
				body.home #contentHome div.storeHours div{
					width: auto;
					padding: 3px 3px 10px;
					margin: 10px 0px;
					background: #e9ca67;
					float: none;
					display: block;
				}
				body.home #contentHome div.storeHours div img{
					float: none;
					margin-bottom: 7px;
				}
				body.home #contentHome div.storeHours div p{
					margin: 0 20px 5px 20px;
					padding: 0px;
					font: normal normal 11px/1.4em Tahoma, Verdana, Arial, Helvetica, sans-serif;
				}
				body.home #contentHome div.storeHours div p.address{
					color: #996600;
				}


	#col1 { float: left; width: 50%}   
  #col2 { display:none}   
  #col3 { width: auto; margin: 0 0 0 50%}   
  #col1_content { padding: 0 10px 0 20px }   
  #col3_content { padding: 0 20px 0 10px }