body {
	background-color: #BDB094;
	background-image: url("../images/barclay_bkgd.jpg");
	color: #fff;
	text-align: center;
}



/* container for #menu and #content elements */
/* http://bluerobot.com/web/css/center1.html for box centering method */

#box {
	border: 5px solid #000;
	background-color: #F2E8D1;
	background-image: url("../images/barclay_paper.jpg");
	color: #fff;
	width: 740px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: left;
}



/* left side of page - menu column */

#menu {
	background-image: url("../images/barclay_menu.jpg");
	background-repeat: no-repeat;
	width: 190px;
	padding-top: 10px;
	float: left;
}



/* right side of page - content column */

#content {
	background-color: #F2E8D1;
	background-image: url("../images/barclay_paper.jpg");
	color: #545C52;
	margin-left: 190px;
	padding: 0px 0px 20px 0px;
	line-height: 100%; /* fixes Peekaboo bug in IE6/PC */
}


/* right-aligned Barclay logo */

#logo {
	padding: 0px;
	text-align: right;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000;
}

/* page title background */

#title {
	background-image: url(../images/barclay_title.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, sans-serif;
	background-color: transparent;
}

/* page title */

h1 {
	font-size: 12px;
	letter-spacing: 1px;
	color: #F2E8D1;
	margin: 0px;
	padding: 5px 0px 5px 40px;
}

/* body headings */

h2 {
	font-size: 20px;
	color: #5B684D;
	margin-left: 40px;
	margin-right: 30px;
	padding: 10px 0px 10px 0px;
	line-height: 130%;
}

h3 {
	font-size: 14px;
	margin-left: 40px;
	margin-right: 30px;
	color: #AD483B;
	padding: 0px;
	line-height: 130%;
}

h3.underlined {
	color: #AD483B;
	margin-left: 0px !important;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #AD483B;
	font-size: 16px;
}

h4 {
	font-size: 12px;
	margin-left: 40px;
	margin-right: 30px;
	color: #5B684D;
}

h5 {
	font-size: 12px;
	margin-left: 40px;
	margin-right: 30px;
	color: #AD483B;
}


p, dl, ul, ol, a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: transparent;
	line-height: 150%;
}


p, dl {
	font-size: 12px;
	color: #545C52;
	margin-left: 40px;
	margin-right: 30px;
}


ul li, ol li {
	background-color: transparent;
	color: #545C52;
	margin-left: 30px;
	margin-right: 30px;
	padding-bottom: 15px;
	font-size: 12px;
	line-height: 150%;
}

ul.condensed li, ol.condensed li {
	padding-bottom: 0px;
}

