/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LAYERS (DIV) STYLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
#header-container {
	/*position:absolute;*/
	position:relative;
	/*top:0px;*/
	width:900px;
	height:145px;
	z-index:3;
	margin-right: auto;
	margin-left: auto;
	visibility: visible;
}
#header-container-nf-1 {
	position:relative;
	width:900px;
	height:145px;
	z-index:3;
	margin-right: auto;
	margin-left: auto;
	visibility: visible;
}

#header-container-nf-2 {
	position:relative;
	width:900px;
	height:185px;
	z-index:3;
	margin-right: auto;
	margin-left: auto;
	visibility: visible;
}

#Logo {
	position:absolute;
	left:18px;
	top:12px;
	width:107px;
	height:107px;
	z-index:3;
	visibility: visible;
}
.logo {
}

#nav-bar {
	position:absolute;
	left:0px;
	width:900px;
	height:47px;
	z-index:2;
	bottom: 10px;
	background-repeat: repeat-x;
	background-image: url(images/main_nav_bg.jpg);
	vertical-align: middle;
}
#nav-bottom {
	position:absolute;
	left:0px;
	width:900px;
	height:10px;
	z-index:1;
	bottom: 0px;
	background-image: url(images/nav_bottom_edge.jpg);
	background-repeat: repeat-x;
	visibility: visible;
}
#city-name {
	position:absolute;
	left:145px;
	width:182px;
	height:47px;
	z-index:4;
	bottom: 57px;
	visibility: visible;
}
body {
	background:url(http://www.josephbeth.com/app_themes/jbgtheme1/images/main_bg.jpg) top left repeat; 
	background-attachment: fixed;
	background-color: #FFFFFF;
}
#upper-nav-links {
	position:absolute;
	/*width:500px;*/
	width:550px;
	height:16px;
	z-index:5;
	bottom: 77px;
	right: 0px;
	text-align: right;
	visibility: visible;
}
#Master-container {
	margin: 0 auto;
	position:relative;
	top:0px;
	width:900px;
	height:1173px;
	z-index:1;
	visibility: visible;
}
#content-container {
	/*position:absolute;*/
	position:relative;
	width:900px;
	/*height:838px;*/
	height: auto;
	z-index:2;
	/*float: left;*/
	/*top: 145px;*/
	background-color: #ffffff;
	visibility: visible;
}
#hp-content-container {
	margin:0px -10px -10px -10px;
	padding: 10px 10px 10px 10px;
	width: 880px; /*adjusted margins with fill color*/
	background-color: #95A299;
}
#hp-main-graphic {
	/*position:absolute;*/
	position:relative;
	left:8px;
	/*top:0px;*/
	top:-10px; /*compenstate for master-wrapper-cph-1 padding*/
	width:562px;
	height:335px;
	z-index:2;
	visibility: visible;
	float:left;
}
#our-best-sellers {
	/*position:absolute;*/
	position:relative;
	/*left:580px;*/
	/*top:11px;*/
	top:1px; /*compenstate for master-wrapper-cph-1 padding*/
	width:300px;
	height:156px;
	z-index:2;
	visibility: visible;
	float:right;
	right:5px;
}
#our-best-sellers-header {
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:50px;
	z-index:3;
	visibility: visible;
	background-image: url(images/our-best-sellers-header.jpg);
}
#our-best-sellers-bg {
	position:absolute;
	left:0px;
	top:50px;
	width:300px;
	height:96px;
	z-index:0;
	visibility: visible;
	background-image: url(images/our-best-sellers-bg.jpg);
}
#our-best-sellers-text {
	position:absolute;
	left:15px;
	top:5px;
	width:275px;
	height:77px;
	z-index:0;
	visibility: visible;
}
#our-best-sellers-footer {
	position:absolute;
	left:0px;
	top:146px;
	width:300px;
	height:6px;
	z-index:3;
	visibility: visible;
	background-image: url(images/our-best-sellers-footer.jpg);
}
#staff-picks {
	/*position:absolute;*/
	position:relative;
	/*left:580px;*/
	/*top:178px;*/
	width:300px;
	height:156px;
	z-index:4;
	visibility: visible;
	float:right;
	right:5px;
	top:15px;
}
#staff-picks-header {
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:53px;
	z-index:1;
	visibility: visible;
	background-image: url(images/staff-picks-header.png);
}
#staff-picks-bg {
	position:absolute;
	left:0px;
	top:49px;
	width:300px;
	height:96px;
	z-index:2;
	visibility: visible;
	background-image: url(images/staff-picks-bg.jpg);
}
#staff-picks-text {
	position:absolute;
	left:14px;
	top:5px;
	width:278px;
	height:86px;
	z-index:3;
	visibility: visible;
}
#staff-picks-footer {
	position:absolute;
	left:0px;
	top:145px;
	width:300px;
	height:11px;
	z-index:2;
	visibility: visible;
	background-image: url(images/staff-picks-footer.jpg);
}
/*
#horizontal-divider {
	position:absolute;
	left:18px;
	top:342px;
	width:859px;
	height:36px;
	z-index:4;
	visibility: visible;
}
*/
#rotating-banners {
	/*position:absolute;*/
	position:relative;
	left:26px;
	/*top:355px;*/
	width:225px;
	height:450px;
	z-index:3;
	visibility:visible;
	background-image: url(images/rotating-banners-bg.jpg);
	float:left;
}
#banner-cell {
	position:absolute;
	left:25px;
	top:51px;
	/*width:183px;
	height:460px;*/
	width:173px;
	height:390px;
	z-index:1;
	visibility: visible;
	overflow: hidden;
}
#featured-products-container {
	position:relative;
	/*left:282px;
	top:357px;*/
	width:588px;
	height:455px;
	z-index:6;
	visibility:visible;
	background-image: url(images/featured-products-bg.jpg);
	float:right;
	right:15px;
}
#featured-products-1 {
	position:absolute;
	left:50px;
	top:55px;
}
#featured-products-2 {
	position:absolute;
	left:312px;
	top:55px;
}
#featured-products-3 {
	position:absolute;
	left:50px;
	top:250px;
}
#featured-products-4 {
	position:absolute;
	left:312px;
	top:250px;	
}
#footer-container {
	position:relative;
	/*left:-1px;*/
	/*top:982px;*/
	width:900px;
	height:103px;
	z-index:1;
	visibility: visible;
	/*padding-bottom: 45px;*/
	background-image: url(images/footer-bg.jpg);
	background-repeat: no-repeat;
}
#gift-cards-container {
	position:absolute;
	left:12px;
	top:10px;
	width:232px;
	height:82px;
	z-index:2;
	border-right-style: dotted;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
}
#gift-card-image {
	position:absolute;
	left:7px;
	top:10px;
	width:90px;
	height:63px;
	z-index:2;
}
#gift-card-text {
	position:absolute;
	left:103px;
	top:10px;
	width:117px;
	height:64px;
	z-index:3;
}
#gives-back-container {
	position:absolute;
	left:261px;
	top:10px;
	width:228px;
	height:82px;
	z-index:3;
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
}
#gives-back-card-image {
	position:absolute;
	left:12px;
	top:10px;
	width:90px;
	height:63px;
	z-index:1;
}
#gives-back-text {
	position:absolute;
	left:114px;
	top:10px;
	width:109px;
	height:64px;
	z-index:2;
}
#bistro-container {
	position:absolute;
	left:498px;
	top:10px;
	width:180px;
	height:71px;
	z-index:4;
	border-right-color: #FFFFFF;
	border-right-style: dotted;
	border-right-width: 1px;
	text-align: center;
	padding-top: 10px;
}
#stay-connected-text {
	position:absolute;
	left:814px;
	top:109px;
	width:83px;
	height:36px;
	z-index:5;
	text-align: right;
	vertical-align: middle;
	/*visibility:hidden; /*temp hide until social networking is addressed*/
}
#email-sign-up-container {
	position:absolute;
	left:684px;
	top:10px;
	width:188px;
	height:56px;
	z-index:6;
	text-align: center;
	padding-top: 10px;
}
#search-box-container {
	position:absolute;
	top:7px;
	width:323px;
	height:33px;
	z-index:6;
	text-align: right;
	right: 0px;
}
#bistro-text {
	position:absolute;
	left:41px;
	top:17px;
	width:151px;
	height:62px;
	z-index:4;
	text-align: center;
	padding-top: 20px;
}
#share-container {
	position:absolute;
	left:5px;
	top:114px;
	width:180px;
	height:31px;
	z-index:7;
}
#clientscripts-container {
	position:absolute;
	top:114px;
	width:20px;
	left:880px;
	text-align:right;
	z-index:8;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FONT STYLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footerbody {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px}
