/* -- Homepage -- */
#topHeader { width: 900px; margin: 0 auto; background-color: #FFF; height: 100px; }

#logo { width: 323px; height: 100px; float: left; border: 0; }
#logoDiv { width: 323px; height: 100px; float: left; }
#soaps { width: 128px; height: 66px; }

#topMenuDiv { width: 563px; height: 25px; padding: 9px 14px 0px 0px; float: right; text-align: right; color: #555555; font-size: 11px; }
#topMenuDiv a { color: #815f37; }
#searchAndSoaps { width: 577px; height: 66px; float: right; }
#searchDiv { width: 449px; float: left; }
#soapsDiv { width: 128px; float: right; }

.logout { text-size= 6pt; }

#creditsDiv {  margin: auto; width: 900px; }
#credits { float: right; }

#mainHomeBody { clear: both; width: 900px; margin: 0 auto; height: 720px; background: url(graphics/spacer1.gif) left bottom repeat-y; }
#mainHomeBody:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html>body #mainHomeBody { height: auto; min-height: 720px; }

#mainMenuDiv { background: #A06A2F url(graphics/menu_bg.jpg) left top repeat-x; width: 146px; float: left; height: 685px; padding: 15px 0px 0px 14px; }

#homeContent { background: #E9E2DA url(graphics/main_bg.jpg) left top repeat-x; width: 740px; float: right; height: 680px; padding: 20px 0px; }
html>body #homeContent { height: auto; min-height: 680px; }


