body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #DBD4CA url(/App_Themes/TuftiesNew/images/pageBgReptr.jpg) top center repeat-y;	
}
p {
	font-size: 12px;
}
.ucase {
	text-transform: uppercase;
}
/* # outer #*/
#outerOuter {
	width: 800px;
	margin: 0 auto;
}
#outer {
	width: 800px;
	float: left;
}

/* # top Of page # */
#topOfPage {
	float: left;
	width: 800px;
	background: url(/App_Themes/TuftiesNew/images/headerBg.jpg) bottom left no-repeat #000;
}
#topOfPage .leftContent {
	float: left;
	padding: 6px;
	padding-left: 0px;
}
#topOfPage .leftContent ul {
	margin: 0; padding: 0;		
}
#topOfPage .leftContent ul li {
	margin: 0; padding: 0;
	float: left;
	border-right: 1px solid #333; 
	padding-right: 10px;
	padding-left: 10px;	
	font-size: 11px;
	font-weight: bold;
}
#topOfPage .leftContent ul li:last-child {
	border-right: none; 
	padding-right: 0px;
}
#topOfPage .leftContent a {text-decoration: none;}
#topOfPage .leftContent a:link, #topOfPage .leftContent a:visited {color: #FFF;}
#topOfPage .leftContent a:link:hover, #topOfPage .leftContent a:visited:hover {color: #C5BCB0;}

#topOfPage .rightContent {
	float: right;
	padding: 6px;
}
#topOfPage .rightContent p {	
	margin: 0; padding: 0;
	color: #999;
	font-size: 11px;
	font-weight: bold;
}
#topOfPage .rightContent span {
	color: #FFF;
}


/* # pageHeader # */
#pageHeaderRow {
	width: 800px;
	float: left;
	border-top: 2px solid #FFF;
}
#pageHeaderRow .logoBox {
	float: left;
	width: 250px;
	height: 145px;
	background: url(/App_Themes/TuftiesNew/images/logoBg.jpg) top left no-repeat;	
}
#pageHeaderRow .logoBox .logo {
	position: relative;
	top: 35px;
	left: 33px;
}

#pageHeaderRow .headerPhotos {
	float: left;
}


/* # strapline # */            
#straplineRow {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	float: left;
	width: 800px;
	height: 39px;
	background: url(/App_Themes/TuftiesNew/images/straplineBg.gif) top left no-repeat;
}
#straplineRow .strapline {
	float: right;
	position: relative;
	top: 5px;
	right: 4px;
}

/* # main content # */                                                
#mainContentRow {
	float: left;
	width: 800px;
}
#mainContentRow .columnLayout {
	float: left;
	width: 800px;
}
#mainContentRow .mainMenuColumn {
	float: left;
	width: 250px;
	background: url(/App_Themes/TuftiesNew/images/menuSwirls.png) top left no-repeat;
	padding-top: 10px;
	border-right: 1px solid #000;
}
#mainContentRow .mainMenuColumn .mainMenu ul {
	margin: 0;
	padding: 0;
}
#mainContentRow .mainMenuColumn .mainMenu li {
	text-align: right;
	margin: 0;
	padding: 0;
	width: 250px;
	display: block;
}
#mainContentRow .mainMenuColumn .mainMenu li.active {
	background: #8D7252 url(/App_Themes/TuftiesNew/images/menuBulletActive.png) 230px 14px no-repeat;
	border-bottom: 1px solid #FFF;
}
#mainContentRow .mainMenuColumn .mainMenu li.active a, #mainContentRow .mainMenuColumn .mainMenu li a:link:hover, #mainContentRow .mainMenuColumn .mainMenu li a:visited:hover  {
	background-position: right bottom !important;
}
#mainContentRow .mainMenuColumn .mainMenu a, #mainContentRow .mainMenuColumn .mainMenu a:link, #mainContentRow .mainMenuColumn .mainMenu a:visited {
	width: 200px;
	display: block;
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 20px;
	margin-right: 30px;
}
#mainContentRow .mainMenuColumn .mainMenu a span { display: none; }
#mainContentRow .mainMenuColumn .mainMenu ul li ul li span { display: block; }

