/*
	Screen Style Sheet
	Home and Hearth Outfitters
	Christian L. Schultz (SCHULTZconcepts)
	
	
	COLOR USAGE:
	background: #e1e1e1
	dark brown: #4b2F1A
	light brown: #998675
	lightest brown: #C1B3A8
	dark blue: #2e464d
	light blue: #77939a
*/
body{
	color:#333;
	background:#e1e1e1;
}
a, a:visited, a:active{
	color:#48375D;
	text-decoration:none;
}
a:hover{color:#77939A; text-decoration:underline;}

/* Header Setup */
#header{
	position:relative;
	height:181px;
	overflow:hidden;
	margin-bottom:20px;
}
#bannerRoll{
	height:181px;
	position:absolute;
	left:315px;
	overflow:hidden;
	z-index:1;
}
#header h1{
	background:url('../images/logo.png') no-repeat;
	position:absolute;
	top:0;
	left:60px;
	height:181px;
	width:334px;
	overflow:hidden;
	font-size:1px;
	text-indent:-9999em;
	z-index:50;
}
#header a{
	display:block;
	height:181px;
	width:334px;
	cursor:pointer;
}
#headerTop{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	height:181px;
	z-index:5;
}

/* Front Page Spy Setup and Locations Setup */
#rightSpy ul, #locations ul{list-style:none;}
#rightSpy li{
	height:220px; 
	overflow:hidden;
	margin:0 0 20px 0;
	background:url('../images/spyBG.jpg') no-repeat;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#locations li{
	margin:0 0 20px 0;
	padding-bottom:10px;
	background:url('../images/spyBG.jpg') no-repeat;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
/** added by frution to remove the h2 styles from call number**/
.call{
	margin:-15px 0 7px 0;
	padding:3px;
	background-image:none;
	background-color:#CCC;
	border:1px solid #A7A7A7;
	font-size:1.1 em;
	text-align:center;
}

#rightSpy h2, #locations h2{font-size:1.1em; color:#FFF; text-align:center; margin-bottom:5px;}
#rightSpy p, #locations p{text-align:center; line-height:1.1em; color:#222;}
a.directions, a.directions:visited{
	display:block;
	color:#e1e1e1;
	background:url('/images/buttons/directionButton.png') no-repeat;
	width:150px;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	line-height:20px;
	font-variant: small-caps;
	font-size:12px;
}
a.directions:hover{background-position:-150px 0;}
#rightSpy img, #locations img{
	margin:5px auto;
	display:block;
}

/* Universal Content Styling */
#content h1{
	font-size:1.3em;
	line-height:1.3em;
	Margin-bottom:3px;
	font-weight:normal;
}
#content h2{
	font-size:1.3em;
	line-height:1.9em;
	text-align:center;
	background:#998675 url(/images/header_grad.jpg) repeat-x top;
	color:#6a513d;
	font-weight:normal;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#content h3{
	padding-left:10px;
	border-left:3px solid #4b2F1A;
	line-height:2em;
	background:#DDD;
	font-size:1em;
}
.emphasis li{
	background:#C1B3A8;
	font-size:1em;

	margin:5px;
	padding: 7px;
	list-style:none;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.emphasis h4{font-size:1.2em;margin:0 0 5px 5px;}
.emphasis p{line-height:1.2em;margin:5px;}
.small{
	font-size:0.8em;
	margin:0;
}

/* Side Navigation Setup */
#mainNav ul{
	text-align:right;
}
#mainNav ul li{
	font-size:1.5em;
	border-top: 1px solid #998675;
	margin:0;
	list-style:none;
}
#mainNav ul.miniDrawer li{
	border-top:none;
}

a.selected{
	background:#4B2F1A url('/images/darkBrown_grad.jpg') repeat-x top;
	color:#C1B3A8;
}
.roundTop{
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}
.roundBottom{
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
}
#mainNav a:hover{
	background:#998675 url('/images/header_grad.jpg') repeat-x top;
	color:#e1e1e1;
	text-decoration:none;
	border-color: #998675;
}
#mainNav ul li a{
	line-height:2em;
	padding-right:0.5em;
	display:block;
}
ul.miniDrawer{
	display:none;
	font-size:0.4em;
}

/* Left Content */
#leftContent li{
	list-style:none;
	margin:0;
}
#leftContent h2{
	font-weight:normal;
	text-align:right;
	background:#4b2F1A url(/images/darkBrown_grad.jpg) repeat-x top;
	color:#C1B3A8;
	line-height:2em;
	font-size:1.4em;
	padding-right:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#leftContent h3{
	background:#bbb;
	margin:0 0 5px 0;
	padding:0;
	line-height:2em;
	font-size:1em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#leftContent h3 a{
	display:block;
	text-decoration:none;
}
#leftContent h3 a:hover{
	color:#e1e1e1;
}
#leftContent ul{
	margin:5px 15px;
	text-align:center;
}
#leftContent li{
	margin-bottom:2em;
}
#leftContent img{
	margin-bottom:5px;
}