#homeBoxesLeft { margin: 0px 20px; width: 220px; float: left; }
#introPic { width: 220px; height: 79px; border: 0; vertical-align: bottom; }
#welcomeSpan { font: bold 14px/20px Arial, Helvetica, sans-serif; color: #555555; }
.homeText { padding-top: 5px; font: normal 12px/20px Arial, Helvetica, sans-serif; color: #555555; }
.homeTextFloated { background: #FFF: padding-top: 5px; font: normal 12px/20px Arial, Helvetica, sans-serif; float: left; color: #555555; width: 113px; }
.boxContent { width: 196px; padding: 0px 12px 7px 12px; background-color: #FFF; }
.boxContent2 { width: 206px; padding: 0px 2px 7px 12px; background-color: #FFF; }
#boxContentPadding { padding-top: 12px; }
#memberBox { height: 95px; }

#joinBox { padding: 15px 0px 0px 0px; width: 220px; height: 88px; }
#joinBox2 { padding: 0px; margin-top: 15px; width: 220px; height: 88px; background: url(graphics/join_bg.png) no-repeat; }
#joinBoxImg { width: 220px; height: 88px; border: 0; }
#joinText { width: 127px; float: left; color: #313132; font: bold 12px/17px Arial, Helvetica, sans-serif; padding: 10px 0px 0px 10px; }
#joinText a:hover { text-decoration: none; }

.boxBottom { width: 220px; height: 10px; }
.boxBottomImg { width: 220px; height: 10px; vertical-align: top; }

#homeBoxesMid { margin-right: 20px; width: 220px; float: left; }
.boxTop { height: 13px; width: 220px; vertical-align: bottom; }
#homeNewsSpan { color: #815F37; font: bold 11px Arial, Helvetica, sans-serif; }
#homeNewsDiv { }
#homeMemberCenter { color: #0C6DBF; font: bold 15px Arial, Helvetica, sans-serif; }

#homeBoxesRight { margin-right: 20px; width: 220px; float: right; }
#homeAdvocacySpan { color: #815F37; font: bold 11px Arial, Helvetica, sans-serif; }
.homeAdvocacyDiv { }

.searchBoxSubmitLink { text-decoration: none; color: #555555; font: normal 11px Arial, Helvetica, sans-serif; }
.searchInput { padding: 30px 0px 0px 200px; }

.topMenuLinks { text-decoration: none; color: #555555; font: normal 11px Arial, Helvetica, sans-serif; }
.topMenuLinks:hover { text-decoration: underline; }

#naturalSeal { width: 60px; height: 60px; border: 0; padding: 8px 10px 0px 0px; }
#gmp { width: 71px; height: 54px; border: 0; padding-top: 8px; float: left; }
#gmp2 { width: 60px; height: 46px; border: 0; padding-top: 8px; float: left; }
#buyersGuideHome { width: 50px; color: #8D5723; font: bold 11px/13px Arial, Helvetica, sans-serif; padding-top: 5px; height: 60px; float: left; }
#buyersGuideHome a { color: #8D5723; font: bold 11px/13px Arial, Helvetica, sans-serif; }
#buyersGuideHomeRight { float: right; padding-left: 20px; width: 126px; font-size: 11px; font-weight: bold; }

#careerCenterHome { width: 60px; color: #0C6DBF; font: bold 11px/13px Arial, Helvetica, sans-serif; padding-top: 13px; height: 57px; float: left; }
#careerCenterHomeRight { float: right; padding-left: 10px; width: 126px; font-size: 11px; font-weight: bold; }

#sealText { height: 60px; padding-top: 8px; font-size: 11px; font-weight: bold; }
#sealText2 { height: 200px; padding-top: 8px; font-size: 11px; font-weight: bold; }
#gmpText { height: 54px; padding-top: 8px; float: right; width: 115px; font-size: 11px; font-weight: bold; }
#gmpText2 { padding-top: 8px; font-size: 11px; font-weight: bold; }
#grayLink { color: #555555; }
#grayLink:hover { text-decoration: none; }

#buyersForm { width: 196px; }

#marketplaceHome { width: 70px; height: 50px; float: left; }
#marketplaceHome2 { width: 60px; height: 43px; float: left; }
#marketplaceGraphic { width: 70px; height: 50px; }
#marketplaceGraphic2 { width: 60px; height: 43px; }
#marketplaceGraphic3 { width: 60px; height: 37px; padding-top: 5px; }
#marketplaceHomeRight { width: 116px; float: right; padding-left: 10px; font-size: 11px; font-weight: bold; }
#marketplaceHomeRight2 { width: 125px; float: right; font-size: 11px; font-weight: bold; padding-left: 8px; }

#assuranceDiv { width: 66px; float: left; }
#assuranceDivRight { width: 122px; padding-left: 8px; float: right; }
#assuranceGraphic { border: 0; height: 46px; width: 66px; }

#term { padding: 0; margin-top: 10px; width: 130px; }
#rightSearch { width: 46px; padding-top: 13px; padding-left: 5px; float: right; font: normal 11px Arial, Helvetica, sans-serif; color: #555555; }
#grayFormLink { color: #555555; }

.myaccountHeading { color: #555555; font-size: 18pt; margin-top: 2px; }

#nm10Banner { width: 900px; height: 100px; margin: 0 auto; }

/* -- End Homepage -- */

/* -- Interior Styles -- */

#mainIntBody { clear: both; width: 900px; margin: 0 auto; height: 700px; background: url(graphics/spacer1.gif) left bottom repeat-y; }
#mainIntBody:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html>body #mainIntBody { height: auto; min-height: 700px; }

#intContent { background: #E9E2DA url(graphics/main_bg.jpg) left top repeat-x; width: 740px; float: right; height: 680px; padding: 20px 0px 13px 0px; }
html>body #intContent { height: auto; min-height: 680px; }
#intContentBox { float: left; margin-left: 20px; width: 480px; }

#contentTopCurve { width: 460px; height: 13px; border: 0; vertical-align: bottom; }
.intBoxContent { width: 436px; padding: 0px 12px 7px 12px; background-color: #FFF; height: 630px; }
html>body .intBoxContent { height: auto; min-height: 630px; }
#intContentPadding { padding-top: 1px; }

#mainMenuDivInt { background: #A06A2F url(graphics/menu_bg.jpg) left top repeat-x; width: 146px; float: left; height: 685px; padding-top: 15px; padding-left: 14px; }

#contentBoxBottom { width: 460px; height: 13px; }
#contentBoxBottomImg { width: 460px; height: 13px; vertical-align: top; }

#SIDIWrapper { width: 900px; height: 860px; }
#SIDIWrapper a { color: #ff8c0d; }
#SIDILeft { background-color: #0f7254; color: #fff; width: 257px; height; 860px; float:left; }
#SIDILeft2 { padding: 10px 15px; float: left; background-color: #0f7254; width: 227px; }
#SIDIContent { width: 540px; padding: 5px 0px; margin: 0 auto; float: right; }
#SIDIFooter { width: 900px; margin: 0 auto; clear: both; padding: 30px 0px 0px 0px; }

#addThisTag { padding-top: 30px; }

.gray { color: #555555; }

/* -- End Interior -- */

/* ---------------Global Styles--------------- */
a { color: #0083CB; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
a:visited { color: #660000; }
h1 { color: #555555; font-size: 16pt; margin-top: 2px; }
h2 { color: #0083cb; font-size: 12pt; margin-bottom: 2px; }
h3 { color: #A06A2F; font-size: 12pt; margin-bottom: 2px; }
h4 { color: #555555; font-size: 9pt; margin: 0px; margin-bottom:-12px; padding:0; }
h5 { color: #000; font-size: 9pt; margin: 0px; }

img { border: 0; }

li { margin-bottom: .8em; }

body { color: #555555; }
#page { background: #c0c0c0; }
body, p, td, div { font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; }

.container { width: 950px; margin:0 auto; padding: 0; background: #fff;  clear: both; }
form, input { padding:0; margin:0; }
.center { text-align: center; }
/* End Global Styles */

/* ---------------General Module Styles--------------- */
.itemCount { }
.itemList { clear: both; } 
.itemList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.itemList h2 a { text-decoration: none; }
.itemList h2 a:hover { text-decoration: underline; }
.itemList span { display: block; }
.itemLabel { font-style: italic; font-weight: bold; }
.itemLabel { font-style: italic; font-weight: bold; }
.itemLabel2 { font-style: italic; font-weight: bold; }
.itemList span.itemLabel { display: inline; }
.bottomNavigation { clear: both; padding-top: 30px; }
.goBack { }
.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */

/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; }
.pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; }
.pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; }
/* End Pagination */

/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */

/* ModuleBegin::news */
.newsWrapper .headline { font-weight: bold; color: #555555; font-size: 14px; }
.newsWrapper .headline a { color: #555555; text-decoration: none; }
.newsWrapper .headline a:hover { text-decoration: underline; }
.newsWrapper .publish, .newsWrapper .author, .newsWrapper .copyright { color: #777; font-size: smaller; }
.newsWrapper .blurb { }
.newsWrapper .content { }
.newsWrapper .newsitem { padding-bottom: 1em; }
.newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
/* ModuleEnd::news */


/* MenuBegin:main_menu */
ul.main_menu ,ul.main_menu li,ul.main_menu ul { margin: 0; border: 0; padding: 0; list-style: none; width: 134px; }
ul.main_menu li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ }

/* 1st Level */
ul.main_menu a { color: #fff; background: #A06A2F; text-decoration: none; border-bottom: 2px solid #C6A682; text-align: left; padding: 5px 0px; font: bold 12px/18px Arial, Helvetica, sans-serif; display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.main_menu a:hover,
ul.main_menu li:hover a,
ul.main_menu a:hover,
ul.main_menu li.over a { color: #000; background: #A06A2F; text-decoration: none; }
ul.main_menu a.last { border-bottom: 0; }

/* 2nd Level */
ul.main_menu li:hover li a,
ul.main_menu li.over li a { color: #fff; background: #0083CB; text-decoration: none; border-left: 2px solid #FFF; border-right: 2px solid #FFF; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; padding: 5px 4px; width: 170px; }
ul.main_menu li.over li a.first { border-top: 2px solid #FFF; }
ul.main_menu li.over li a.last { border-bottom: 2px solid #FFF; }
ul.main_menu li:hover li a:hover,
ul.main_menu li:hover li:hover a,
ul.main_menu li.over li a:hover,
ul.main_menu li.over li.over a { color: #000; background: #0083CB; text-decoration: none; }

/* 3rd Level */
ul.main_menu li:hover li:hover li a,
ul.main_menu li.over li.over li a { color: #fff; background: #5D8D3F; text-decoration: none; }
ul.main_menu li:hover li:hover li a:hover,
ul.main_menu li:hover li:hover li:hover a,
ul.main_menu li.over li.over li a:hover,
ul.main_menu li.over li.over li.over a { color: #000; background: #5D8D3F; text-decoration: none; }

ul.main_menu ul { display: none; position: absolute; top: 0; left: 134px; }
ul.main_menu ul ul { display: none; position: absolute; top: 0; left: 180px; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul.main_menu li:hover ul ul,ul.main_menu li.over ul ul { display: none; }
ul.main_menu li:hover ul,ul.main_menu ul li:hover ul,ul.main_menu li.over ul,ul.main_menu ul li.over ul { display: block; }
ul.main_menu .nav:after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; }
/* MenuEnd:main_menu */


/* ModuleBegin::membership */

/* ---------------
MyAccount
----------------- */
.myaccountTitle { color: #555555; font-size: 18pt; margin-top: 2px; }
.myaccountOdd { list-style-type:none; color: #a06a2f; font-size: 12pt; }
.myaccountEven { list-style-type:none; color: #a06a2f; font-size: 12pt; }
.myAccountLink a:visited { color: #4b5e8d; }


/* ModuleBegin::events */

/* ---------------
Events Lister
----------------- */
.eventsListerWrapper { }
.eventsListerWrapper table { empty-cells: show }
.eventsListerWrapper .col1, .eventsListerWrapper .col2, .eventsListerWrapper .col3 { border-bottom: black 1px solid; }
.eventsListerWrapper .col1, .eventsListerWrapper .col2 { border-right: black 1px solid; }

/* ---------------
Events Detail
----------------- */
.eventsDetailWrapper { }
.eventDate, .eventsDetailWrapper .eventTime, .eventsDetailWrapper .eventLocationMap, .eventsDetailWrapper .eventLocationAddress,
  .eventsDetailWrapper .eventLocationDriving, .eventsDetailWrapper .eventContact, .eventsDetailWrapper .eventPhone,
  .eventsDetailWrapper .eventEmail, .eventsDetailWrapper .eventRSVP, .eventsDetailWrapper .eventTicket,
  .eventsDetailWrapper .eventTicket1, .eventsDetailWrapper .eventTicket2 ,.eventsDetailWrapper .eventTicket3,
  .eventsDetailWrapper .eventTicket4, .eventsDetailWrapper .eventTicket5, .eventsDetailWrapper .eventTicket6 { display: block; }
.eventLocation, .eventRSVP, .eventTicketWrapper{ padding: 5px 0px; }
.eventDate {  }
.eventTime {  }
.eventLocation { }
.eventLocationMap {  }
.eventLocationAddress {  }
.eventLocationDriving {  } 
.eventContact {  }
.eventPhone {  }
.eventEmail {  }
.eventRSVP {  }
.eventTicketWrapper { }
.eventTicket {  }
.eventBody { }

/* ----------------------
Events Small Calendar
------------------------ */
.calendarSmallWrapper { font-size: 12px; background: transparent; }
.cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: transparent; }
.calPrev { position: absolute; top: 4px; left: 15px; }
.calNext { position: absolute; top: 4px; right: 15px; }
.calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
.calPrev a, .calNext a, .calMonth a { text-decoration: none; }
.calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; }
.calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; }
.calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; }
.calGrid tr.calWeek { font-weight: bold; text-align: center; }
.calDayOn a { font-weight: bold; text-decoration: underline; }
.calDayOn a:hover { text-decoration: none; }
.calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #000; color: white; font-weight: bold; }
.calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; }
.calBottom { text-align: left; padding-left: 20px; }
.calMonthGlance { padding: 5px 0px 3px 0px; }
.calBottom a {  }

/* ----------------------
Events Month at a Glance
------------------------ */
#calendarDetail { background: #fff url('graphics/events/atglance_bottom.jpg') no-repeat bottom; padding-bottom: 30px; width: 547px; }
#calendarDetail table { background: #999; width: 100%; table-layout: fixed; }
#calendarDetail .calendarMonths { background: #e8e8e8 url('graphics/events/atglance_top.jpg') no-repeat; text-align: center; vertical-align: middle; padding-top: 3px; padding-left: 12px; border-left:1px solid #fff; border-right:2px solid #fff; width:100%; }
#calendarDetail a { text-decoration: none; }
#calendarDetail a:hover { text-decoration: underline; }
#calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; color: ##1e7dc1; }
#calendarDetail .calendarMonths a:hover { color: #1e7dc1; }
#calendarDetail .calendarDays { /* border-collapse: collapse; */ table-layout: fixed; background: #fff; width:100%; }
#calendarDetail .calendarDays td { background:#eee; }
#calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #333333; padding: 10px 0px 10px 0px; background: #bbb; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #bbb; }
#calendarDetail .title a { font-size: x-small; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { font-size: small; }
#calendarDetail .calendarDays td { text-align: center; font-size: x-small; line-height:  1.1em; }
#calendarDetail .calendarDays .weekdays { height: 30px; background-color: #ccc; }
#calendarDetail .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #eee; }
#calendarDetail .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #fdf9ea; padding-left: 5px; }
#calendarDetail .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }
#calendarDetail .calendarDays .eventOn { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }

/* ---------------
Events Box
----------------- */
.eventsBoxWrapper { }
.eventsBoxWrapper .itemList { padding-bottom: 10px; }
.eventsBoxWrapper .eventDate { color: #777; }
/* ModuleEnd::events */



/* ModuleBegin::gendocs */
.webpageWrapper { }
/* ModuleEnd::gendocs */

/* ModuleBegin::membership */
#formLogin { margin:0 auto; border: 1px solid #ccc; padding: 20px; width:275px; }
.membershipLoginWrapper { }
.memberLoginBox { margin: 0 auto; }
.memberLoginBox td { padding: 2px; }
.memberUser { }
.memberPassword { }
.memberRemember { }
.memberForgot { }
.memberSubmit { }


/* ModuleEnd::membership */

#directoryListHeadline { padding-bottom: 10px; }

/* ModuleBegin::broadcastemail */
.enewsWrapper div { }
.enewsWrapper span { display: block; }
.enewsText { }
.enewsEmail { }
/* ModuleEnd::broadcastemail */

/* ModuleBegin::faq */
#faqRoot { margin: 0 auto; padding: 0; }
#faq .faqcontent { margin: 0 10px 0 15px; }
#faq h2.faqopened, #faq h2.faqclosed { cursor: pointer; padding: 0 0 0 15px; margin-bottom: 0; }
#faq h2.faqclosed:hover { color: #004469; }
#faq h2.faqclosed { background: transparent url(graphics/jquery/collapsed.gif) no-repeat scroll 0 5px; margin-bottom: 5px; }
#faq h2.faqopened { background: transparent url(graphics/jquery/expanded.gif)  no-repeat scroll 0 5px; }
/* ModuleEnd::faq */

/* ModuleBegin::Store Locator */
.directoryListHeadline { font-size: 14px; font-weight: bold; }
/* End Store Locator */

/* ModuleBegin::photo */
/* Photo Lister */
.photoAlbumListerWrapper {border:1px solid #ccc;padding:10px;margin:0 10px 10px 0;width:160px;float:left;}
.photoAlbumListerWrapper:hover {border:1px solid #86AC63;}
.photoAlbumListerWrapper span {display:block;}
.photoAlbumListerWrapper img {padding-bottom:5px;}
.photoAlbumListerWrapper .photoAlbumImage {width:160px;height:150px;overflow:hidden;}
.photoAlbumListerWrapper .photoAlbumName {height:20px;overflow:hidden;}
.photoAlbumListerWrapper .photoAlbumDescription {height:55px;overflow:hidden;}

/* Photo Thumbnails */
.photoAlbumDescription span {color:#ccc;font-size:90%;}
.thumbnail {float:left; margin:0 10px 10px 0;border:1px solid #ccc;padding:5px;position:relative;width:150px;}
.thumbnail:hover {border:1px solid #86AC63;}
.thumbnail img {padding-bottom:5px;}
.thumbnail span {height:20px;width:150px;overflow:hidden;display:block;}

/* Photo Detail */
.photoAlbumDetail{margin:10px 0;}
.photoRemote-3 {width:400px;height:20px;padding:4px;margin:0 auto;}
.photoRemote-3 span{width:80px;height:20px;background-color:#fff;text-align:center;float:left;}
.photoRemote-3 span a{display:block;width:76px;height:20px;margin:0 1px;background-color:#fff;color:#888;border:1px solid #ccc;text-decoration:none;}
.photoRemote-3 span a:hover,div.photoRemote-3 span a:active{border:1px solid #86AC63;color:#000;}
.photoAlbumbody{clear:both;}
.photoGalleryImage div {margin:0 auto;}
.photoGalleryImage img {border:1px solid #ccc;padding:5px;}
.photoGalleryImage,.photoPagnationTD{text-align:center;color:#888;}
/* ModuleEnd::photo */