table ul {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dt {
	font-weight: bold;
}


/* standard links in content */

a { 
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

a:link { 
	color: #545C52;
}

a:hover { 
	color: #AD483B;
}

a:visited { 
	color: #888;
}


/* definition links */

a.definition { 
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}

a.definition:link { 
	color: #545C52;
}

a.definition:hover { 
	color: #AD483B;
}

a.definition:visited { 
	color: #888;
}



/* main menu links (bold) */

a.menu1, p.menu1 { 
	background: transparent;
	margin: 0px 0px 0px 15px;
	padding: 5px 0px 2px 0px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

a.menu1:link { 
	color: #000; 
}

a.menu1:hover {
	color: #AD483B; 
}

a.menu1:visited {
	color: #333; 
}



/* secondary menu links (not bold) */

a.menu2 {
	background: transparent;
	margin: 0px 10px 0px 30px;
	padding: 0px 0px 3px 0px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	line-height: 1.2em;
}

a.menu2:link {
	color: #000; 
}

a.menu2:hover {
	color: #AD483B; 
}

a.menu2:visited {
	color: #333333; 
}



/* image links (determines colour and font size of ALT tag text) */

a.image { 
	color: #000;
	font-size: 10px;
	font-weight: normal;
}

.pricelist {
	margin-bottom: 30px;
	line-height: 2em;
}

.price {
	font-weight: bold;
}

/* apply padding to left of price in plain price lists */

.pricelist .price {
	padding-left: 5px;
}

.small {
	font-size: 10px;
	line-height: 12px;
}

.service {
	margin-left: 40px;
	margin-right: 30px;
	padding-left: 0px;
	clear: right;
}

h3.servicename {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	float: left;
	line-height: 100%;
}

.servicetime {
	background-color: transparent;
	color: #AD483B !important;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

.topline {
	margin-top: 2px;
	margin-bottom: 0px;
	padding-top: 5px;
	border-top: 1px solid #AD483B;
	line-height: 150%;
}


h3.rule {
	margin-top: 2px;
	margin-bottom: 7px;
	padding-top: 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid #AD483B;
}

.red {
	color: #AD483B;
	font-weight: bold;
}

.black {
	color: #000;
}


/* Top of Page link */

div.TopOfPage {
	text-align: right;
	margin-right: 30px;
	clear: right;
}

div a.TopOfPage {
	background-color: transparent;
	color: #000;
	font-size: 10px;
	font-weight: normal;
}


/* Home page link */

div.index {
	margin-right: 30px;
	text-align: right;
}

div a.index {
	background-color: transparent;
	color: #000;
	font-size: 10px;
	font-weight: normal;
}

hr {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0;
	text-align: center;
}


/* footer */

.aveda { 
	text-align: center; 
}

div a.aveda {
	background-color: transparent;
	color: #8E8165;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center; 
}

div.credit {
	background-color: transparent;
	color: #8E8165;
	margin: 10px 3px !important;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-align: center;
}

a.credit:link, a.credit:hover, a.credit:visited { 
	background-color: transparent;
	color: #8E8165;
	font-size: 11px;
	font-weight: normal;
}




/* image under menu (determines colour and font size of ALT tag text) */

.menuimage { 
	color: #000;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	margin-top: 20px;
}



form {
	background-color: transparent;
	color: #545C52;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
}

form p {
	margin: 0px;
}

/* heading in form on questionnaire.php */

.quizquestion {
	background-color: transparent;
	color: #5B684D;
	margin-top: 20px;
	padding-bottom: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}


/* boxed text styles */

/* black border with black text */
.boxedText {
	background-color: transparent; 
	color: #000; 
	padding: 1ex;
	border: 1px solid #000;
}

/* green border with green text */
.boxedTextGreen {
	background-color: transparent; 
	padding: 1ex;
	border: 1px solid #545C52;
}

/* black border with black text and taupe background */
.cancellation {
	background-color: #D3C8B0;
	color: black;
	padding: 1ex;
	border: 1px solid #000;
}





/* div to keep tables within margins */

.tableContainer {
	margin-left: 40px;
	margin-right: 30px;
	clear: right;
	/* width: 468px; added on PC ? */
}

.tableContainer h3 {
	margin-left: 0px;
	margin-right: 0px;
}

/* default table styles */

table {
	background-color: transparent;
	color: #545C52;
	margin-top: 0px;
	padding-top: 0px;
	border-style: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

td {
	background-color: transparent;
	color: #545C52;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}


/* table for Buy Now buttons */

table.buyNow {
	width: 99%;
	margin-bottom: 30px;
}


/* table for Buy Now buttons for demonimational Gift Certificate */

table.gc {
	width: 99%;
	margin-top: 2px;
	padding: 5px 0px 20px 0px;
}

table.gc td {
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
}

table.gc td p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 150%;
}

/* set height of table cells containing Buy Now buttons to avoid vertical shifting as page is loading */

table td.tdButton {
	height: 31px;
	padding-bottom: 5px;
}

td hr {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 3px 0px;
}


/* Home page image with links to packages and gift certificates */

td.gift {
	background-color: #CBCEB6;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 168px;
	padding-left: 1.1em;
	padding-right: 1em;
	padding-top: 0.7em;
	vertical-align: top;
}

td.gift li {
  margin: 0px 0px 0px 10px;
  padding: 0px;
}

td.divider {
  padding-left: 7px;
  background-color: #CBCEB6;
}

td .giftHeading {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

td.giftBottom {
	background-image: url("../images/gift_home/gift_home_17.jpg");
	width: 468px;
	height: 29px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
}

table.serviceComparison {
	border-collapse: collapse;
	}

.serviceComparison th,
 .serviceComparison td {
	padding: 4px;
	border: 1px solid #888;
	line-height: 110%;
	}

.serviceComparison th {
	background-color: #E3DDC5;
	}

a.gift:link {
	color: #000;
	font-weight: normal;
}

a.gift:hover {
	color: #AD483B;
	font-weight: normal;
}

a.gift:visited {
	color: #545C52;
	font-weight: normal;
}



/* prevents linked images from breaking up tables */

a img { 
	border: 0px;
}



/* used on treatment.php to insert space after prices */

.padRight {
	padding-right: 10px;
}

/* clear floats */

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.clearBoth {
	clear: both;
}



/* Horizontal alignment classes - doesn't work with colgroups */

.hAlignPosition_1 {
	text-align: left;
}

.hAlignPosition_2 {
	text-align: center;
}

.hAlignPosition_3 {
	text-align: right;
}


/* Vertical alignment classes - doesn't work with colgroups */

.vAlignPosition_1 {
	vertical-align: top;
}

.vAlignPosition_2 {
	vertical-align: middle;
}

.vAlignPosition_3 {
	vertical-align: bottom;
}



/* left- and right-aligned images beside paragraph text */

.rightAlignedImg {
	margin: 3px 0px 5px 20px;
	float: right;
}

.leftAlignedImg {
	margin: 3px 20px 5px 0px;
	float: left;
}



.borderTop {
	border-top: 1px solid #AD483B;
}

.nowrap {
	white-space: nowrap;
	}

.padbottom {
	padding-bottom: 25px;
}





/* -------------------------------------------------------------------------  */
/*                                                                            */
/*  External Links                                                            */
/*                                                                            */
/* -------------------------------------------------------------------------  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/*       if an anchor BEGINS with http then change the cursor                 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

a[href^="http"]
    {
          cursor                       : ne-resize                             ;
    }