/* Footer Setup */
#footer{
	border-top: 3px solid #2e464d;
	background:url(/images/footerImage.png) no-repeat;
}
#footer p.copy{
	text-align:center;
	margin-bottom:10px;
}
#footerAddress>div{
	float:right;
	width:220px;
}
#footerAddress h4{
	margin:5px 0 0 0;
	padding:0;
	
	font-size:1em;
	font-weight:bold;
	height:30px;
}
#footerAddress address{
	font-style: normal;
	font-size:0.8em;
	line-height:1.1em;
}
#footerAddress address em{
	font-weight:bold;
}
/* Slider Setup */
ul.slider_navigation{
	margin:5px 5px 0 3px;
	float:left;
	border-bottom: 2px solid #4b2F1A;
	width:100%;
}
#slider ul.slider_navigation li{
	float:left;
	display:block;
	margin:0 2px;
}
#slider ul.slider_navigation a{
	background:#4b2F1A url('/images/darkBrown_grad.jpg') repeat-x top;
	color:#cdcdcd;
	text-decoration:none;
	display:block;
	padding:10px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}
#slider ul.slider_navigation a:hover{
	background:#cdcdcd url(/images/hover_grad.jpg) repeat-x top;
	color:#444;
	border-bottom:2px solid #cdcdcd;
	margin-bottom:-2px;
}
#slider ul.slider_navigation a.selectedTab{
	background:#998675 url(/images/header_grad.jpg) repeat-x top;
	color:#6a513d;
	margin-bottom:-2px;
	border-bottom:2px solid #998675;
	
}
.scroll {
/*	height:440px;*/
	width:700px;
	overflow:auto;
	overflow-x:hidden;
	position:relative;
	clear:left;
}
.scrollContainer div.panel {
	padding:10px;
/*	height:420px;*/
	width:680px;
}
div.panel h4{
	font-size:1.1em;
}
/* image stylings*/
.imageRight{
	float:right;
	padding:8px;
}
.imageLeft{
	float:left;
	padding:8px;
}
.imageCenter{
	display:block;
	margin:0 auto;
	padding: 8px;
}
.imageMorePad{
	padding:16px;
}

/*optional ul styling*/
.ulInside{
/*	margin-left:40px;*/
	list-style-position: inside;
}

/* Form Styling */
.formActions{border:none; text-align:center;}
.alignLeft label{clear:left; float:left; width:100px; margin-right:10px; text-align:right;}
.alignLeft input{float:left; margin-right:10px;}
.alignLeft span.message{float:left; color:red; font-size:75%; line-height:2.5em;}


/* Gallery Styling */
.gal {height:300px; overflow:hidden; background:url('../images/mapBG.jpg') 0 100px; position:relative;}
.gal p {margin: 0 10px 10px; color:#333;}
.gal a{position:absolute; bottom:10px; right:10px;}
.gal .galImage {height:180px;}
.gal img{display:block; margin:10px auto;}

/* Listing Stylings */
	/* Instructions */
	.instructions{
		list-style:none;
		background:#77939a;
		border: 1px solid #2e464d;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		color:#FFF;
	}
	
	/* Listing */
	.listing{
		list-style:none;
	}
	.listing li{
		padding:0;
		margin:0;
		font-size:80%;
		border: 1px solid #2e464d;
	}
	.listing li a, .listing li a:visited{
		padding:5px;
		background:none;
		display:block;
	}
	.listing li a:hover, .listing li a.selected{
		background:#77939a;
		color:#FFF;
	}
	
/* Map Page Stylings */
#locationChoice {
}
#locationChoice ul{
	text-align:center;
	margin-left:5px;
	list-style:none;
}
#locationChoice ul li{
	display:inline;
}
#locationChoice ul li a{
	background:url('/images/mapBG.jpg') no-repeat;
	color:#e3e3e3;
	margin-right:10px;
	display:block;
	width:165px;
	height:50px;
	margin-bottom:20px;
	overflow:hidden;
	float:left;
}
#locationChoice ul li a.last{margin-right:0;}
#locationChoice ul li a.selectedButton{
	background:#998675;
}

.addressPanel{
	background:url('/images/mapBG.jpg') repeat-y;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-bottom:20px;
}
#content .addressPanel h3{
	color:#e1e1e1;
	font-size:1.8em;
	margin-bottom:0;
	background:none;
	border:none;
}
.addressPanel label, .addressPanel input{
	display:block;
}
.addressPanel label, .addressPanel p{
	font-weight:bold;
	margin-top:10px;
}
.addressPanel form, .addressPanel address{margin:0 15px 20px;}
.addressPanel 
address{line-height:1.1em;}
/* Map View */
        
        #map_canvas { height: 450px; border: solid thin black; }
        
    

/* Directions */
        #directions {
          float: none;
          width: 100% !important;
        }


/* Document Listings */
.box {
	margin: 0 auto;
	height: 400px;
	width:400px;
	position: relative;
	border: 2px solid #999;
}

.boxTop {
	overflow: auto;
	position: relative;
}

.box h4 {
	background: #999;
	margin: 0;
	padding: 5px;
	color: #FFF;
}

.box p, .box a{
	margin:10px;
	
}

	/* JS required styles */
	.box .box {
		border: 0;
	}

/* Special Stylings per Occasion */
a.pink, a.pink:visited{
/*	margin-top:10px;*/
	display:block;
	background:#FFC0CB;
	padding:2px;
	color:#101010;
}
.listitem{
	font-size:1em;
}