.footerheads {font-family: Georgia, "Times New Roman", Times, serif; color: #CD991F; font-size: 13px; line-height:120%}
.uppernavtext {font-family: Georgia, "Times New Roman", Times, serif; color: #000000; font-size: 13px; line-height:150%}
.stayconnected {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LINK STYLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.staffpickslink A:link {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; text-decoration:none}
.staffpickslink A:visited {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; text-decoration:none}
.staffpickslink A:active {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; text-decoration:none}
.staffpickslink A:hover {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; text-decoration:none; background: #CD991F;}

.bestsellerslink A:link {font-family: Arial, Helvetica, sans-serif; color: #a7442a; font-size: 12px; text-decoration:none}
.bestsellerslink A:visited {font-family: Arial, Helvetica, sans-serif; color: #a7442a; font-size: 12px; text-decoration:none}
.bestsellerslink A:active {font-family: Arial, Helvetica, sans-serif; color: #a7442a; font-size: 12px; text-decoration:none}
.bestsellerslink A:hover {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; text-decoration:none; background: #004684;}

.footerlink A:link {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; text-decoration:underline}
.footerlink A:visited {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; text-decoration:underline}
.footerlink A:active {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; text-decoration:underline}
.footerlink A:hover {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; text-decoration:none; background: #CD991F;}

.uppernavlink {font-family: Arial, Helvetica, sans-serif; color: #333300; font-size: 11px; text-decoration:none}
.uppernavlink A:link {font-family: Arial, Helvetica, sans-serif; color: #333300; font-size: 11px; text-decoration:none}
.uppernavlink A:visited {font-family: Arial, Helvetica, sans-serif; color: #333300; font-size: 11px; text-decoration:none}
.uppernavlink A:active {font-family: Arial, Helvetica, sans-serif; color: #333300; font-size: 11px; text-decoration:none}
.uppernavlink A:hover {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; text-decoration:none; background: #CD991F;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	BUTTON STYLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.signupbutton {padding-top: 4px;}
.searchbutton {padding-top: 4px;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	COMMONG/SHARED STYLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.jbtakenotebody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	position:absolute;
	left:15px;
	top:20px;
	width:202px;
	height:138px;
	z-index:1;
}
.featured-products {
	width:241px;
	height:191px;
	z-index:6;
	background-image: url(images/featured-product-div-bg.png);
}
.clear-content {
	/*
	position:relative;
	z-index:1;
	float:none;
	*/
	position:relative;
	height:10px;
	visibility:visible;
	
	float:none;
}

.content-wrapper-cph-1
{
	/*float: left;*/
	float: none;
	/*width: 810px;*/
	width: 880px;
	color: #000;
	min-height: 300px;
	padding: 0px 10px 10px 10px;
}

.ContentHeader
{
	background-image: url(images/ContentHead-bg.gif);
	background-repeat: no-repeat;
	margin:0px -10px 0px -10px;
	min-height: 65px;
	height: 65px;
	width: 900px;
	position: relative;
	vertical-align: bottom;
}
.ContentHeaderSub
{
	height: 65px;
	width: 900px;
	position: relative;
	display: table-cell;
	vertical-align: bottom;
}

.ContentHeaderTitle
{
	margin-top: 26px;
	margin-left: 20px;
	position: relative;
	vertical-align: bottom;
}

.jbgmainbody  { color: #330000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 120% }