/* 	
	common.css
	Common CSS Styles
	Author: Matt Breitkreutz, Breit Ideas, Inc., 2010
	
	These css styles are sharede by all or nearly all
	pages on the Salon Bliss website.
*/



body{
	margin:0px;
	padding:0px;
	background-color:#000;
	background-repeat:repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	color: #534741;
}

.clear{ clear:both; }

/************************/
/* Page Template Styles */
/************************/

/*
	----------
	z-indecies
	----------
	
	 1 - pageContainer
	10 - greenPageContainer
	20 - contentContainer
	30 - blissLogoContainer
	40 - top navigation
	50 - top dropdown menu classes
*/

.pageContainer{
	position:relative;
	width:1000px;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding:0px;
	background-position:top center;
	background-repeat:repeat-y;
	z-index:1;
}

.greenPageContainer{
	position:relative;
	z-index:10;
}

.greenPageTop{
	position:relative;
	width:1000px;
	height: 50px;
	background-image:url(../images/common/greenPageTop.png);
	background-repeat:no-repeat;
}

.greenPageMiddle{
	position:relative;
	width:752px;
	padding-left:124px;
	padding-right:124px;
	background-image:url(../images/common/greenPageMiddle.png);
	background-repeat:repeat-y;
}

.greenPageBottom{
	position:relative;
	width:1000px;
	height:200px;
	background-image:url(../images/common/greenPageBottom.png);
	background-repeat:no-repeat;
}

.contentContainerBackup{
	position:absolute;
	top:190px;
	left:120px;
	z-index:20;
}

.contentContainer{
	position:relative;
	padding-top:145px;
	padding-bottom:40px;
}

.blissLogoContainer{
	position:absolute;
	top:30px;
	left:120px;
	width:752px;
	height:181px;
	z-index:30;
}


.topNavigationContainer{
	position:absolute;
	top:80px;
	left:275px;
	z-index:40;
}


.footerNavigationContainer{
	position:relative;
	margin-left:0px;
	margin-right:0px;
	padding-top:12px;
	
	font-family: Gill Sans, Helvetica, Verdana, sans-serif;
	font-size:0.8em;
 	color:#fdfcfb;
	text-align:center;
}

.copyrightContainer{
	position:relative;
	top:25px;
	font-family: Gill Sans, Helvetica, Verdana, sans-serif;
	font-size:0.75em;
	color:#806649;
	text-align:center;
}

.facebookChickStudiosTable{
	position:relative;
	top:-9px;
}


/*****************************/
/* top dropdown menu classes */
/*****************************/

.servicesDropdownContainer{
	position:absolute;
	top:139px;
	left:434px;
	width:102px;
	padding:0px;
	background-color:#806649;
	z-index: 50;
	visibility:hidden;
}


.staffDropdownContainer{
	position:absolute;
	top:139px;
	left:728px;
	width:144px;
	padding:0px;
	background-color:#806649;
	z-index: 50;
	visibility:hidden;
}


/*******************/
/* services styles */
/*******************/

.servicesHeaderBar{
	position:relative;
	height:27px;
	margin:0px;
}

.servicesTable{
	position:relative;
	width:752px;
}

.servicesDescriptionCell {
	position:relative;
	width:190px;
	padding-top:15px;
	font-size:0.8em; 
	text-align:right;
	line-height:15px;
}

.servicesTable h1 {
	font-weight:bold;
	font-size:1.0em;
	color: #5a6b31;
	margin-top:0px;
	margin-bottom:0px;
}

.servicesPricingCell {
	position:relative;
	width:140px;
	background-color: #c0c7b0;
	margin-top:0px;
	padding-top:15px;
	padding-left:15px;
	font-size:0.8em; 
	text-align:left;
	line-height:15px;
}

.servicesPricingCell170 {
	position:relative;
	width:170px;
	background-color: #c0c7b0;
	margin-top:0px;
	padding-top:15px;
	padding-left:15px;
	font-size:0.8em; 
	text-align:left;
	line-height:15px;
}

