/*# Basic Styles #*/
body
{
	font-family: Verdana;
	font-size: 12px;
}

a, a:link, a:active, a:visited   
{
	color: #755e32;
}

a:hover
{
	color: #222222;
}

h1
{
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}

h2
{
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}
.ServiceCategory h2
{
	border-bottom: solid 1px #000000;
}

h3
{
	color: #755e32;
	font-size: 16px;
	font-weight: bold;
}

.clearfloat 
{
	clear:both;
	height:0px;
}

.ContentPadding
{
	margin:10px;
}

.CurrentUser
{
	float: right;
	margin-bottom: 10px;
	margin-right: 10px;
	color: #ffffff;
}

/*# 99-Site Manager #*/
#SiteManager
{
	background-color: #ffffff;
	text-align: left;
}

#SiteManager .Header
{
	background-image: url(../app_themes/SiteManager/images/Header.jpg);
	background-repeat: no-repeat;
	width: 960px;
	height: 175px;
}

/*# 99-Site Manager / Navigation #*/
#SiteManager #Navigation
{
	background-color: #000000;
}

#SiteManager #Navigation .HMenuLayout a:hover
{
	color: #755E32;
}


/*# 99-Site Manager / KB #*/
.KBArticleTitle
{
	margin-top: 10px;
}

.KBArticleSummary
{
	margin-top: 5px;
}

/*# Layout Styles #*/
.LTR
{
	margin: 0px;
	padding: 0px;
	background-color: #000000;
}

#RootLayout
{
	text-align: center; 
	background-color: #000000;
}

#InnerRootLayout
{
	padding: 0px;
	margin: 0px auto;
	width: 960px;
	text-align: left;
}

#LayoutTable 
{
	width: 960px;
	border: solid 1px #000000;
}

/*# Layout Styles / Blocks #*/
.headerBlock
{
	background-image: url(../app_themes/LorindasSalon/images/ContentHeader_bg.jpg);
	background-repeat: no-repeat;
	width: 960px;
	height: 187px;
}
.bannerTopBlock
{
	background-image: url(../app_themes/LorindasSalon/images/ContentBanner_Top_bg.jpg);
	background-repeat: no-repeat;
	width: 960px;
	height: 61px;
}
.leftBannerBlock
{
	background-image: url(../app_themes/LorindasSalon/images/ContentBanner_BottomLeft_bg.jpg);
	background-repeat: no-repeat;
	width: 275px;
	height: 40px;
}
.seperatorBannerBlock
{
	background-image: url(../app_themes/LorindasSalon/images/Seperator.jpg);
	background-repeat: repeat-y;
	width: 23px;
}

.bannerBlock
{
	background-color: #B5CCD2;
	width: 662px;
	height: 40px;
}

.leftNavBlock
{
	background-image: url(../app_themes/LorindasSalon/images/ContentLeftNav_bg.jpg);
	background-repeat: no-repeat;
	background-color: #467F90;
	width: 275px;
	height: 596px;
}

.seperatorBlock
{
	background-image: url(../app_themes/LorindasSalon/images/Seperator.jpg);
	background-repeat: repeat-y;
	width: 23px;
}

.contentBlock
{
	background-color: #B5CCD2;
	margin: 20px;
	width: 662px;

}

.footerBlock
{
	background-image: url(../app_themes/LorindasSalon/images/Footer_bg.jpg);
	background-repeat: no-repeat;
	width: 960px;
	height: 76px;
	padding-top: 5px;
}
/*# Layout Styles / Home v2 #*/
#main {

	width:960px;
	margin: 0px auto 0px auto;
	border: 0px solid #f0f0f0;

}
#HomeHeader {
	background-image: url(../app_themes/LorindasSalon/images/HomeHeader.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center center;
	width:960px;
	padding-top:0px;
	height:50px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
	display:inline;

}
#HomeMainContainer
{
	margin-left:0px;
	margin-top:0px;
	min-height:815px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background-image: url(../app_themes/LorindasSalon/images/HomeContentBG.jpg);
}
#HomeSidebar {
	margin-left:0px;
	margin-top:0px;
	width:414px;
	min-height:815px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background-image: url(../app_themes/LorindasSalon/images/HomeNav.jpg);
	background-repeat: no-repeat;
}

.HomeNav
{
	margin-top: 217px;
}
#VertSeperator {
	background-image: url(../app_themes/LorindasSalon/images/VertSeperator.jpg);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: center center;
	width:23px;
	padding-top:0px;
	min-height:815px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
	display:inline;

}
#HomeContent {
	margin: 0px;	
	width:523px;
	min-height:815px;
	float:left;
	display:inline;
	background-color: #B5CCD2;
}