#mainContentRow .mainMenuColumn .mainMenu ul li {

}
#mainContentRow .mainMenuColumn .mainMenu ul li ul {
	position: relative;
	top: 10px;
	border-top: 1px solid #FFF;
	padding-bottom: 3px;
}
#mainContentRow .mainMenuColumn .mainMenu ul li ul li {
	padding: 0;
	background: none;
	font-size: 11px;
	margin: 0;	
	border-bottom: 1px solid #333;
}
#mainContentRow .mainMenuColumn .mainMenu ul li ul li.active {
	border-bottom: 1px solid #333;
}
#mainContentRow .mainMenuColumn .mainMenu ul li ul li:last-child {
	border-bottom: none;
}
#mainContentRow .mainMenuColumn .mainMenu ul li ul li a:link, #mainContentRow .mainMenuColumn .mainMenu ul li ul li a:visited {
	background: #C8E9F1;
	width: 218px;
	padding-right: 0px;
	line-height: 30px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	padding-right: 32px;
}
#mainContentRow .mainMenuColumn .mainMenu ul li ul li.active a:link, #mainContentRow .mainMenuColumn .mainMenu ul li ul li.active a:visited {
	background: #73CEE1 url(/App_Themes/TuftiesNew/images/menuBulletOff.png) 230px 11px no-repeat !important;
}
#mainContentRow .mainMenuColumn .mainMenu ul li ul li a:link:hover, #mainContentRow .mainMenuColumn .mainMenu ul li ul li a:visited:hover {
	background: #73CEE1 url(/App_Themes/TuftiesNew/images/menuBulletOff.png) 230px 11px no-repeat !important;
}
#mainContentRow .mainMenuColumn .mainMenu ul li ul li.active a:link:hover, #mainContentRow .mainMenuColumn .mainMenu ul li ul li.active a:visited:hover {
	color: #C00 !important;
}
#mainContentRow .mainMenuColumn .homeLink {
	border-bottom: 1px dotted #300;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#mainContentRow .mainMenuColumn .homeLink li {	background: url(/App_Themes/TuftiesNew/images/menuBulletOff.png) 230px 9px no-repeat; }

#mainContentRow .mainMenuColumn .sectionMenu {
	border-bottom: 1px dotted #300;
	padding-top: 10px;
	padding-bottom: 7px;
	margin-bottom: 7px;
}
#mainContentRow .mainMenuColumn .sectionMenu li {
	padding-top: 7px;
	padding-bottom: 7px;
	background: url(/App_Themes/TuftiesNew/images/menuBulletOff.png) 230px 13px no-repeat;
}
#mainContentRow .mainMenuColumn .supportMenu {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
}
#mainContentRow .mainMenuColumn .supportMenu li {
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(/App_Themes/TuftiesNew/images/menuBulletOff.png) 230px 13px no-repeat;
}
#mainContentRow .mainMenuColumn .home {
	background-image: url(/App_Themes/TuftiesNew/images/menu/home.png);
	height: 22px;
	width: 71px;
}
#mainContentRow .mainMenuColumn .hair a {
	background-image: url(/App_Themes/TuftiesNew/images/menu/hair.png);
	height: 16px;
	width: 54px;
}
#mainContentRow .mainMenuColumn .beauty a {
	background-image: url(/App_Themes/TuftiesNew/images/menu/beauty.png);
	height: 16px;
	width: 80px;
}
#mainContentRow .mainMenuColumn .medical-aesthetics a {
	background-image: url(/App_Themes/TuftiesNew/images/menu/medical-aesthetics.png);
	height: 38px;
	width: 125px;
}
#mainContentRow .mainMenuColumn .grooming a {
	background-image: url(/App_Themes/TuftiesNew/images/menu/gentlemens-grooming.png);
	height: 38px;
	width: 146px;
}
#mainContentRow .mainMenuColumn .packages a {
	background-image: url(/App_Themes/TuftiesNew/images/menu/packages.png);
	height: 16px;
	width: 121px;
}
#mainContentRow .mainMenuColumn .wedding a {
	background-image: url(/App_Themes/TuftiesNew/images/menu/wedding.png);
	height: 16px;
	width: 121px;
}
#mainContentRow .mainMenuColumn .about-us a {
	background-image: url(/App_Themes/TuftiesNew/images/menu/about-us.png);
	height: 14px;
	width: 91px;
}
#mainContentRow .mainMenuColumn .promotions a {
	background-image: url(/App_Themes/TuftiesNew/images/menu/promotions.png);
	height: 14px;
	width: 123px;
}
#mainContentRow .mainMenuColumn .gallery a {
	background-image: url(/App_Themes/TuftiesNew/images/menu/gallery.png);
	height: 14px;
	width: 80px;
}
#mainContentRow .mainMenuColumn .contact-us a {
	background-image: url(/App_Themes/TuftiesNew/images/menu/contact-us.png);
	height: 14px;
	width: 116px;
}
#mainContentRow .mainMenuColumn .charity a {
	background-image: url(/App_Themes/TuftiesNew/images/menu/charity.png);
	height: 14px;
	width: 116px;
}
#mainContentRow .mainMenuColumn .our-staff a {
	background-image: url(/App_Themes/TuftiesNew/images/menu/our-staff.png);
	height: 14px;
	width: 116px;
}
#mainContentRow .mainMenuColumn .testimonials a {
	background-image: url(/App_Themes/TuftiesNew/images/menu/testimonials.png);
	height: 14px;
	width: 130px;
}
#mainContentRow .mainMenuColumn .latest-news a {
	background-image: url(/App_Themes/TuftiesNew/images/menu/latestNews.png);
	height: 14px;
	width: 121px;
}
#mainContentRow .mainMenuColumn ul li ul li a {
	height: auto !important;
}

