/* General Tags */
* {margin: 0px; padding: 0px;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #574724; text-align: center; background: #f7d4a2 url('../Images/gradbg.jpg') repeat-x;}
img {border: 0px; position: relative;}
a {color: #1c9ea3; position: relative; cursor: hand; cursor: pointer;}
.off {display: none; visibility: hidden;}
.on {display: inline; visibility: visible;}
h2 {width: 100%; height: auto; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; line-height: 26px; font-weight: normal; color: #906502; padding-bottom: 10px; float: left;}
h3 {width: 100%; height: auto; font-size: 16px; color: #816c4d; padding-bottom: 10px; float: left;}
form {margin: 0px; padding: 0px;}

/* Main Layout */
#BSJWhole {width: 1020px; height: auto; margin: 0px auto 0px auto; text-align: left;}
#BSJMainHome {width: 854px; height: auto; margin: 0px 0px 0px 90px; float: left;}
#BSJMain {width: 1020px; height: auto; margin: 0px; padding: 0px; float: left;}
#BSJLogo {width: 854px; height: 105px; float: left;}
.BSJLogo {width: 348px; height: 70px; margin-top: 10px; float: left;}
#BSJNewsletter {width: 506px; height: 105px; background: transparent url('../Images/signupbox.jpg') no-repeat; float: left;}
.BSJNewsletterFields {width: 485px; height: 30px; padding: 45px 0px 0px 21px; overflow: hidden; float: left;}
.BSJNewsletterFields label {margin-right: 5px; padding-top: 2px; float: left;}
.BSJNewsletterFields input {margin-right: 5px; float: left;}
.BSJNewsletterSubmit {margin-top: -3px; float: left;}
#BSJNewsletterMessage {width: 155px; height: auto; padding: 6px 0px 0px 10px; color: #ff0000; font-size: 10px; float: left; clear: none;}
#BSJCopyright {width: 854px; height: auto; padding: 0px 20px 10px 20px; color: #8f7e59; font-size: 11px; float: left;}
#BSJCopyright a {color: #8f7e59;}
#BSJCopyright .left {width: 550px; float: left;}
#BSJCopyright .right {width: 300px; float: left;}
#BSJRightAd {width: 160px; height: auto; margin: 0px; padding: 40px 0px 0px 0px; float: right;}

/* Drop Down Menus */
.drop {width: 158px; height: auto; padding: 5px; border-bottom: 1px solid #ffffff; color: #a07510; background-color: #fff3e1; cursor: hand; cursor: pointer;}
.dropHover {width: 158px; height: auto; padding: 5px; border-bottom: 1px solid #ffffff; color: #ffffff; background-color: #37b6c1; cursor: hand; cursor: pointer;}

/* Modules */
/* Navigation */
.BSJMainNav {width: 854px; height: 37px; position: relative; float: left;}
.BSJMainNav * {cursor: hand; cursor: pointer;}

/* Main Screen */
.BSJMainSplash[class] {width: 316px; height: 340px; padding: 0px 0px 0px 538px; background: transparent url('../Images/MainSplash.png') no-repeat; float: left;}
.BSJMainEvents[class] {width: 343px; height: 218px; padding: 50px 8px 10px 13px; background: transparent url('../Images/UpcomingEvents.png') no-repeat; float: left;}
.EventRow1 {width: 321px; height: auto; padding: 5px; margin-bottom: 1px; background: #d4fcff; color: #62512e; float: left;}
.EventRow2 {width: 321px; height: auto; padding: 5px; margin-bottom: 1px; background: #b0edf2; color: #62512e; float: left;}
.BSJMainEvents .Title {width: 180px; height: auto; float: left;}
.BSJMainEvents .Date {width: 90px; height: auto; float: right;}
.BSJMainEventsButton {width: 321px; height: auto; margin: 0px 0px 0px 5px; text-align: center; float: left;}
.BSJMainEventsButton p {margin: 5px 0px 0px 0px;}
.BSJMainFeature[class] {width: 428px; height: 238px; padding: 20px; background: transparent url('../Images/FeaturedProduct.png') no-repeat; float: left;}
.BSJMainMission[class] {width: 540px; height: 115px; padding: 35px 270px 10px 15px; background: transparent url('../Images/OurMission.png') no-repeat; float: left;}
.BSJMainMission p {margin: 0px 0px 10px 0px;}

.BSJMainFeature h2 {width: 272px; height: auto; float: left;}
.BSJMainFeature h3 {width: 272px; height: auto; color: #1c9ea3; float: left;}
.BSJMainFeature img {margin: 0px; float: right;}
.BSJMainFeature p {width: 272px; height: auto; margin: 0px 0px 10px 0px; float: left;}

/* Ads */
.BSJBottomBannerAd {width: 854px; height: 90px; text-align: center; float: left;}

/* Sub Pages */
.BSJFullContentTop[class] {width: 854px; height: 15px; background: transparent url('../Images/FullTop.png') no-repeat; float: left;}
.BSJFullContent[class] {width: 844px; height: auto; margin: 0px; padding: 0px 0px 15px 10px; background: transparent url('../Images/FullContent.png') repeat-y; float: left; clear: none;}
.BSJFullContentBottom[class] {width: 854px; height: 21px; background: transparent url('../Images/FullBottom.png') no-repeat; float: left;}

.BSJWidePanel {width: 854px; height: auto; float: left;}
.BSJWidePanelTop[class] {width: 854px; height: 20px; background: transparent url('../Images/WidePanelTop.png') no-repeat; float: left;}
.BSJWidePanelContent[class] {width: 770px; height: auto; padding: 10px 50px 0px 30px; background: transparent url('../Images/WidePanelContent.png') repeat-y; float: left;}
.BSJWidePanelBottom[class] {width: 854px; height: 35px; background: transparent url('../Images/WidePanelBottom.png') no-repeat; float: left;}
.BSJWidePanelContent ul {margin: 0px 0px 17px 20px;}
.BSJWidePanelContent h2 {font-size: 17px; line-height: 20px;}
.BSJWidePanelContent h2.head {line-height: 17px; margin-bottom: 17px;}
.BSJWidePanelContent p {margin-bottom: 17px; line-height: 17px;}

.BSJLeftNavTop[class] {width: 330px; height: 8px; background: transparent url('../Images/LeftNavTop.png') no-repeat; float: left;}
.BSJLeftNavContent[class] {width: 324px; height: auto; padding: 0px 0px 0px 6px; background: transparent url('../Images/LeftNavContent.png') repeat-y; float: left;}
.BSJLeftNavContent img {margin: 0px 0px 1px 0px; float: left; clear: both;}
.BSJLeftNavContent .SubNavigation {width: 289px; height: auto; margin: -1px 0px 0px 6px; padding: 5px 6px 0px 6px; background: #ffffff url(../Images/Navigation/SubNavigation.gif) no-repeat; float: left; clear: both;}
.BSJLeftNavContent .SubNavigation p {line-height: 18px; margin: 0px; padding: 0px;}
.BSJLeftNavContent .SubNavigation a {color: #574724;}
.BSJLeftNavContent .SubNavigation h3 {color: #574724; font-size: 14px; margin: 0px; padding: 0px; float: left;}
.BSJLeftNavContent .SubNavigation .Left {width: 130px; float: left;}
.BSJLeftNavContent .SubNavigation .Right {width: 150px; text-align: right; float: right;}
.BSJLeftNavContent .SubNavigation .Right img {float: right; clear: none;}
.BSJLeftNavContent .SubNavigationBottom {width: 301px; height: 6px; margin: 0px 0px 2px 6px; padding: 0px; font-size: 5px; background: #ffffff url(../Images/Navigation/SubNavigationBottom.gif) no-repeat; float: left; clear: both;}
.BSJLeftNavBottom[class] {width: 330px; height: 14px; background: transparent url('../Images/LeftNavBottom.png') no-repeat; float: left;}

.BSJLeftPanel {width: 330px; height: auto; float: left;}
.BSJLeftPanel h2 {padding-top: 5px; padding-bottom: 17px;}
.BSJLeftPanel h3 {color: #574724;}
.BSJLeftPanel p {width: 100%; margin-bottom: 17px; line-height: 17px; float: left;}
.BSJLeftPanel .Shopping {margin: 0px; padding: 0px; line-height: 30px;}
.BSJLeftPanel p.Shopping {width: 306px; margin: 0px; padding: 0px; font-size: 13px; line-height: 17px;}
.BSJLeftPanelTop[class] {width: 330px; height: 10px; background: transparent url('../Images/LeftPanelTop.png') no-repeat; float: left;}
.BSJLeftPanelContent[class] {width: 319px; height: auto; padding: 0px 0px 0px 11px; background: transparent url('../Images/LeftPanelContent.png') repeat-y; float: left;}
.BSJLeftPanelContentGallery[class] {width: 324px; height: auto; padding: 0px 0px 0px 6px; background: transparent url('../Images/LeftPanelContent.png') repeat-y; float: left;}
.BSJLeftPanelContent .Ad {border: 1px solid #ababab;}
.BSJLeftPanelTopFeatured[class] {width: 330px; height: 10px; background: transparent url('../Images/LeftFeaturedTop.png') no-repeat; float: left;}
.BSJLeftPanelTopFeaturedWomen[class] {width: 330px; height: 35px; background: transparent url('../Images/LeftFeaturedWomenTop.png') no-repeat; float: left;}
.BSJLeftPanelContentFeatured[class] {width: 300px; height: auto; padding: 0px 15px 0px 15px; background: transparent url('../Images/LeftFeaturedContent.png') repeat-y; float: left;}
.BSJLeftPanelBottomFeatured[class] {width: 330px; height: 17px; background: transparent url('../Images/LeftFeaturedBottom.png') no-repeat; float: left;}
.BSJLeftPanelContentFeatured p {margin: 10px 0px 10px 0px;}
.BSJLeftPanelContentFeatured img {margin: 0px 10px 10px 10px;}
.BSJLeftPanelBottom[class] {width: 330px; height: 20px; background: transparent url('../Images/LeftPanelBottom.png') no-repeat; float: left;}

.BSJLeftPanelContentBlog[class] {width: 324px; height: auto; padding: 0px 0px 0px 6px; background: transparent url('../Images/LeftPanelContent.png') repeat-y; float: left;}
.BSJLeftBlogTop[class] {width: 315px; height: 9px; background: transparent url('../Images/BlogTop.png') no-repeat; float: left;}
.BSJLeftBlogContent[class] {width: 300px; height: auto; padding: 0px 0px 0px 15px; background: transparent url('../Images/BlogContent.png') repeat-y; float: left;}
.BSJLeftBlogBottom[class] {width: 315px; height: 10px; background: transparent url('../Images/BlogBottom.png') no-repeat; float: left;}
.BSJLeftPanelContentBlog h2 {padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #327c7d; text-transform: uppercase;}

.BSJRightPanel {width: 500px; height: auto; float: left;}
.BSJRightPanel h2 {padding-top: 5px; padding-bottom: 17px;}
.BSJRightPanel h3 {color: #574724;}
.BSJRightPanel p {width: 100%; margin-bottom: 10px; line-height: 17px; float: left;}
.BSJRightPanel ul {width: 100%; margin: 0px 0px 10px 0px; float: left; clear: both; display: block;}
.BSJRightPanel ul li {width: 400px; margin: 0px 0px 10px 30px; vertical-align: top;}
.BSJRightPanelTop[class] {width: 500px; height: 10px; background: transparent url('../Images/RightPanelTop.png') no-repeat; float: left;}
.BSJRightPanelContent[class] {width: 450px; height: auto; min-height: 750px; padding: 0px 30px 0px 20px; background: transparent url('../Images/RightPanelContent.png') repeat-y; float: left;}
.BSJHeader {width: 340px; line-height: 26px; float: left; clear: left;}
.BSJFontSize {width: 93px; height: 24px; float: right; clear: right;}
#FontLarge {cursor: hand; cursor: pointer;}
#FontSmall {cursor: hand; cursor: pointer;}
.BSJPrintThisPage {width: 140px; padding-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; float: left; clear: both;}
.BSJRightPanelBottom[class] {width: 500px; height: 21px; margin-bottom: 10px; background: transparent url('../Images/RightPanelBottom.png') no-repeat; float: left;}

/* Main Screen Video Gallery */
.BSJMainVideos[class] {width: 310px; height: 285px; margin-top:-6px; padding-top: 0px; background: transparent url('../Images/MainVideos.png') no-repeat; float: left;}
.BSJMainVideo {width: 291px; height: 77px; margin: 0px 0px 2px 5px; padding: 2px; background: transparent url('../Images/MainVideo.gif') no-repeat; float: left;}
.BSJMainVideoButton {width: 285px; height: auto; margin: 2px 0px 0px 5px; text-align: center; float: left;}
.BSJMainVideo h2 {width: 178px; margin: 3px 0px 3px 0px; padding: 0px; font-size: 14px; line-height: 16px; float: left; clear: right;}
.BSJMainVideo p {width: 178px; line-height: 16px; float: left;}
.BSJMainVideo img {margin-right: 5px; float: left;}
.BSJMainVideo p img {margin-right: 5px; float: none;}

/* Video Gallery */
#BSJFlashPlayer {width: 100%; height: auto; margin: 0px 0px 10px 0px; float: left;}
#BSJFlashXML {width: 100%; height: auto; margin: 0px 0px 10px 0px; float: left;}
.BSJFlashPlayer {width: 320px; height: 260px; margin: 0px 0px 10px 10px; float: left;}
.BSJVideoDiv {width: 100%; height: auto; margin: 0px 0px 10px 0px; padding-bottom: 10px; border-bottom: 1px solid #e4d7ba; clear: both; float: left;}
.BSJVideoDiv img {border: 1px solid #e4d7ba; margin: 2px 10px 10px 0px; cursor: hand; cursor: pointer; float: left; clear: left;}
.BSJVideoDiv p {width: 300px; height: auto; display: block; float: left;}
.BSJVideoDiv a {text-decoration: underline; cursor: hand; cursor: pointer;}

/* Photo Gallery */
.photo {border: 1px solid #1c9ea3;}

/* Left Gallery */
.BSJLeftPanelContentGallery img {cursor: hand; cursor: pointer;}
#Gallery {cursor: default;}

/* Page Headers */
#BSJHeader {width: 830px; height: 147px; float: left;}
.AboutBonnie[class] {background: transparent url('../Images/Headers/AboutBonnie.png') no-repeat;}
.Resources[class] {background: transparent url('../Images/Headers/Resources.png') no-repeat;}
.Newsroom[class] {background: transparent url('../Images/Headers/Newsroom.png') no-repeat;}
.VideoGallery[class] {background: transparent url('../Images/Headers/VideoGallery.png') no-repeat;}
.RadioShows[class] {background: transparent url('../Images/Headers/RadioShows.png') no-repeat;}
.ContactBonnie[class] {background: transparent url('../Images/Headers/ContactBonnie.png') no-repeat;}
.Shop[class] {background: transparent url('../Images/Headers/Shop.png') no-repeat;}
.General[class] {background: transparent url('../Images/Headers/General.png') no-repeat;}

/* Shop Styles */
.BSJRightPanelContent h2.Shopping .BSJCategories {font-size: 13px; font-style: normal;}
.BSJRightPanelContent h2.Shopping .BSJCategories a {color: #1c9ea3;}
.BSJItem {width: 441px; height: 120px; margin: 0px 0px 10px 0px; padding: 5px; font-size: 16px; line-height: 18px; background: transparent url('../Images/Item.gif') no-repeat; overflow: hidden; float: left;}
.BSJItem h2 {width: 345px; margin: 3px 0px 0px 0px; padding: 0px; color: #9e7a3c; font-size: 16px; line-height: 22px; float: right; clear: right;}
.BSJItem a {color: #906502;}
.BSJItem p {width: 345px; margin-bottom: 10px; font-size: 13px; line-height: 17px; float: right;}
.BSJItem p.Right {text-align: right;}
.BSJItem img {border: 1px solid #9e7a3c; margin: 5px 0px 30px 0px; float: left;}
.BSJItem p.Right .Price {color: #7a7a79; float: right; clear: none;}
.BSJItem p.Right .OldPrice {color: #7a7a79; float: right; clear: none;}
.BSJItem p.Right .SalePrice {color: #1c9ea3; font-weight: bold; float: right; clear: none;}
.BSJItem p.Right input {margin: 0px 0px 0px 5px; float: right;}

.BSJSimilarItems[class] {width: 330px; height: 325px; padding-top: 40px; background: transparent url('../Images/SimilarItems.png') no-repeat; float: left;}
.BSJSimilarItem {width: 300px; height: 94px; margin: 0px 0px 2px 9px; padding: 3px; font-size: 16px; line-height: 18px; background: transparent url('../Images/SimilarItem.gif') no-repeat; overflow: hidden; float: left;}
.BSJSimilarItem h2 {width: 188px; margin: 3px 0px 0px 0px; padding: 0px; color: #9e7a3c; font-size: 16px; line-height: 18px; clear: right;}
.BSJSimilarItem p {width: 188px; float: left;}
.BSJSimilarItem img {margin-right: 5px; border: 1px solid #d1ba99; float: left;}
.BSJSimilarItem .Price {color: #7a7a79;}
.BSJSimilarItem .OldPrice {color: #7a7a79;}
.BSJSimilarItem .SalePrice {color: #1c9ea3; font-weight: bold;}
.ProductInformation {width: 165px; height: auto; margin: 0px 0px 10px 15px; text-align: center; float: right; clear: none;}
.Description {width: 270px; height: auto; float: left;}
.ProductPrice {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 38px; font-weight: bold; color: #9e7a3c;}
.Quote {width: 155px; height: auto; margin: 0px 0px 10px 10px; padding: 10px 0px 10px 0px; border: 2px dotted #e9ca8c; border-left: 0px; border-right: 0px; text-align: left; float: right; clear: none;}
.ProductInformation .Quote {width: 100%; height: auto; margin: 20px 0px 10px 0px; padding: 10px 0px 10px 0px; border: 2px dotted #e9ca8c; border-left: 0px; border-right: 0px; text-align: left; float: left; clear: both;}
.Quote .Quotation {width: 100%; height: auto; margin: 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 22px; font-weight: normal; color: #119da0; float: left;}
.Quoter {margin-top: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align: right;}

hr {width: 100%; color: #d1ba99; background-color: #d1ba99; float: left; clear: both;}
hr.Margins {color: #d1ba99; background-color: #d1ba99; margin: 17px 0px 17px 0px;}
h2.Account {padding-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;}
h2.Shopping {font-style: italic;}
h2.Shopping a {color: #906502;}
h3.Shopping {color: #1c9ea3;}
form.Account {width: 100%; height: auto; margin: 0px 0px 17px 0px; float: left;}
form.Account label {width: 180px; height: auto; margin: 0px 10px 5px 0px; font-weight: bold; float: left; clear: both;}
form.Account label.Ext {width: auto; height: auto; margin: 0px 1px 5px 1px; font-weight: normal; float: left; clear: none;}
form.Account label.Italic {width: 300px; height: auto; margin: 0px 0px 10px 5px; font-weight: normal; font-style: italic; float: left; clear: none;}
form.Account label.Small {width: auto; height: auto; margin: 0px 5px 0px 5px; float: left; clear: none;}
form.Account input {margin: 0px 0px 5px 0px; float: left;}
form.Account textarea {width: 400px; margin: 0px 0px 5px 0px; float: left;}
form.Account input.Check {margin: 0px 0px 5px 0px; float: left; clear: left;}
form.Account input.PromoCode {margin: 0px 5px 5px 0px; float: left;}
form.Account select {margin: 0px 0px 5px 0px; float: left;}
form.Account select.Date {width: 80px;}
.Date option {width: 80px;}
form.Account .Submit {margin-top: 5px; float: left; clear: both;}
form.Account .Hidden {display: none; visibility: hidden;}

/* Resources Styles */
h3.ResourcesHeading {width: 320px; height: auto; margin: 0px 0px 10px 0px; padding: 0px; float: left;}
p.ResourcesParagraph {width: 320px; height: auto; margin: 0px 0px 10px 0px; padding: 0px; float: left;}
.ResourcesFeatured {width: 100%; height: auto; float: left;}
.ResourcesFeaturedImage {width: 108px; height: auto; margin: 0px 10px 10px 0px; float: left;}
select.Articles {width: 180px;}
select.Articles option {width: 180px;}
.EventDate {font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #906502;}
.LargeFont .EventDate {font-size: 18px;}
.BSJRightPanelContent h3.excerpts {margin-top:30px;}
#resextlinksubtext {font-size:10px;}

/* Shopping Cart */
div.Account {width: 100%; height: auto; margin: 10px 0px 17px 0px; float: left;}
.Account table {width: 443px; height: auto; background: #ffffff url(../Images/ShoppingCart/TableHead.gif) no-repeat;}
.Account thead {width: 443px; height: 22px; color: #ffffff;}
.Account td {padding: 3px; background-color: transparent;}
.Account td.Update {text-align: right;}
.Account td.Update input {margin: 0px; float: right;}
.Account td.SubTotal {padding: 3px; text-align: right;}
.Account td.Total {padding: 10px 3px 10px 3px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #d1ba99; text-align: right;}
.Account td.Information {padding: 10px 3px 3px 3px; font-size: 10px;}
.Account table .Alt {background-color: #fffaf4;}
#CheckOut {float: right;}

/* Blog Comments */
h3.Entry a {color: #574724; text-decoration: none;}
h3.Entry a:hover {color: #574724; text-decoration: underline;}
h3.Comment {margin-top: 5px;}
.BSJComment {width: 431px; height: auto; margin: 0px 0px 17px 0px; padding: 5px 10px 5px 10px; background: #fdf4e8 url(../Images/BlogComment.gif) repeat-x; float: left;}
.BSJComment p {width: 100%; height: auto; margin: 0px 0px 10px 0px; float: left;}
.BSJCommentAuthor {color: #906502; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;}
.BSJCommentDate {color: #1c9ea3; font-family: Georgia, "Times New Roman", Times, serif;}
.BSJCommentNote {font-size: 10px;}

/* Message Code Classes */
.message0 {width: 100%; height: auto; margin: 0px 0px 10px 0px; font-size: 10px; color: #999999; float: left; clear: both;}
.message1 {width: 100%; height: auto; margin: 0px 0px 10px 0px; font-size: 10px; color: #ff0000; float: left; clear: both;}
.message2 {width: 100%; height: auto; margin: 0px 0px 10px 0px; font-size: 10px; color: #999999; float: left; clear: both;}

/* Font Size Changes */
.LargeFont, .LargeFont * {font-size: 16px;}
.LargeFont .BSJHeader, .LargeFont .BSJHeader * {font-size: 22px; line-height: 26px;}
.LargeFont .BSJPrintThisPage, .LargeFont .BSJPrintThisPage * {font-size: 11px;}
.LargeFont .Quote .Quotation {font-size: 18px; line-height: 22px;}
.LargeFont .Quote .Quoter {font-size: 10px;}
.LargeFont h2.Shopping, .LargeFont h2.Shopping * {font-size: 22px; line-height: 26px;}
.LargeFont .BSJItem {height: 128px; padding: 1px 5px 1px 5px;}
.LargeFont .BSJItem p, .LargeFont .BSJItem p * {font-size: 16px;}
.LargeFont .Account label {font-size: 13px;}
.LargeFont .BSJCommentAuthor {font-size: 18px;}