.servicesPricingCellNoBG {
	position:relative;
	padding-top:15px;
	padding-left:15px;
	font-size:0.8em; 
	text-align:left;
	line-height:15px;
}

.servicesGreenCell350 {
	position:relative;
	width:335px;
	background-color: #c0c7b0;
	padding-top:15px;
	padding-left:15px;
	font-size:0.8em; 
	text-align:left;
	line-height:15px;
}

.servicesGreenCell60 {
	position:relative;
	width:45px;
	background-color: #c0c7b0;
	padding-top:15px;
	padding-left:15px;
	font-size:0.8em; 
	text-align:left;
	line-height:15px;
}

.servicesCell350 {
	position:relative;
	width:335px;
	padding-top:15px;
	padding-left:15px;
	font-size:0.8em; 
	text-align:left;
	line-height:15px;
}



.servicesPricingCell h1 {
	font-weight:bold;
	font-size:1.0em;
	color: #fff;
	margin-bottom:0px;
}

.servicesAdditionalInfoCell {
	position:relative;
	width:425px;
	padding-top:15px;
	padding-left:15px;
	font-size:0.8em; 
	text-align:left;
	line-height:15px;
	color: #7a0026;
	font-style:italic;
	margin-bottom:0px;
}

.servicesTableWideSpacerColumn {
	position:relative;
	width:30px;
}

.servicesTableNarrorSpacerColumn {
	position:relative;
	width:14px;
}


/******************************/
/* Info Pages - Common Styles */
/******************************/



.infoPageContentContainer{
	position:relative;
	width:700px;
	padding-top:30px;
	padding-left:45px;
	line-height:135%;
	letter-spacing:0.05em;
}
		
.infoPageTitleContainer{
	position:relative;
	margin-bottom:10px;
}

.infoPageContentContainer h1 {
	font-size:1.0em;
	font-weight:bold;
	margin-bottom:0px;
}

.infoPageContentContainer p {
	position:relative;
	line-height:150%;
	margin-top:5px;
	margin-bottom:30px;
}

.infoPageLargeType{
	font-size:1.10em;
	letter-spacing:0.10em;
}

.infoPageNormalLeading{
	position:relative;
	line-height:50%;
}


/********************/
/* Our Staff Styles */
/********************/


.staffDescriptionContainer{
	position:relative;
	margin-bottom:30px;
}

.staffDescriptionPhoto{
	position:relative;
	float:left;
	width:144px;
}

.staffDescriptionText{
	position:relative;
	float:left;
	width:536px;
	padding-top:0px;
	padding-left:20px;
	font-size:0.8em;
}

.staffDescriptionText h1{
	position:relative;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:10px;
	font-size:1.75em;
}


/***************/
/* Form Styles */
/***************/

.commonFormInputLabel{
	height:40px;
	font-weight:bold;
}

.commonFormTextBox{
	background-color:#c7b29a;
	width: 250px;
	height:18px;
}

.commonFormTextArea{
	background-color:#c7b29a;
	width:485px;
	height:200px;
}

.mailingListFormTextArea{
	background-color:#c7b29a;
	width: 350px;
	height:100px;
}


/********************/
/* Gift Card Styles */
/********************/

.shippingMethod{
	position:relative;
	padding-top:20px;
}

.giftCardSectionContainer{
	position:relative;
}



.itemName{
	position:relative;
	float:left;
	width:150px;
	padding-top:15px;
	font-size:0.8em; 
	text-align:right;
	line-height:15px;
	font-weight:bold;
	color: #5a6b31;	
}

.itemPrice{
	position:relative;
	float:left;
	width:100px;
	padding-top:15px;
	font-size:0.8em; 
	text-align:right;
	line-height:15px;
}

.itemDescription{
	position:relative;
	float:left;
	width:250px;
	margin-left:30px;
	padding-top:15px;
	font-size:0.8em; 
	text-align:left;
	line-height:15px;
}