/* # content column # */
#contentColumn {
	float: left;
	width: 548px;
	background: url(/App_Themes/TuftiesNew/images/mainContentSwirl.png) top left no-repeat;
	min-height: 511px;
}
#contentColumn .column {
	float: left;
	width: 550px;
}
#contentColumn .halfwidth {
	width: 273px;
	float: left;

}
#contentColumn .leftHandBigger {
	width: 278px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}
.fullWidthContent {
	width: 518px !important;	
	font-size: 12px;
}

#contentColumn .rightHandSmaller {
	border-left: 1px solid #FFF;
	width: 249px;
	float: left;
}
#contentColumn .pageHeader {
	padding-bottom: 20px;
}
#contentColumn .column p {
	padding: 0;
	padding-bottom: 12px;
}
#contentColumn .column li {}

/* # promotion row # */
#promotionRow {
	float: left;
	width: 800px;
	background: #FFF;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	text-align: center;
}
#promotionRow .promotionIcons {
	width: 780px;
	float: left;
	text-align: center;
}
#promotionRow .iconsLower {
	margin-left: 167px;
}
#promotionRow p {
	padding: 6px 0 6px 0;
	clear: both;
	width: 780px;
}
#promotionRow ul {
	padding: 6px 0px 12px 11px;	
}
#promotionRow ul li {
	margin: 0;
	padding: 0;
	float: left;
	padding-left: 20px;
}

/* # footer Row # */
#footerRow {
	float: left;
	width: 800px;
	text-align: center;
	padding-top: 20px;
}
#footerRow a:link, #footerRow a:visited {
	color: #C0AC94;
	text-decoration: none;
}
#footerRow a:link:hover, #footerRow a:visited:hover {
	color: #FFF;
	text-decoration: none;
}
#footerRow span {
	display: none;
}
#footerRow ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	left: 200px;
	top: 10px;
	padding-bottom: 20px;
}
#footerRow ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #C0AC94;
}
#footerRow ul li:first-child {
	padding-left: 0px;
	border-left: none;
}


/* #  Inner Pages  # */

.innerOffers {
	width: 273px;
	float: left;
	background: #C8E9F1;
}
.innerOffers .offerHeader {
	width: 273px;
	float: left;
	background: #000;
	text-align: center;
}
.innerOffers .offerHeader h2 {
	margin: 0;
	padding: 0;
	padding-top: 13px;
	padding-bottom: 13px;
}
.innerOffers .offerHeader h2 span {
	display: none;
}
.innerOffers .offerDetails {
	float: left;
	padding: 10px;
}
.innerOffers .offerDetails p {
	font-size: 11px;
	line-height: 18px;
}
.innerOffers .offerDetails span {
	font-weight: bold;
}
.innerOffers .offerDetails a {
	font-weight: bold;
	text-decoration: none;
}