.HomeContentArea
{
	margin: 10px;	
	line-height: 18px;
}

.HomeMiddleContent
{
	width: 460px;
	margin: 0px auto;
}

#HomeFooter {
	margin-left:0px;
	margin-top:0px;
	width:960px;
	height:95px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background-color: #000000;
	overflow:hidden;

}
/*# Layout Styles / Home Blocks #*/
.headerHomeBlock
{
	background-image: url(../app_themes/LorindasSalon/images/HomeHeader_bg.jpg);
	background-repeat: repeat-x;
	height: 50px;
}
.bannerHomeBlock
{
	background-image: url(../app_themes/LorindasSalon/images/HomeLeftTop_bg.jpg);
	background-repeat: no-repeat;
	width: 414px;
	height: 216px;
}

.leftHomeNavBlock
{
	background-image: url(../app_themes/LorindasSalon/images/HomeLeftNav_bg.jpg);
	background-repeat: no-repeat;
	background-color: #467F90;
	width: 414px;
	height: 589px;
	top: 0px;
}
.leftHomeNavBlockBottom
{
	background-color: #467F90;
}
.contentHomeBlock
{
	background-color: #B5CCD2;
	margin: 20px;
	width: 523px;
	height: 100%;
}
.contentHomeBlockBottom
{
	background-color: #B5CCD2;
	margin: 20px;
}
*/
/*# Site Classes #*/

/*# Site Classes / General #*/

.clearfloat {
	clear:both;
	height:0px;
}

.HeaderZone
{
	float: right;
}

.BannerZone
{
	float: top;
}

.HomeContent
{
	margin: 10px;
	line-height: 18px;
}

.HomeContentBottom
{
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	line-height: 16px;
}

.HomeContentBottom h2
{
	margin-top: 0px;
}

.CampaignTop
{
	margin-left: 60px;
}

.LeftSideText
{
	margin-top: 20px;
	margin-right: 10px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	float: right;
	text-align: right;
	width: 250px;
}