.itemAddToCart{
	position:relative;
	float:left;
	width:100px;
	margin-left:30px;
	padding-top:15px;
	font-size:0.8em; 
	text-align:left;
	line-height:15px;
}

/****************/
/* login styles */
/****************/

.loginContainer{
	position:relative;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
	text-align:center;
}

.loginError{
	position:relative;
	width:600px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	text-align:center;
	color:#F00;
	font-weight:bold;
}




/****************/
/* admin styles */
/****************/

.adminPageContentContainer{
	position:relative;
	width:745px;
	padding-top:30px;
	letter-spacing:0.05em;
}

.adminTopMenuContainer{
	position:relative;
	top:-10px;
	font-size:0.8em;
	text-align:right;
	padding-bottom:20px;
	z-index:100;
}

.adminMenu{
	position:relative;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	line-height:200%;
}

.adminMailingListTable{
	position:relative;
	font-size:0.75em;
}

.adminMLTcell{
	padding-bottom:15px;
}

.adminExpandedMailingListTable{
	position:absolute;
	top:0px;
	left:0px;
	width:96%;
	padding:2%;
	padding-bottom:5%;
	background-color:#CCC;
	z-index:100;
	display:none;
}

.adminEmailListTable{
	position:absolute;
	top:0px;
	left:0px;
	width:20%;
	padding-top:2%;
	padding-left:40%;
	padding-right:40%;
	padding-bottom:5%;
	background-color:#CCC;
	z-index:100;
	display:none;
}

.adminEMLTclose{
	position:relative;
	text-align:right;
	padding:10px;
}

.adminEMLTheader{
	font-size:1.1em;
	font-weight:bold;
	padding-bottom:10px;
}

.adminEMLTtinyHeader{
	font-size:.8em;
	font-weight:bold;
	padding-bottom:10px;
	padding-right:10px;
}


.adminExpandedViewsBox{
	position:relative;
	border: solid 1px #960;
	padding:10px;
}
.adminInstructions{
	font-size:0.8em;
}

/***************/
/* link styles */
/***************/


a:link{
	color:#534741;
}
a:visited{
	color:#534741;
}
a:hover{
	color:#ffffff;
}
a:active{
	color:#7d4900;
}

 a.topNavigation:link{
	color:#7d4900;
	text-decoration:none;
 }
 a.topNavigation:visited{
 	color:#7d4900;
	text-decoration:none;
 }
 a.topNavigation:hover{
 	color:#fdfcfb;
	text-decoration:none;
 }
 a.topNavigation:active{
 	color:#c86d1d;
	text-decoration:none;
 }
 
 
 .commonDropdownMenu a:link{
	 width:100px;
	 margin:5px;
	 line-height:25px;

	 color:#FFF;
	 text-decoration:none;
 }
 
  .commonDropdownMenu a:visited{
	 color:#FFF;
	 text-decoration:none;
 }
 
  .commonDropdownMenu a:hover{
	 color:#FFF;
	 text-decoration:none;
	 background-color: #a3774b;
 }
 
  .commonDropdownMenu a:active{
	 color:#FFF;
	 text-decoration:none;
 }

 a.footerNavigation:link{
	color:#fdfcfb;
	text-decoration:none;
 }
 a.footerNavigation:visited{
 	color:#fdfcfb;
	text-decoration:none;
 }
 a.footerNavigation:hover{
 	color:#7d4900;
	text-decoration:none;
 }
 a.footerNavigation:active{
 	color:#c86d1d;
	text-decoration:none;
 }
 
  a.emailCommentsLink:link{
	  position:relative;
	  z-index:60;
	color:#806649;
	text-decoration:none;
 }
 a.emailCommentsLink:visited{
	 position:relative;
	  z-index:60;
 	color:#806649;
	text-decoration:none;
 }
 a.emailCommentsLink:hover{
	 position:relative;
	  z-index:60;
 	color:#fdfcfb;
	text-decoration:none;
 }
 a.emailCommentsLink:active{
	 position:relative;
	  z-index:60;
 	color:#c86d1d;
	text-decoration:none;
 }