.sectionHeader {
	width: 550px;
	float: left;
	text-align: center;
	background: #000;
	border-bottom: 2px solid #FFF;
}
.sectionHeader h1 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.sectionHeader h1 span {
	display: none;
}
/* # price list table # */
.priceListTable {
/*	padding: 10px;*/
	float: left;
}
.priceListTable table {
	border-collapse: separate;
	border-spacing: 1px;
	margin: 0;
}
.priceListTable table th {
	font-size: 11px;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	vertical-align: middle;	
}
.priceListTable table td {
	font-size: 11px;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;	
	vertical-align: middle;	
}

/* # latest salon news # */
.latestSalonNewsBox {
	float: left;
	border-bottom: 1px solid #FFF;
}
.latestSalonNewsBox .latestSalonNewsBoxHeader {
	background: #000;
	text-align: center;
	width: 250px;
	padding-top: 10px;
	padding-bottom: 10px;	
	border-bottom: 1px solid #FFF;	
}
.latestSalonNewsBox .latestSalonNewsBoxContent {
	width: 230px;
	background: #F7F4E0;
	min-height: 250px;
	padding: 10px;
}
.latestSalonNewsBox .latestSalonNewsBoxContent p {
	margin: 0;
	padding: 0;
color: #333 !important;
}
.latestSalonNewsBox .latestSalonNewsBoxContent h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #8D7252;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
.latestSalonNewsBox .latestSalonNewsBoxContent ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.latestSalonNewsBox .latestSalonNewsBoxContent ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.latestSalonNewsBox .latestSalonNewsBoxContent h4, .latestSalonNewsBox .latestSalonNewsBoxContent p {
	padding: 0;
	margin: 0;
	
}
.latestSalonNewsBox .latestSalonNewsBoxContent h4 {
	text-transform: uppercase;
	font-family: Georgia, Times, Serif;
	margin-bottom: 5px;
}
.latestSalonNewsBox .latestSalonNewsBoxContent a {
	text-decoration: none;
	font-weight: bold;
}
.latestSalonNewsBox .latestSalonNewsBoxContent a:link, .latestSalonNewsBox .latestSalonNewsBoxContent a:visited {
	color: #8D7252 !important;
}
.latestSalonNewsBox .latestSalonNewsBoxContent a:link:hover, .latestSalonNewsBox .latestSalonNewsBoxContent a:visited:hover {
	color: #C00 !important;
}
.published {
	font-size: 10px;
	color: #FFF;
}
#contentColumn .column li {
	list-style: none !important;
}
#contentColumn .column .newsItemList h4 {
	text-transform: uppercase;
	font-family: Georgia, Times, Serif;
}
#contentColumn .column .newsItemList a:link, #contentColumn .column .newsItemList a:visited {
	text-decoration: none;
	color: #FFF;
}

#contentColumn .column .newsItemList a:link:hover, #contentColumn .column .newsItemList a:visited:hover {
	text-decoration: none;
	color: #DBD4CC;
}
#contentColumn .column .newsItemList ul {
	margin: 0;
	padding: 0;
	list-style: none !important;
}
#contentColumn .column .newsItemList ul li {
	margin: 0;
	padding: 0;
	list-style: none !important;
}

.googleMap {
	width: 520px;
	margin: 0 auto;
	border: 2px solid #FFF;
	margin-bottom: 20px;
}
.whereHeader {
	width: 520px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 5px;
}


