﻿body {margin:0px; padding:0px; background-color:#e6c3b0;}

a {color:#074a9c; text-decoration:none;}
a:hover {text-decoration:underline;}

.error-text {height:45px; color:#3b1b0a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; text-align:center;}

.top-section {margin-top:50px;}


/*-------- FOR THE TOP MENU AND THE ARROWS THAT INDICATE THE PAGE IT'S ON -------------*/
ul.top-menu {list-style:none; margin:0px; padding:0px; text-align:center; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.top-menu li {float:left; padding:0px 10px 12px 10px;}
.top-menu a {color:#000000; text-decoration:none;}
.top-menu a:hover {text-decoration:underline;}

body.book-appointment .top-menu li.book-appointment, body.view-appointment .top-menu li.view-appointment, body.my-account .top-menu li.my-account, body.browse-products .top-menu li.browse-products, body.about-us .top-menu li.about-us  
{background-image:url(Images/red-arrow.png); background-repeat:no-repeat; background-position:bottom center;}


/*-------- HEADING TITLES -------------*/
h1 {color:#3b1b0a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; margin:0px 0px 5px 0px; padding:0px;} /* FOR BIG TITLES IN CONTENT AREA */
h2 {color:#3b1b0a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; width:100%; margin:0px; padding:0px; border-bottom:3px #3b1b0a solid;} /* FOR TOP TITLES */
h3 {color:#3b1b0a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; margin:0px 0px 5px 0px; padding:0px;} /*FOR SUB HEADING TITLES */


/*-------- CONTAINER FOR THE ROUNDED EDGES BOX SHAPE -------------*/
.rounded-edges_top-left {background-image:url(Images/rounded-edges_top-left.png); background-repeat:no-repeat; width:24px; height:25px;}
.rounded-edges_top-sliver {background-image:url(Images/rounded-edges_top-sliver.png); background-repeat:repeat-x; height:25px;}
.rounded-edges_top-right {background-image:url(Images/rounded-edges_top-right.png); background-repeat:no-repeat; width:25px; height:25px;}
.rounded-edges_left-sliver {background-image:url(Images/rounded-edges_left-sliver.png); background-repeat:repeat-y; width:24px;}
.rounded-edges_content {color:#3b1b0a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#f3e0d6;}
.rounded-edges_content a.options {color:#074a9c; display:block; padding:8px;}
.rounded-edges_content a.options:hover {background-color:#e4cabd;}
.rounded-edges_content a.time-select {display:block; padding:4px;}
.rounded-edges_content a.time-select:hover {background-color:#e4cabd;}
.rounded-edges_right-sliver {background-image:url(Images/rounded-edges_right-sliver.png); backgorund-repeat:repeat-x; width:25px;}
.rounded-edges_bottom-left {background-image:url(Images/rounded-edges_bottom-left.png); background-repeat:no-repeat; width:24px; height:25px;}
.rounded-edges_bottom-sliver {background-image:url(Images/rounded-edges_bottom-sliver.png); background-repeat:repeat-x; height:25px;}
.rounded-edges_bottom-right {background-image:url(Images/rounded-edges_bottom-right.png); background-repeat:no-repeat; width:25px; height:25px;}


/*-------- CONTAINER FOR THE SQUARED EDGES BOX SHAPE -------------*/
.squared_top-left {background-image:url(Images/squared_top-left.png); background-repeat:no-repeat; width:24px; height:25px;}
.squared_top-sliver {background-image:url(Images/squared_top-sliver.png); background-repeat:repeat-x; height:25px;}
.squared_top-right {background-image:url(Images/squared_top-right.png); background-repeat:no-repeat; width:25px; height:25px;}
.squared_left-sliver {background-image:url(Images/squared_left-sliver.png); background-repeat:repeat-y; width:24px;}
.squared_content {color:#3b1b0a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#f3e0d6;}
.squared_right-sliver {background-image:url(Images/squared_right-sliver.png); backgorund-repeat:repeat-x; width:25px;}
.squared_bottom-left {background-image:url(Images/squared_bottom-left.png); background-repeat:no-repeat; width:24px; height:25px;}
.squared_bottom-sliver {background-image:url(Images/squared_bottom-sliver.png); background-repeat:repeat-x; height:25px;}
.squared_bottom-right {background-image:url(Images/squared_bottom-right.png); background-repeat:no-repeat; width:25px; height:25px;}


/*-------- CANDLES AT THE BOTTOM -------------*/
#candle_bottom-right {width:100%; height:167px; background-image:url('Images/candles_bottom-right.png'); 
background-repeat:no-repeat; background-position:right; position:fixed; bottom:304px; 
z-index:-1;
    left: 0px;
}
#candle_bottom-left {width:100%; height:170px; background-image:url(Images/candles_bottom-left.png); background-repeat:no-repeat; background-position:-35px 0px; position:fixed; bottom:25px; z-index:-1;}


/*-------- ALIGNMENT STYLES -------------*/
.center-align {text-align:right;
}
.right-align {text-align:right;}


/*-------- STYLES FOR TABLE THAT SHOWS A LIST OF STUFF -------------*/
.GridHeader {background-color:#a57f6a; color:#FFFFFF; font-size:13px; height:30px; padding-left:3px; padding-right:3px;}
.Grid td {padding:6px; font-size:12px; background-color:#f3e0d6;}


/*-------- CALENDAR STYLES  -------------*/
td.Cal {background-color:#f3e0d6; text-align:center;}
.Cal {font-size:12px; border-color:#a0522e; color:black;}
.Cal a {text-decoration:underline; padding:10px 12px;}
.Cal a:hover {text-decoration:none; background-color:#e8cfc2;}


/*-------- FOOTER STYLES -------------*/

.footer {font-family:Verdana, Arial, Helvetica, sans-serif; color:#3b1b0a; font-size:14px;}
.footer a {color:#3b1b0a; text-decoration:none;}
.footer a:hover {text-decoration:underline;}

/**TOP BAR **/

/*a.ServiceLink
{
color:Blue;
}

a.ServiceLink:Hover
{
	color:Blue;
}

 

table.TopBar 
{
	background-color:#6A8491;
	white-space:nowrap;
	border-style:solid;
	border-color:Black;
	border-width:1px;
}

td.TopBarCell
{	
	white-space:nowrap;
	padding-left: 10px;
	padding-right:10px;
}

table.TopBarBottom
{
	background-color:#92a1ac;
	white-space:nowrap;
	border-style:solid;
	border-color:black;
	border-left-width:1px;
	border-bottom-width:1px;
	border-top-width:0px;
	border-right-width:1px;
	font-size:small;
}

/** ----------------------**/

/* Step Table */

/* td.StepButton
{	
	background-color:#d5e1ea;
    border-style:solid;
    border-width:1px;
    border-color:Black;
    width: 80px;
    height:25px;
}

.StepButton
{
text-decoration:none;
color:Black;
}

td.OnStepButton

{	
	background-color:#f9f5ba;
    text-decoration:none;
    border-color:Black;
    width: 80px;
    height:25px;
}

td.StepButton:hover 
{
	background-color:#f9f5ba;
    text-decoration:none;
   }

/* ---------------- */

/** POSITION **/
/* td.Center
{
 text-align:center;
}

td.Left
{
	text-align:left;
}

td.Top
{
	vertical-align:top;
}

td.Right
{
	text-align:right;
}


/** ---------------- **/

/* table.MainBody
{
	border-style:solid;
	border-left-width:0px;
	border-bottom-width:0px;
	border-top-width:0px;
	border-right-width:0px;
	border-color:Black;
	font-size:12px;
	text-align:center;
}

.LinkButton
{
	color:white;	
	font-size:11px;
	font-weight:bold;
}

.LinkButton:hover
{	
	text-decoration:underline;
	color:Scrollbar;
}

td.Cal
{
 background-color:White;
 text-align:center;
}


.Cal
{
	font-size:11px;
	border-color:#6A8491;
	color:black;
}

table.NoBorder
{
	border-style:solid;
	border-color:Black;
	border-width:0px;
	border-collapse:collapse;
}

.ListBox
{
	border-color:#6A8491;
	color:black;
	border-style:solid;
	border-width:1px;
}

Select.List
{
border-color:Black;
border-width:1px;
border-style:solid;
border-collapse:collapse;
padding: 0px 0px 0px 0px;

}

td.Hint
{
	font-size:11px;
	text-align:left;
	margin-left:10px; 
	text-indent:10px;
	padding-left:10px;
}

td.ErrorCell
{
	padding-left:5px;
	text-align:left;	
	border-width:0px;
	color:Red;
	font-weight:bold;
}

.Error
{
	border-color:red;
	border-style:solid;
	font-size:14px;
	border-width:1px;
	font-weight:bold;
	background-color:#ffe4e1;
    background-position:left;
    color:Black;
}

.LabelLeft
{text-align:left;}

body.Body
{
	font-family:Verdana;
}

table.NewClient
{
	border-color:Black;
	border-style:solid;
	border-width:1px;
	font-size:small;
	background-color:#f0ffff;
    background-position:left;
    border-spacing:0px;
    border-collapse: collapse;
}

.LabelSubHeader
{
	text-align:left;
	margin-left: 10px;
	font-size:12px;
}

.LabelHeader
{
	text-align:left;
	background-position: left;
	font-size:18px;
	margin-left: 10px;
}

table.NewClientTitle
{
	background-color:#d5e1ea;
	border-collapse:collapse;
	text-align:left;
	font-weight:bold;
	border-color:black;
	border-style:solid;
	border-left-width:0px;
	border-bottom-width:0px;
	border-top-width:0px;
	border-right-width:0px;
}

td.NewClientBar
{
background-color:#6A8491;
color:White;
font-size:11px;
font-weight:bold;
border-bottom-width:1px;
border-color:black;
padding-left:10px;
height: 20px;

}

td.SubHeader
{

	background-color:#d5e1ea;
	text-align:left;
	height: 20px;
	font-weight:bold;
	border-width:1px;
	border-style:solid;
	border-color:Black;
}


td.NewClientHeader
{

	background-color:#d5e1ea;
	text-align:left;
	height: 30px;
	font-weight:bold;
}

.NewClientButton
{
	border-color:Black;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	background-color:#CCCCCC;
}

.tb-border {
    border: 1px solid #000000;
}



table.Login
{
	background-color:#6A8491;
	border-width:1px;
	border-color:black;
	border-style:solid;
	font-weight:bold;
	color:White;
	text-align:center;
	font-size:12px;
	
}

td.PageHeader
{
	font-size:14px;
	text-align:center;
	
}

.Link
{
	font-size:11px;
	color:white;
	text-decoration:none;
}

.Link:Hover
{
	text-decoration:underline;
}

.LinkDark
{
	color:blue;
	text-decoration:none;
	font-size:11px;
}

.LinkDark:Hover
{
	text-decoration:underline;
}


table.Footer
{
	border-style:solid;
	border-left-width:0px;
	border-bottom-width:0px;
	border-top-width:1px;
	border-right-width:0px;
	border-color:#6A8491;
	font-size:10px;
	text-align:center;
}
table.Header
{
	background-color:#d5e1ea;
	border-width:1px;
	border-color:black;
	border-style:solid;
	text-align:left;
	font-weight:bold;
	color: black;
	width:100%;
	padding-left:20px;
	
}

.Grid td
{
	padding-left:6px;
	padding-right:6px;
	font-size:11px;	
}

.GridHeader
{
	background-color:#6A8491;
	color:White;
	font-size:13px; 
	height:30px;
	padding-left:3px;
	padding-right:3px;
}

/** MyAccount Client Table**/

/* table.Client
{
  border-style:solid;
  border-width:1px;
  border-color: Black;
  background-color: #6A8491;
  color: White;
  font-weight:bold;
  text-align:right;
  padding-left: 6px;
  padding-right: 6px;
}

/** -----------------**/

/* td.Location
{
	border: solid 1px black;
	background-color: #6A8491;
	padding-left: 10px;
	padding-right: 10px;
	text-align:center;
	color:White;
}

table.SortBy 
{
	border-color:Black;
	border-style:solid;
	border-width:1px;
	color:black;
	background-color:#d5e1ea;
	text-align:right;
	font-weight:bold;
}

/* Tool Tip     */

/* a.info{
    position:relative; /*this is the key*/
   /* z-index:24; /*background-color:#ccc;
    color:#000;*/
/*    text-decoration:none}

a.info:hover{z-index:25; /*background-color:#ff0*/}

/* a.info span{display: none}

a.info:hover span
   { /*the span will display just on :hover state*/
   /* display:block;
    font-family:Verdana;
    font-size:10px;
    font-weight:normal;
    text-align:center;
    color:Black;
    position:absolute;
    bottom:1em; left:1em; width:200px;
    background-color:#f9f5ba;
    border:1px silver;
    border-style:dotted;
    padding: 0px 0px 0px 0px;}

  