.floatimgright
{
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.floatimgleft
{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.MainMenu
{
	color: #ffffff;

}

.MainMenu a, MainMenu a:active, MainMenu a:hover, MainMenu a:visited
{
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
}

.CartLinks
{
	float: right;
	color: #755e32;
}
.CartLinks a, .CartLinks a:active, .CartLinks a:hover, .CartLinks a:visited
{
	color: #755e32;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

.HeaderZone .CartLinks
{
	color: #ffffff;
}

.HeaderZone .CartLinks a, .HeaderZone .CartLinks a:active, .HeaderZone .CartLinks a:hover, .HeaderZone .CartLinks a:visited
{
	color: #ffffff;
}

.ShoppingCartIcon
{
	display: none;
}

.Content
{
	padding: 5px;
	margin-left: 5px;
	width: 630px;

}

.Footer
{
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	padding: 5px;
}

.Footer a, Footer a:active, Footer a:hover, Footer a:visited
{
	color: #C4A668;
	text-decoration: none;
}

.twoCols .zoneLeft
{
	width: 550px;
}

.twoCols .zoneRight
{
	width: 150px;
}

.ReferalContainer
{
	margin-left: 7px;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 7px;

}

/*# Site Classes / News #*/
.newsItem
{
	margin: 10px 0px;
}

.NewsPBody
{

}

.NewsTeaser
{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: solid 1px #000000;
}
.NewsReleaseDate
{
	font-weight: bold;
}

.NewsReadMoreLink
{
	float: right:
}

.NewsSummary
{

}

.SummaryBody
{
}

/*# Site Classes / News Pod #*/
.NewsPod
{
	margin-top: 10px;
	width: 165px;
	font-size: 10px;
	line-height: 15px;
}

.NewsPod .Title
{
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	line-height: 22px; 
}

.NewsPod .NewsContent
{
	padding: 0px 5px;
	height: 175px;
	overflow-y: scroll;
	overflow-x: hidden;
	border: solid 3px #000000;
}

/*# Site Classes / Office #*/
.Map
{
	margin: 10px;
	border: solid 1px #000000;
}

.Address
{
	padding: 5px;
}
/*# Site Classes / Staff Members #*/
.StaffMember
{
	width: 150px;
	height: 175px;
	text-align: center;
	float: left;
	padding: 10px 10px;
}
.StaffMemberList
{
	vertical-align: top;
}

.StaffMemberName
{
	margin: 5px;
}
.StaffMemberTitle
{
	color: #755e32;
	magin: 5px;
}

.StaffMemberPage .StaffMemberImage
{
	float: right;
	margin-right: 10px;
	margin-bottom: 5px;
}

.StaffMemberPage .StaffMemberDetails
{
	padding-top: -10px;
}

.StaffMemberPage ul
{
	list-style-type: none;
}

/*# Site Classes / Promo Container #*/
.PromoContainer
{
	margin: 10px 15px;
}


/*# Site Classes / Image Pods #*/
.ImagePods
{
	background-color: #000000;
	width: 460px;
	height: 293px;
	padding: 6px;
	margin: 10px 15px;
}

.PortraitPod .Content
{
	background-color: #000000;
}

.PortraitPod img
{
	border: solid 6px #467F90;
	margin-left: 6px;
	margin-top: 6px;
	margin-right: 3px;
	margin-bottom: 0px;
	display: block;
}

.TopLandscapePod img
{
	border: solid 6px #467F90;
	margin-left: 6px;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 2px;
}
.BottomLandscapePod img
{
	border: solid 6px #467F90;
	margin-left: 6px;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 0px;
}

/*# Site Classes / Sliders #*/
.Slider
{
}

.Slider .Content
{
	margin: 0px;
	padding: 0px;
}

.Pager
{
	display: none;
}

.PagerPage
{
	float: left;
}


/*# Site Classes / Constant Contact #*/
.ConstantContactSubscribe
{
	
}

/*# Site Classes / Gallery #*/
.GalleryDetail
{
	text-align: center;
}

.GalleryImage
{
}

.ImageCaption
{
	
}

.scrollerContent
{
	background-color: #000000;
	color: #ffffff;
	font-size: 14px;
}

.scrollerContent .GalleryItem
{
	padding-top: 10px;
	padding-left: 10px;
	text-align: center;
}

.scrollerContent .GalleryImage
{
	magin: 10px;
}

.scrollerContent .ImageCaption
{
	padding: 10px;
}


/*# Site Classes / Services #*/
.ServiceList
{
	padding: 10px;
	margin-bottom: 10px;

}

.ServiceList hr
{
	display: none;
}

.ServiceListTitle
{
	text-align: center;
}


.ServiceCategory
{

}

.Service
{
	width: 275px;
}

.LineItemPrice
{
	text-align: center;
	vertical-align: center;
	font-size: 14px;
	width: 105px;
}

/*# Page Zone Classes #*/
/*# Page Zone Classes / Catelog Landing Page #*/
.CatelogLandingPage .zoneTop
{
}

.CatelogLandingPage .zoneMain
{
	width: 480px;
}

.CatelogLandingPage .zoneRight
{
	width: 150px;
	text-align: center;
}

/*# Ecommerce Styles #*/
.TopSellingProducts
{
}

.ProductBox
{
	border: solid 1px #000000;
	vertical-align: top;
	padding: 10px;
	background-color: #ffffff;
	height: 300px;
}

.ProductTitle
{
}

.ProductImage
{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.AddToCart
{
	text-align: right;
	margin-top: 10px;
}

/*# Ecommerce Styles / Product Preview #*/
.ProductPreview
{
	padding: 3px;
	width: 300px;
}

/* Override */
.CatelogLandingPage .ProductPreview
{
	padding: 3px;
	width: 450px;
}

.CatelogLandingPage .ProductBox
{
	height: 250px;
}


.ProductPreview .ProductBox
{

}

/*# Ecommerce Styles / Product Detail #*/

.ProductDetails
{
	line-height: 18px;
}

.ProductDetails .AddToCart
{
	line-height: 22px;
}

.ProductDetails .ProductBox
{
	height: 100%;
	width: 600px;
	padding: 5px;
}

/*# Ecommerce Styles / Top Selling Products #*/
.TopSellingProducts
{
}

/*# CSS Menu Layout #*/
/*# CSS Menu Layout / Vertical #*/
.MenuLayout
{ 
	margin: 0px 10px 0px 15px; 
	padding: 0px 0px 0px 0px;
	width: 160px; /* Set the size of the main menu */
	border: none; /* Set menu border */
	font-family: Arial; 
	float: right;
}

.MenuLayout UL 
{ 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

.MenuLayout LI 
{ 
	POSITION: relative; 
	FLOAT: right; 
	WIDTH: 160px;
}

.MenuLayout a, .MenuLayout a:active, .MenuLayout a:visited 
{ 
	COLOR: #ffffff;		/* Set the color of the link font */ 
	text-align: right;
	font-weight: bold;	/* Optional */
	FONT-SIZE: 20px;
	TEXT-DECORATION: none; 
	PADDING-TOP: 2px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 2px; 
	BACKGROUND-POSITION: 0px 50%; 
	DISPLAY: block; 
	MARGIN: 0px; 
	BACKGROUND-REPEAT: no-repeat; 
}



.MenuLayout ul A:hover 
{ 
	COLOR: #000000; 
}

.MenuLayout UL UL 
{ 
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	border-right: solid 2px #000000;
	border-bottom: solid 2px #000000;	
	WIDTH: 160px;		/* Set the max size of the sub-menus */ 
	Z-INDEX: 100; 
	LEFT: 100%; 
	POSITION: absolute; 
	TOP: -1px 
}

.MenuLayout ul ul li
{
	width: 100%;
}
.MenuLayout ul ul a, .MenuLayout ul ul a:active, .MenuLayout ul ul a:visited
{
	text-align: left;
	font-size: 14px;
	color: #000000;
	BACKGROUND: #467f90 no-repeat 0px 50%; 
}
.MenuLayout ul ul A:hover
{ 
	BACKGROUND: #93c75b no-repeat 0px 50%;
	COLOR: white; 
}

/* do not change the following styles */
.MenuLayout UL UL 
{ 
	DISPLAY: none 
}

.MenuLayout UL LI:hover UL UL 
{
	DISPLAY: none 
}

.MenuLayout UL UL LI:hover UL UL 
{ 
	DISPLAY: none 
}

.MenuLayout UL LI:hover UL 
{ 
	DISPLAY: block 
}

.MenuLayout UL UL LI:hover UL 
{ 
	DISPLAY: block 
}

.MenuLayout UL UL UL LI:hover UL 
{ 
	DISPLAY: block 
}
/*# CSS Menu Layout / Horizontal #*/
.HMenuLayout 
{ 
	FONT-SIZE: 16px; 
	FONT-FAMILY: Arial; 
	border: none;
}


.HMenuLayout UL 
{ 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 100%; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none;
}

.HMenuLayout LI 
{ 
	PADDING-RIGHT: 0px; 
	DISPLAY: inline; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
}

.HMenuLayout a, .HMenuLayout a:active, .HMenuLayout a:visited 
{ 
	PADDING-RIGHT: 10px; 
	DISPLAY: block; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; 
	COLOR: #ffffff; /* Set the font color of the menu item text */
	font-weight: bold;
	PADDING-TOP: 2px; 
	TEXT-DECORATION: none;
}

.HMenuLayout A:hover 
{ 
	COLOR: #000000; 
}

.HMenuLayout UL UL 
{ 
	Z-INDEX: 100; 
	WIDTH: 170px; 
	POSITION: absolute;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	border-right: solid 2px #000000;
	border-bottom: solid 2px #000000;	
}


.HMenuLayout UL UL LI 
{ 
	CLEAR: left; 
	DISPLAY: block; 
	POSITION: relative;
}
.HMenuLayout ul ul a
{
	width: 150px;
	font-size: 14px;
	color: #000000;
	BACKGROUND: #467f90 no-repeat 0px 50%; 
}
.HMenuLayout ul ul A:hover 
{ 
	BACKGROUND: #93c75b no-repeat 0px 50%;
	COLOR: white; 
}
.HMenuLayout UL UL UL 
{ 
	LEFT: 90%; 	
	TOP: -1px;
	width: 158px;
}


/* Do not change to following styles */
.HMenuLayout UL UL 
{ 
	DISPLAY: none 
}

.HMenuLayout UL LI:hover UL UL 
{ 
	DISPLAY: none 
}

.HMenuLayout UL UL LI:hover UL UL 
{ 
	DISPLAY: none 
}

.HMenuLayout UL LI:hover UL 
{ 
	DISPLAY: block; 
}

.HMenuLayout UL UL LI:hover UL 
{ 
	DISPLAY: block 
}

.HMenuLayout UL UL UL LI:hover UL 
{ 
	DISPLAY: block 
}

/*# Containers #*/
/*# Containers / White Box #*/
.WhiteBox
{
	background-color: #ffffff;
	border: solid 1px #000000;
	padding: 10px;
	margin-bottom: 10px;
}

.WhiteBox hr
{
	width: 80%;
}

.WhiteBox .title
{
	text-align: center;
}

.WhiteBox .content
{
	margin: 5px;
}	
/*# Containers / Solid Pod with Rounded Corners #*/
.PodTitle
{
	font-weight: bold;
	font-size: 120%;
	color: #772801;
	text-align: center;
}

.SolidRoundedCorners
{
	background:#C4A668;
	color:#fff;
	margin:10px 15px;
}

.SolidRoundedCorners .rtop, .SolidRoundedCorners .rbottom
{
	display:block;
	background:#fff;
}

.SolidRoundedCorners .rtop *, .SolidRoundedCorners .rbottom *
{
	display: block;
	height: 1px;
	overflow: hidden;
	background:#C4A668;
}

/* Set the r1 elements to get progressively smaller to get the corner you want */
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4
{
	margin: 0 1px;
	height: 2px
}