﻿/* Global Styles */
body { margin: 0px; text-align: center; background-color: #000; }
p, span, div, font { font-family: Arial; font-size: small; color: #A2BF1C; }
a { color: #A2BF1C; text-decoration: underline; font-size: small; }
a:hover { color: #eee; }
h1 { color: #000080; }
table { border-collapse: collapse; }
.ShowBorders { border-collapse: collapse; border-color: Red; border-style: solid; border-width: 1px; }
.HideBorders table td div span { border-collapse: collapse; border-style: solid; border-width: 0px; }
.Hide { visibility: hidden; }
.Show { visibility: visible; }
.Remove { display: none; }

/* Page Styles */
.BackgroundLayer { width: 920px; text-align: center; margin-left: auto; margin-right: auto; }
.PageLayer { width: 900px; background-color: #222; margin-left: auto; margin-right: auto; text-align: center; }
.TopZone { width: 100%; height: 172px; vertical-align: top; text-align: left; background-image: url(images/banner2.jpg); background-position: top left; background-repeat: no-repeat; }
.TopZone a { color: #ffffff; }
.TopLeftZone { float: left; width: 450px; height: 144px; vertical-align: top; }
.TopRightZone { float: right; height: 144px; width: 450px; vertical-align: top; text-align: right; }
.TopMenuZone { float: left; background-image: url(images/menubkgrnd1.jpg); background-repeat: repeat-x; width: 900px; height: 28px; vertical-align: middle; }
.TopMenuZone a { color: #000; font-size: larger; text-decoration: none; font-weight: 300; }
.CenterZone { float: left; width: 100%; vertical-align: top; text-align: left; background-color: #222; margin-left: auto; margin-right: auto; padding-bottom: 10px; }
	.ContentInternal { width: 95%; margin-left: auto; margin-right: auto; margin-top: 15px; }
.BottomZone { float: left; width: 100%; height: 30px; text-align: left; background-color: #111; }
.Panel { float: left; background-color: #111; padding: 10px; margin-left: 5px; margin-right: 5px; }

.TopShadow { width: 920px; height: 5px; margin-left: auto; margin-right: auto; }
.BottomShadow { width: 920px; height: 18px; margin-left: auto; margin-right: auto; }

/* Page Layouts */
.LeftColumn { display: table; float: left; vertical-align: top; width: 65%; position: relative; }
.RightColumn { display: table; float: right; vertical-align: top; width: 30%; position: relative; }

/* Menu Styles */
.TopMenuContainer { height: 28px; margin-bottom: 0px; margin-top: 3px; margin-left: auto; margin-right: auto; padding-left: 8px; }
.MenuLeftItem { background-image: url(images/menuitem_left1.gif); background-position: right top; height: 23px; width: 8px; float: left; }
.MenuItem { background-image: url(images/menuitem_center1.gif); background-position: top; background-repeat: repeat-x; float: left; height: 23px; text-align: center; padding-top: 2px; padding-bottom: 2px; padding-left: 25px; padding-right: 25px; }
.MenuRightItem { background-image: url(images/menuitem_right1.gif); background-position: left top; height: 23px; float: left; width: 8px; }
.MenuSpacer { width: 15px; }

/* Text Styles */
.SiteTitle { font-size: xx-large; color: #ffffff; }
.CopyrightText { font-size: x-small; padding-left: 5px; color: #fff; }
.CopyrightTextBlack { font-size: small; padding-left: 5px; color: #000; }
.Error { font-weight: bold; color: Red; }
.Success { font-weight: bold; color: Green; }
a.AltLink { color: #000; }

/* Custom Styles */
.SalonServicesList td { border-style: solid; border-width: 1px; border-collapse: collapse; border-color: #333; }
.SalonServicesList { width: 100%; border-style: solid; border-width: 1px; border-collapse: collapse; border-color: #333; margin-top: 5px; margin-bottom: 5px; }
.apHeaderCollapsed { background-color: #222; font-size: large; color: #d3d3d3; text-decoration: underline; cursor: pointer; padding-left: 20px; background-image: url(images/AccordionExpand.png); background-position: left; background-repeat: no-repeat; }
.apHeaderExpanded { background-color: #222; font-size: large; color: #d3d3d3; text-decoration: underline; cursor: pointer; padding-left: 20px; background-image: url(images/AccordionCollapse.png); background-position: left; background-repeat: no-repeat; }
.HomePageImages { margin-right: 3px; margin-left: 3px; margin-bottom: 6px; }