/* Site Layout */
html { overflow: auto; } /* Suppress unnecessary IE7 Scrollbars */
body { padding: 0px; margin: 0px; font: 11px Verdana, sans-serif; line-height: 17px; background-color: #ffffff; color: #555555; }
#MainBody {  background: #f4f4f4 url(PageBackground-988-1.gif) center repeat-y } /* Don't do it on popups, only on full pages */
   
#MainBody #Wrapper { margin: 2px auto 2px auto; width: 900px; padding: 0px; background: #ffffff; }
   
#Navigation { margin: 10px auto 0px auto; width: 680px; list-style-type: none; font-size: 12px; }
#Navigation li { float: left; display: block; position: relative; }

#NavigationA { width: 60px; }
#NavigationB { width: 130px; }
#NavigationC { width: 75px; }
#NavigationD { width: 120px; }
#NavigationE { width: 75px; }
#NavigationF { width: 90px; }
#NavigationG { width: 130px; }

#Navigation li ul { position: absolute; display: none; padding: 0px; margin: 0px; left: 0px; }
#Navigation li>ul {	top: auto; left: 0px; }

#Navigation a { display: block; margin: 0px 10px 0px 00px; border-left: 1px dotted #444444; padding-left: 10px; text-decoration: none; height: 100%; /*Silly IE 6 hack, so the menu's don't lose the hover */ }
* html #Navigation a { background: #ffffff; }
    
#Navigation ul a { width: 100px; padding: 6px 10px 6px 10px; margin-top: -1px; color: #777; border: none; background: url(NavigationNormal-120-30.png) repeat-x; }

#Navigation ul a.Last { background: url(NavigationFooter-120-30.png); }    
* html #Navigation ul a.Last { background: url(NavigationFooter-120-30.gif); }    

#Navigation a:hover { color: #000000; }
#Navigation li:hover ul, #Navigation li.over ul { display: block; }




#MainBody #Header { height: 250px; margin: 10px 0px 10px 0px; background: url(PageHeader-900-250c.jpg) no-repeat; }
#MainBody #HeaderMainTitle { width: 350px; padding: 40px 0px 0px 95px; margin: 0px; color: #ffffff; }
#MainBody #HeaderMainTitle h1 { font-size: 26px; }

/*
#MainBody #Header { height: 250px; margin: 0px 0px 10px 0px; background: url(PageHeader-900-250b.jpg) no-repeat; }
#MainBody #HeaderMainTitle { width: 330px; padding: 50px 0px 0px 515px; margin: 0px; color: #ffffff; }
#MainBody #HeaderMainTitle h1 { font-size: 24px; }
*/
* html #MainBody #HeaderMainTitle {padding: 80px 0px 0px 165px; } /* IE6 Box-Model */


#MainBody #ContentTop { width: 910px; height: 12px; background: url(RoundedContentTop-900-10.jpg) no-repeat; padding: 0px; margin: 0px; height: 10px; }
* html #MainBody #ContentTop { margin-bottom: -3px; } /* IE 6, Eliminates "break" */
#MainBody #Content { width: 878px; border-right: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; padding: 10px; }
#MainBody #ContentBottom { clear: both; height: 10px; background: url(RoundedContentBottom-900-10.jpg) no-repeat; }

#MainBody #Footer { clear: both; margin-top: 10px; text-align: center; }


/* TinyMCE */

#Content .ContentControlTinyMCE { height: 600px; width: 99%; }


/* Photo Gallery */

#Content .GalleryFeatures { width: 160px; margin-top: 11px; float: right; height: 100%; }

/* Double rules to hack IE6, would rather use a > child selector */
#Content .GalleryFeatures div { padding-bottom: 6px;  border-left: solid 1px #d3d3d3; border-right: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3; text-align: center; margin-bottom: 20px; }
#Content .GalleryFeatures div div { border: none; margin-bottom: 20px; padding: 0px; }
#Content .GalleryFeatures div div div { margin: 0px; padding: 0px; }

#Content .GalleryFeatures h1 { font-size: 16px; font-weight: bold; color: #444444; background: url('ContentDividerTileLight-4-14.gif') repeat-x; padding: 6px; margin: 0px 0px 10px 0px; }
#Content .GalleryFeatures h2 { padding: 0px; margin: 10px 0px 0px 0px; color: #444444; border: none; }
#Content .GalleryFeatures .GalleryFeaturesCartCheckOut { margin: 30px 0px 20px 0px; }
#Content .GalleryFeatures .GalleryFeaturesCartCheckOut a { font-weight: bold; color: #444444; padding: 6px; margin: 10px 0px 10px 0px; border: outset 1px #d3d3d3; text-decoration: none; }
#Content .CatalogItemAdd a  { font-weight: bold; color: #444444; padding: 6px; margin: 10px 0px 10px 0px; border: outset 1px #d3d3d3; text-decoration: none; }
#Content .GalleryFeatures ul { margin: 0px; list-style: none; padding: 0px;}
#Content .GalleryFeatures ul li { margin-bottom: 4px; }
.GalleryFeatures input { width: 120px; }
#Content .GalleryStream { }
#Content .GalleryStreamStandoff { width: 710px; }
#Content .GalleryStream div { float: left; }
#Content .GalleryStream img { vertical-align: middle; border: none; max-width: 100px; max-height: 100px; }
#Content .GalleryStream .PhotoItem { margin: 7px; line-height: 124px; _font-size: 108.6px; text-align: center; width: 124px; height: 124px; border-left: solid 1px #d3d3d3; border-right: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3; background: #ffffff url('ContentDividerTileLight-4-14.gif') repeat-x top left; } /* UnderScore Hack 90.5% of box height, 50% critical to IE5 */
* #Content .GalleryStream .PhotoItem { margin: 7px; } /* Another IE6 Hack */
#Content .GalleryStream .PhotoItem .ItemNumber { display: block; margin-top: -10px; line-height: 10px; text-align: right; color: #d3d3d3; font-size: 10px; font-style:italic; }
#Content .GalleryNavigation { padding-top: 20px; text-align: center; clear:left; }
#Content .GalleryNavigation a { font-weight: bold; margin-left: 50px; margin-right: 50px; padding: 4px; border: outset 1px #d3d3d3; text-decoration: none; }
#Content .CatalogItemTitle  { padding-top: 20px; }
#Content .CatalogItemAdd  { padding-top: 20px; }
#Content .CatalogItemAdd a { font-weight: bold; color: #444444; padding: 6px; margin: 10px 0px 10px 0px; border: outset 1px #d3d3d3; text-decoration: none; }
#Content .GalleryVideoFeatures, #Content .GalleryOffline  { margin: 20px auto 0px auto; width: 300px; padding: 6px;  background: url('ContentDividerTileLight-4-14.gif') repeat-x; border-left: solid 1px #d3d3d3; border-right: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3; text-align: center; }

#Content .GalleryFeaturesCart .ShoppingCartItem { padding: 10px 0px 10px 0px; }

#PopupBody form { margin: 0px; padding: 0px; }
.PhotoContent img { display: block; }
#GalleryPopup { background: #ffffff; font-size: 12px; margin: 0px; padding: 0px; }
#GalleryPopup .CartOptions { float: right; width: 290px; margin-left: 20px; }
#GalleryPopup .CartOptions h1 { margin-bottom: 4px; }



/* General Formatting */

a { color: #555555; text-decoration: underline; background: none; }    
a:hover { color: #555555; background: none; text-decoration: underline; }
p { margin: 0px 0px 12px 0px; padding-top: 2px; }
h1 { font-weight: bold; font-size: 16px; line-height: normal; }
h2 { font-weight: bold; font-size: 12px; padding: 6px 0px 4px 0px; margin: 0px 0px 8px 0px; color: #444444; border-bottom: 1px dotted #444444; }
ul { margin: 0px 0px 12px 0px; padding: 0px 0px 0px 20px; }
img { border: 0px; }


/* General Classes */

.ClearBoth { clear: both; }
.ClearLeft { clear: left; }
.ClearRight { clear: right; }
.ErrorText { color: #ff0000; }
.FloatLeft { float: left; margin: 0px 10px 10px 0px; }
.FloatRight { float: right; margin: 0px 0px 10px 10px; }
.LeftBorder { border-left: 1px solid #c5c5c5; }
.TopBorder { border-top: 1px solid #c5c5c5; }
.NoBottomBorder { border-bottom: none; }
.AlignCenter { text-align: center; }
.ButtonBorder { font-weight: bold; padding: 4px; border: outset 1px #d3d3d3; text-decoration: none; }
.BorderBox { padding-top: 14px; border-left: solid 1px #d3d3d3; border-right: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3; background: #ffffff url('ContentDividerTileLight-4-14.gif') repeat-x top left; }


/* Page-Layout Formatting */

#Content .Column3-1Left { float: left; width: 284px; margin-right: 6px; }
#Content .Column3-2Left { float: left; width: 560px; margin-right: 12px; }
#Content .Column3-1Middle { float: left; width: 284px; margin: 0px 6px 0px 6px; }
#Content .Column3-1Right { float: left; width: 284px; margin-left: 6px; }
#Content .Column2-1Left { float: left; width: 420px; margin-right: 6px; }
#Content .Column2-1Right { float: left; width: 420px; margin-left: 6px; }

#Content .Column3-1Stack { float: left; width: 264px; margin-right: 6px; }


/* Home Page Television */   
#Television { display: block; position: relative; width: 279px; height: 185px; }    
#Television span { display: block; position: absolute; top: 0px; left: 0px; width: 279px; height: 185px; }
#TelevisionOverlay, #TelevisionUnderlay { background: url(TelevisionFrame-279-185.png); } /* Underlay is a loading-order hack only */
* html #TelevisionOverlay, * html #TelevisionUnderlay { background: url(TelevisionFrame-279-185.gif); } /* IE 6 Hack */
   
#Content .CalendarLogoSmall { width: 71px; height: 60px; background: url(Calendar-71-60.jpg) no-repeat; }


#PPALogo { width: 250px; height: 87px; background: url(PPALogo-250-87.jpg) no-repeat center center; margin: 0px auto 0px auto; }
#BBBLogo { display: block; width: 135px; height: 87px; background: url(BBBSeal-135-52.gif) no-repeat center center; margin: 0px auto 0px auto; }
#BBBLogo span { display: none; }
#YouTubeLogo { display: block; width: 123px; height: 63px; background: url(YouTubeLogo-123-63.gif) no-repeat center center; margin: 0px auto 0px auto; }
#YouTubeLogo span { display: none; }
#FacebookLogo { display: block; width: 180px; height: 68px; background: url(FacebookLogo-180-68.jpg) no-repeat center center; margin: 0px auto 0px auto; }
#FacebookLogo span { display: none; }

#Content .DateStatusDiv { padding: 0px 0px 0px 6px; background: url('ContentDividerTileLight-4-14.gif') repeat-x top left; border-left: solid 1px #d3d3d3; border-right: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3; }
#Content .DateStatusTable { margin: 0px auto 0px auto; }
#Content .DateStatusTable td { padding: 6px; }
#Content .AvailableIcon { width: 24px; height: 24px; background: url(CheckIcon-24-24.gif) no-repeat center center; }
#Content .UnavailableIcon { width: 24px; height: 24px; background: url(StopIcon-24-24.gif) no-repeat center center; }


/* Admin Page */

#Content .AdminFormRow { padding: 6px 0px 6px 0px; }
#Content .AdminFormRowBorder { padding: 10px 0px 10px 0px; border-bottom: 1px solid #c5c5c5; margin-bottom: 10px; }
#Content .AdminFormLabel { float: left; width: 90px; padding-right: 4px; }
#Content .AdminFormItem { margin-left: 94px; }
#Content .AdminFormTop { vertical-align: top; }
    

/* Contact Page */

#ContactForm { width: 500px; border: dotted 1px #444444; }
#ContactForm .ContactOption { padding: 10px 0px 10px 10px; }
#ContactForm .Label { float: left; width: 150px; }
#ContactForm .Item { padding-left: 20px; }
#ContactForm .Submit { margin-left: 170px; }


/* Raves Page */   

#RavesTelevision { position: relative; width: 600px; height: 600px; margin: 0px auto 0px auto; }    
#RavesTelevision div { position: absolute; top: 0px; left: 0px; width: 600px; height: 600px; }
#RavesTelevisionOverlay, #RavesTelevisionUnderlay { background: url(RavesFrame-600-600.png); } /* Underlay is a loading-order hack only */
* html #RavesTelevisionOverlay, * html #RavesTelevisionUnderlay { background: url(RavesFrame-600-600.gif); } /* IE 6 Hack */


/* Shopping Cart */

#Content .ShoppingCart { font-size: 10px; }
#Content .ShoppingCart .ShoppingCartItem { float: left; margin: 0px  6px 6px 0px; padding: 18px 4px 8px 6px; width: 270px; height: 120px; border-left: solid 1px #d3d3d3; border-right: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3; background: #ffffff url('ContentDividerTileLight-4-14.gif') repeat-x top left; }
#Content .ShoppingCart .ShoppingCartItemTextWrapper { margin-left: 126px; font-size: 9px; }
#Content .ShoppingCart .ShoppingCartImage { float: left; margin: 0px; }
#Content .ShoppingCart .CartTotal, #Content .ShoppingCart .CartCheckOut { clear: both; padding-top: 30px; }

/* Reused by Make A Payment */
#Content .CartCheckOutRow { clear: both; margin: 4px 0px 4px 0px; }
#Content .CartCheckOutRowLabel { float: left; width: 120px; font-weight: bold; }
#Content .CartCheckOutRowItem { margin-left: 120px; }
#Content .CartCheckOutCreditCardBadges { height: 35px; background: url(CreditCardBadges-175-35.gif) center center no-repeat; margin-bottom: 12px; }


/* Services Page */
#Content .ServicesAvailability { float: right; width: 220px; margin: 0px 0px 10px 10px; padding: 10px; background-color: #ffffff; }
#Content .ServicesNavigationButton { float: left; margin-right: 20px; padding: 6px; text-align: center; width: 170px; height: 20px; border-left: solid 1px #d3d3d3; border-right: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3; background: #ffffff url('ContentDividerTileLight-4-14.gif') repeat-x top left; }
#Content .ServicesNavigationButton a { text-decoration: none; }
#Content .ServicesAvailability .EventDateBox { clear: both; }
#Content ul.IncludedCheck { list-style-image: url(CheckIcon-24-24.gif); margin-left: 40px; }

/* View Gallery Page */
#Content .ScreenCalibration { margin-top: 40px; }


/* Courtesy Hold Page */

#Content .HoldFormRow { padding: 10px 0px 10px 0px; clear: both; }
#Content .HoldFormLabel { float: left; width: 180px; font-weight: bold; }
#Content .HoldFormItem { margin-left: 180px; }


/* Make a Payment */

.DetailGrid { border-collapse: collapse; border-bottom: 40px; }
.DetailGrid td { padding: 2px 20px 6px 0px; }
.DetailGrid thead td { font-weight: bold; }
#Content .AdditionalOptions { border: dotted 1px #444444; padding: 6px; }


/* Admin Invoices */
#Content .AdminOrderMain .FormRow { margin: 0px 0px 10px 0px; clear: left; }
#Content .AdminOrderMain .FormLabel { float: left; width: 120px; }
#Content .AdminOrderMain .FormItem input { width: 120px; }
#Content .AdminOrderMain .OrderItems { margin: 20px 20px 0px 0px; width: 260px; float: left; height: 300px; }
#Content .AdminOrderMain .OrderBilling { margin: 20px 20px 0px 0px; width: 260px; float: left; height: 300px; }
#Content .AdminOrderMain .OrderShipping { margin: 20px 0px 0px 0px; width: 260px; float: left; height: 300px; }
#Content .AdminOrderMain .OrderMerchant { margin: 20px 20px 0px 0px; width: 260px; float: left; height: 300px; }
#Content .AdminOrderMain .OrderFinancials { margin: 20px 20px 0px 0px; width: 260px; float: left; height: 300px; }
#Content .AdminOrderMain .OrderNotes { margin: 20px 20px 0px 0px; width: 260px; float: left; height: 300px; }
#Content .AdminOrderMain .OrderNotes textarea { width: 260px; height: 100px; }
#Content .AdminOrderMain .OrderDetails { margin: 20px 0px 0px 0px;  }
#Content .AdminOrderMain table { border-color: #444444; border-style: dotted; border-width: 0px 0px 1px 1px; border-collapse: collapse; }
#Content .AdminOrderMain table td { border-color: #444444; border-style: dotted; border-width: 1px 1px 0px 0px; margin: 0px; padding: 4px; }
#Content .AdminOrderMain table thead td { font-weight: bold; }

/* Printable Invoices */
#PrintBody { margin: 10px; font-size: 12px; max-width: 700px; }
#PrintBody .AdminOrderPrintable .Column3-1Left { padding: 0px; }
#PrintBody .AdminOrderPrintable .Column3-1Middle { padding: 0px; margin-left: 20px; }
#PrintBody .AdminOrderPrintable h2 { font-size: 14px; font-weight: bold; margin-top: 40px; }
#PrintBody .AdminOrderPrintable table { border-color: #444444; border-style: dotted; border-width: 0px 0px 1px 1px; border-collapse: collapse; }
#PrintBody .AdminOrderPrintable table td { border-color: #444444; border-style: dotted; border-width: 1px 1px 0px 0px; margin: 0px; }
#PrintBody .AdminOrderPrintable table thead td { font-weight: bold; }
#PrintBody .AdminOrderPrintable .FormLabel { font-weight: bold; font-size: 12px; margin: 0px 20px 0px 0px; float: left; width: 120px; }
#PrintBody .AdminOrderPrintable .LimitWidth { width: 558px; }


/* Product Accordion */
#Accordion { width: 280px; z-index:2; height: 100%; border-left: solid 1px #d3d3d3; border-right: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3; font-size: 11px; }
.AccordionHeader { cursor:pointer; }
.AccordionHeader .AccordionHeaderIcon { float: right; height: 14px; width: 14px;  margin: 6px; background: url('DownArrow-14-14.gif'); }
.AccordionHeader h1 { border: none; font-size: 14px; padding: 6px; margin: 0px; background: #ffffff url('ContentDividerTileLight-4-14.gif') repeat-x top left; }
.AccordionHeader:hover {  }
.AccordionChild { padding: 0px 6px 6px 6px; }
.AccordionHighlight { font-weight: bold; }
.AccordionHighlight .AccordionHeaderIcon { background: none; }
.CatalogTable { width: 100%; border-collapse:collapse; }
.CatalogTable thead td { font-weight: bold; padding-bottom: 4px; }
.CatalogTable .CatalogItemTitle {  }
.CatalogTable .CatalogItemQuantity { text-align: right; }
.CatalogTable .CatalogItemQuantityGeneral { padding-top: 10px; font-weight: bold; }
.CatalogTable .CatalogItemQuantityBox { width: 30px; font-size: 10px; } /* Abbreviated Selector, to affect gallery as well */
.CatalogTable .CatalogItemDescription { padding-left: 10px; font-style: italic; }

/* Survey */
#Survey .QuestionWrapper { margin-top: 10px; background-color: #f3f3f3; padding: 10px; }
#Survey .QuestionWrapper .SurveyQuestion { margin: 10px; }
#Survey .QuestionWrapper h2 { margin-top: 0px; }
#Survey .QuestionWrapper .TextBox { width: 300px; }
#Survey .QuestionWrapper .TextArea { width: 99%; height: 200px; }
#Survey .QuestionWrapper label { margin-left: 6px; padding: 0px; }

/* Portal, Layouts */
#Content .LayoutGalleryStream div { float: left; width: 86px; margin: 10px; text-align: center; }


/* Online Contract */
#Contract .ItemNumberBox { width: 20px; }
#Contract .ItemDescription { padding-left: 4px; }
#Contract .FormRow { padding: 6px 0px 6px 0px; clear: left; }
#Contract .FormLabel { float: left; width: 180px; padding-right: 4px; }
#Contract .FormItem { margin-left: 184px; }
#Contract .FormItem input, #Contract .FormItem textarea { width: 210px; }
#Contract .MajorGroup { margin-top: 40px; }
#Contract #ContractEventDetails .FormItem { font-weight: bold; }