﻿
body
{
    font-family: "Trebuchet MS" ,Arial, Helvetica, sans;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    background-color: #F3EB7B;
}


/*  Heading Tags */
H1
{
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    
}
H2
{
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

P
{
    font-size: 12px;
    color: #000000;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}

/*  Links  */
A:link
{
    text-decoration: none;
    color: #C70001;
    font-weight: bold;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}
A:visited
{
    text-decoration: none;
    color: #C70001;
    font-weight: bold;
    margin-left : 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}
A:active
{
    text-decoration: none;
    color: #C70001;
    font-weight: bold;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}
A:hover
{
    text-decoration: none;
    color: #FD0102;
    font-weight: bold;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}

.Error
{
    font-size: 11px;
    color: Red;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}

.PageHeader
{
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}

.MenuBar
{
    font-size: 12px;
    color: #000000;
    vertical-align: middle;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}



/*  General Site Text  */
.VLargeBlack
{
    font-size: 40px;
    color: #000000;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}
.LargeBlack
{
    font-size: 20px;
    color: #000000;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}
.MediumBlack
{
    font-size: 14px;
    color: #000000;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}
.SmallBlack
{
    font-size: 12px;
    color: #000000;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}
.VSmallBlack
{
    font-size: 11px;
    color: #000000;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}
.SmallBlackJustify
{
    font-size: 12px;
    color: #000000;
    text-align: justify;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}
.VVSmallBlack
{
    font-size: 9px;
    color: #000000;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}


/* text area (multi line textbox */
TextArea
{
font-size: 12px;
    font-family: "Trebuchet MS" ,Arial, Helvetica, sans;
    color: #000000;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
} 


/*  Client Testimonials  */
.Testimonial
{
    font-family: Arial, Helvetica, sans;
    font-size: 12px;
    color: #000000;
    text-align: justify;
}
.TestimonialSig
{
    font-family: Arial, Helvetica, sans;
    font-size: 13px;
    color: Blue;
    text-align: right;
}

.Treatment
{
    font-size: 11px;
    color: #000000;
}

/*  Recommend a Friend  */
.VLargeRecommend
{
    font-size: 40px;
    color: Red;
}
.LargeRecommend
{
    font-size: 20px;
    color: Red;
}
.MediumRecommend
{
    font-size: 14px;
    color: Red;
}

/*  Popup CSS for Salon Tour  */
#pic
{
    background-color: #FFFFFF;
    left: 0px;
    position: relative;
    top: 0px;
    width: 80px;
}
#pic a .large
{
    border: 0px;
    display: block;
    height: 1px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 1px;
}
#pic a img
{
    border: solid 1px #C70001;
}
#pic a.p1, #pic a.p1:visited
{
    background: #FFFFFF;
    display: block;
    height: 80px;
    left: 0;
    text-decoration: none;
    top: 0;
    width: 80px;
}
#pic a.p1:hover
{
    background-color: #8C97A3;
    color: #000000;
    text-decoration: none;
}
#pic a.p1:hover .large
{
    border: 2px Solid #000000;
    display: block;
    height: 150px;
    left: 100px;
    position: absolute;
    top: -60px;
    width: 200px;
}
#pic a.p2, #pic a.p2:visited
{
    background: #FFFFFF;
    display: block;
    height: 166px;
    left: 0;
    text-decoration: none;
    top: 0;
    width: 80px;
}
#pic a.p2:hover
{
    background-color: #8C97A3;
    color: #000000;
    text-decoration: none;
}
#pic a.p2:hover .large
{
    border: 2px solid #000000;
    display: block;
    height: 150px;
    left: -230px;
    position: absolute;
    top: -30px;
    width: 200px;
}

#pic1
{
    background-color: #FFFFFF;
    left: 0px;
    position: relative;
    top: 0px;
    width: 80px;
}
#pic1 a .large
{
    border: 0px;
    display: block;
    height: 1px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 1px;
}
#pic1 a img
{
    border: solid 1px #C70001;
}
#pic1 a.p1, #pic a.p1:visited
{
    background: #FFFFFF;
    display: block;
    height: 80px;
    left: 0;
    text-decoration: none;
    top: 0;
    width: 80px;
}
#pic1 a.p1:hover
{
    background-color: #8C97A3;
    color: #000000;
    text-decoration: none;
}
#pic1 a.p1:hover .large
{
    border: 2px Solid #000000;
    display: block;
    height: 150px;
    left: 100px;
    position: absolute;
    top: -60px;
    width: 200px;
}
#pic1 a.p2, #pic a.p2:visited
{
    background: #FFFFFF;
    display: block;
    height: 166px;
    left: 0;
    text-decoration: none;
    top: 0;
    width: 80px;
}
#pic1 a.p2:hover
{
    background-color: #8C97A3;
    color: #000000;
    text-decoration: none;
}
#pic1 a.p2:hover .large
{
    border: 2px solid #000000;
    display: block;
    height: 150px;
    left: -230px;
    position: absolute;
    top: -30px;
    width: 200px;
}

#pic2
{
    background-color: #FFFFFF;
    left: 0px;
    position: relative;
    top: 0px;
    width: 80px;
}
#pic2 a .large
{
    border: 0px;
    display: block;
    height: 1px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 1px;
}
#pic2 a img
{
    border: solid 1px #C70001;
}
#pic2 a.p1, #pic a.p1:visited
{
    background: #FFFFFF;
    display: block;
    height: 80px;
    left: 0;
    text-decoration: none;
    top: 0;
    width: 80px;
}
#pic2 a.p1:hover
{
    background-color: #8C97A3;
    color: #000000;
    text-decoration: none;
}
#pic2 a.p1:hover .large
{
    border: 2px Solid #000000;
    display: block;
    height: 150px;
    left: 100px;
    position: absolute;
    top: -60px;
    width: 200px;
}
#pic2 a.p2, #pic a.p2:visited
{
    background: #FFFFFF;
    display: block;
    height: 166px;
    left: 0;
    text-decoration: none;
    top: 0;
    width: 80px;
}
#pic2 a.p2:hover
{
    background-color: #8C97A3;
    color: #000000;
    text-decoration: none;
}
#pic2 a.p2:hover .large
{
    border: 2px solid #000000;
    display: block;
    height: 150px;
    left: -230px;
    position: absolute;
    top: -30px;
    width: 200px;
}

#pic3
{
    background-color: #FFFFFF;
    left: 0px;
    position: relative;
    top: 0px;
    width: 80px;
}
#pic3 a .large
{
    border: 0px;
    display: block;
    height: 1px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 1px;
}
#pic3 a img
{
    border: solid 1px #C70001;
}
#pic3 a.p1, #pic a.p1:visited
{
    background: #FFFFFF;
    display: block;
    height: 80px;
    left: 0;
    text-decoration: none;
    top: 0;
    width: 80px;
}
#pic3 a.p1:hover
{
    background-color: #8C97A3;
    color: #000000;
    text-decoration: none;
}
#pic3 a.p1:hover .large
{
    border: 2px Solid #000000;
    display: block;
    height: 150px;
    left: 100px;
    position: absolute;
    top: -60px;
    width: 200px;
}
#pic3 a.p2, #pic a.p2:visited
{
    background: #FFFFFF;
    display: block;
    height: 166px;
    left: 0;
    text-decoration: none;
    top: 0;
    width: 80px;
}
#pic3 a.p2:hover
{
    background-color: #8C97A3;
    color: #000000;
    text-decoration: none;
}
#pic3 a.p2:hover .large
{
    border: 2px solid #000000;
    display: block;
    height: 150px;
    left: -230px;
    position: absolute;
    top: -30px;
    width: 200px;
}


/* links on page footer  */
#SalonServices A
{
    text-decoration: none;
    color: White;
    font-weight: normal;
    font-family: Arial, Helvetica, sans;
    font-size: 13px;
    
}

#SalonServices .Heading 
{
    text-decoration: none;
    color: White;
    font-weight: bold;
    font-family: Arial, Helvetica, sans;
    font-size: 16px;
}

#SalonServices ul
{
    text-decoration: none;
    color: White;
    font-weight: bold;
    font-family: Arial, Helvetica, sans;
    font-size: 16px;
}


#HomeBeautyTable A
{
	text-decoration: none;
    color: Black;
    font-weight: normal;
    font-size: 12px;
}