/* # gallery # */
.galleryOuter {
	border: 1px solid #300;
	padding: 1px;
	float: left;
	margin-left: 6px;
	margin-bottom: 20px;
}
.galleryPics {
	width: 530px;
	float: left;
	border: 2px solid #000;
	height: 450px;
	overflow-x: none;
	overflow-y: scroll;
	background: #000;
	position: relative;
}
.galleryPic {
	float: left;
	padding: 2px;
	position: relative;
}
.galleryPic .description {
	position: absolute;
	background: #330000;
	display: block;
	bottom: 5px;
	text-align: center;
	width: 110px;
	border-top: 1px solid #FFF;
}
.galleryPic .description p {
	padding: 0;
	margin: 0;
	color: #FFF;
	font-weight: normal;
	font-size: 10px !important;
	line-height: 14px;
	padding-bottom: 3px;
}
.thumbnail {
	background-repeat: no-repeat;
	width: 110px;
	height: 166px;
	background-position: center center;
	background-color: #FFF;
	border: 1px solid #300;
	padding: 2px;
}
.galleryMenu {
	float: left;
}
.galleryMenu p {
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 14px;
	margin-left: 8px;
}
.galleryMenu ul {
	margin: 0;
	padding: 0;
	margin-left: 8px;
	margin-top: 5px;
}
.galleryMenu li {
	margin: 0;
	padding: 0;
	background: none;
	float: left;
	font-weight: normal;
	border-left: 1px dotted #CCC;
	text-transform: uppercase;
}
.galleryMenu li:first-child {
	border-left: none;
}
.galleryMenu a {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 6px;
	line-height: 18px;
	height: 25px;
	text-align: center;
	font-size: 11px;
	text-decoration: none;
}

.galleryMenu a:link, .galleryMenu a:visited {
	font-weight: bold;
	color: #666;
}
.galleryMenu a:link:hover, .galleryMenu a:visited:hover {
	background: #000;
	color: #CCC;
}
.galleryMenu a.CMSListMenuLinkHighlighted:link, .galleryMenu a.CMSListMenuLinkHighlighted:visited {
	background: #000;
	color: #FFF;
}
/* # contact form # */
.contactForm {
	width: 265px;
	border: 1px solid #736738;
	background: #F2F2F2;
	padding: 5px;
	margin-bottom: 10px;
}
.contactForm table {
	width: 265px !important;
}
.contactForm th {
	text-align: left;
	border-bottom: 1px dotted #999;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 11px;
	color: #333;
	min-width: 100px;
	font-weight: normal;
}
.contactForm td {
	font-size: 11px;
	text-align: left;
	border-bottom: 1px dotted #999;
	padding-top: 6px;
	padding-bottom: 6px;
}
.contactForm td input[type=text] {
	width: 130px !important;
	border: 1px solid #666;
	padding: 2px;
}
.contactForm td textarea {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
	color: #333;
	width: 250px;
	height: 150px;
	border: 1px solid #666;
}
.contactForm td span {	

	color: #C00;
}
.contactForm td table td {
	border-bottom: none !important;
}
.ErrorLabel {
	color: #C00;
}
.FormButton {
	float: right;
	border: 3px double #736738;
	background: #EFECDE;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
}
.openTimeTable {
	font-size: 12px;
}
.openTimeTable table {
	border: 1px solid #FFF;
	width: 250px;
}
.openTimeTable td, .openTimeTable th {
	vertical-align: middle;
	padding: 3px;
}
.openTimeTable h3 {
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-size: 13px !important;
	text-transform: uppercase;
	padding-bottom: 15px;
}

/* # product details # */
.productDetails {
	padding: 10px;
}
.productDetails table {
	width: 255px;
	margin-bottom: 15px;
}
.productDetails h2 {
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	margin-top: 15px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #FFF;
	color: #FFF;
}
.productDetails h2.noborder {
	border-bottom: none;
	font-size: 18px;
	margin-bottom: 15px;
}

.promotionList p {
	border: 1px dotted #FFF;
	padding: 10px !important;
	margin-bottom: 5px;
	background: #DDD8D2;
	color: #333 !important;
}	
.promotionList a:link, .promotionList a:visited {
	color: #C00 !important;
}

/* # testimonials # */ 
.testimonial {
	float: left;
	width: 278px;
}
.testimonial .quote {
	font-size: 13px;
	font-style: italic;
	line-height: 16px;
}
.testimonial .from {
	float:left;
	width: 278px;
	margin-top: 10px;
	text-align: right;
}
.testimonial .from p {
	font-size: 11px;
}