/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* Default style sheet for Forresters4Hair.com                         */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* Last modified: 4 Dec 2009                                           */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

html {
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-face-color: #999999;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #cccccc;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #cccccc;
}
body {
	margin-left  : 0px;
	margin-top   : 0px;
	margin-right : 0px;
	margin-bottom: 0px;
	top          : 0px;
}
h1 {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20pt;
	color: #009900;
	letter-spacing: +2pt;
	margin-top: 0em;
	margin-bottom: 0px;
}
h2 {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16pt;
	color: #009900;
	letter-spacing: +2pt;
	margin-top: 0em;
	margin-bottom: 0px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: +2px;
	color: #009900;
	margin-top: 10px;
	margin-bottom: 5px;
}
.foryou_title {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20pt;
	color: #009900;
	letter-spacing: 2pt;
	line-height: 24pt;
	margin-top: 0em;
	margin-bottom: 5px;
}
.foryou_sub_head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 160%;
	letter-spacing: 1px;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 5px;
}
/* Used for error headings */
.error {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20pt;
	color:#FF0000;
	letter-spacing: +2pt;
	margin-top: 0em;
	margin-bottom: 0px;
}
.error_small {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16pt;
	color:#FF0000;
	letter-spacing: +2pt;
	margin-top: 0em;
	margin-bottom: 0px;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* = = = = = = = = = = =  Links for main page  = = = = = = = = = = = = */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
a:active {
	color: #009900;
	font-weight: bold;
	text-decoration:none;
}
a:visited {
	color: #009900;
	font-weight: bold;
	text-decoration:none;
}
a:link {
	color: #009900;
	font-weight: bold;
	text-decoration:none;
}
a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration:none;
	background-color:#99cc99;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* = = = = = = = = = = =  Links for static links   = = = = = = = = = = */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
a.static:active {
	color: #009900;
	font-weight: bold;
	text-decoration:none;
	border-bottom-style: none;
	padding-bottom: 0px;
}
a.static:visited {
	color: #009900;
	font-weight: bold;
	text-decoration:none;
	border-bottom-style: none;
	padding-bottom: 0px;
}
a.static:link {
	color: #009900;
	font-weight: bold;
	text-decoration:none;
	border-bottom-style: none;
	padding-bottom: 0px;
}
a.static:hover {
	color: #000000;
	font-weight: bold;
	background-color:#99cc99;
	text-decoration:none;
	border-bottom-style: none;
	padding-bottom: 0px;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* = = = = = = = = = =  Links within 'Jump To' box = = = = = = = = = = */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
A.jumplinks:active {
	text-decoration	:	none;
	color		:	#000000;
    font-weight: bold;
	border-bottom-style: none;
	padding-bottom: 0px;
}
A.jumplinks:visited {
   	text-decoration	:	none;
   	color		:	#000000;
    font-weight: bold;
	border-bottom-style: none;
	padding-bottom: 0px;
}
A.jumplinks:link {
	text-decoration	:	none;
	color		:	#000000;
    font-weight: bold;
	border-bottom-style: none;
	padding-bottom: 0px;
}
A.jumplinks:hover {
   	text-decoration	:	none;
	color		:	#009900;
	background-color: #f0f0f0;
	border-bottom-style: none;
	padding-bottom: 0px;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* Links within 'Top Nav Bar'                                                                          */
/* These links get no underline or embelishment at all.  Used for links within the top navigation bar  */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
A.navlinks:active {
	text-decoration	:	none;
	color		:	#CCCCCC;
	border-bottom-style: none;
	padding-bottom: 0px;
}
A.navlinks:visited {
  text-decoration	:	none;
  color		:	#CCCCCC;
	border-bottom-style: none;
	padding-bottom: 0px;
}
A.navlinks:link {
	text-decoration	:	none;
	color		:	#CCCCCC;
	border-bottom-style: none;
	padding-bottom: 0px;
}
A.navlinks:hover {
  text-decoration	:	none;
	color		:	#99cc99;
	background-color: #000000;
	border-bottom-style: none;
	padding-bottom: 0px;
}


A.menulinks {
  text-decoration	:	none;
	color: #000000;
	background-color: transparent;
	border-bottom-style: none;
	padding-bottom: 0px;
}

img { border: none; }

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* Links for image links                                                                               */
/* These links get no underline or embelishment at all.  Used for image links within pages             */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
A.imglinks {
	text-decoration	:	none;
	color		:	#FFFFFF;
	border: none;
	background-color: transparent;
}

/* Put a 1 pixel black border, used on thumbnails that need a border on the image */
.imageborders {
	border:1px solid #000000;
}


/* Additional links text */
.add_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	padding-left: 3px;
}
/* Search text, box etc */
.search_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
  padding-left: 0px;
}


/* ===================================================== */
/* Style settings for search box forms controls          */
/* ===================================================== */
FORM.Search {
	margin-top       : 0;
	margin-bottom    : 0;
	margin-left      : 0;
	margin-right     : 0;
}
SELECT.Search {
	background-color : #f2f0f0;
	color            : #000000;
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 10px;
    }
INPUT.Search {
	border           : 1px #999999 solid;
	color            : #000000;
	background-color : #000000;
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 10pt;
}


/* ===================================================== */
/* Style settings for Forms controls                     */
/* ===================================================== */
INPUT {
	color            : #000000;
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 10pt;
}
SELECT {
	color            : #000000;
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 10pt;
}



/* ===================================================== */
/* Styles for the search roll over field                 */
/* ===================================================== */
.normal   {	border: 1px #999999 solid; height: 16px; }
.normal2  { border: 1px #cccccc solid; height: 16px; background: #cccccc; }
.focus    { border: 1px #99cc99 solid; height: 16px; background: #ffffff; }
.rollover { border: 1px #99cc99 solid; height: 16px; background: #cccccc; }



.jump_to_title {
	font-size: 16px;
	font-weight: bold;
}

/* Headings */
.heading {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20pt;
	color: #009900;
	letter-spacing: +2pt;
	margin-top: 0em;
	margin-bottom: 0px;
}
/* All sub headings */
.sub_headings {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16pt;
	color: #009900;
	font-weight: bold;
	letter-spacing: +.5pt;
	word-spacing: +2pt;
	line-height: 1.2em;
}
/* Used for salon address etc */
.larger_basic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.normal_text, td, th, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
	letter-spacing: 1px;
}






/* Indent the opening times */
.opening_hours {
	margin-left: 125px;
	float: inherit;
}
/* Font used for text in all black login boxes */
.login_normal {
  color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
}



/* ============================================================================ */
/* These styles are used in the page footers, all created via a central file    */
/* ============================================================================ */
#Footer {
	position:relative;
top: 20px;
	width:960px;
	z-index:1;
	border-top-width: 2px;
	border-top-color: #009900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inherit;
	padding-top: 3px;
	padding-bottom: 5px;
	border-top-style: solid;
	margin-left: 10px;
}
#Footer_Legal {
position:relative;
top: 20px;
	width:960px;
	z-index:1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	display: inherit;
	padding-top: 9px;
	margin-left: 10px;
	padding-bottom:20px;
}
A.footerlinks:active {
	text-decoration	: none;
	color			: #000000;
	border-bottom-style: dotted;
	border-bottom-color: #009900;
	border-bottom-width: thin;
	padding-bottom: 3px;
}
A.footerlinks:visited {
   	text-decoration	: none;
   	color			: #000000;
	border-bottom-style: dotted;
	border-bottom-color: #009900;
	border-bottom-width: thin;
	padding-bottom: 3px;
}
A.footerlinks:link {
	text-decoration	: none;
	color			: #000000;
	border-bottom-style: dotted;
	border-bottom-color: #009900;
	border-bottom-width: thin;
	padding-bottom: 3px;
}
A.footerlinks:hover {
	text-decoration	: none;
	color			: #009900;
	background-color:#FFFFFF;
	border-bottom-style: solid;
	border-bottom-color: #009900;
	border-bottom-width: thin;
	padding-bottom: 3px;
}


#print_container_footer {
	visibility: hidden;
	position: relative;
	top: 20px;
	width:750px;
	z-index:1;
	border-top-width: 2px;
	border-top-color: #009900;
	display: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 5px;
	border-top-style: solid;
}
#print_container {
	visibility: hidden;
	display: none;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* Div's for positioning elements on the page */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* Main container which all others sit inside */
#DivContainer {
	position:relative;
	left:0px;
	top:0px;
	width:960px;
	z-index:1;
	margin-left: 10px;
	clear: both;
}
/* Related links box */
#DivRelatedBox {
	left:678px;
	top:50px;
	width:280px;
	background-color: #FFFFFF;
	float: right;
	margin-left: 20px;
	padding-bottom: 10px;
	border-color: #999999;
	border-width: 2px;
	border-style: solid;
}
/* Tips box for 4-You page */
#Div4YouTipBox {
	left:30px;
	width:875px;
	background-color: #E1E1E1;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-color: #999999;
	border-width: 2px;
	border-style: solid;
}
/* Tips box for 4-You page - Top of page to left of related tips */
#Div4YouTopTipBox {
	left:30px;
	width:585px;
	background-color: #E1E1E1;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-color: #999999;
	border-width: 2px;
	border-style: solid;
}
/* Heading for the related links box, includes a title, background colour and a line under the heading */
.related-box h1 {
	margin-top: 0px;
	margin-bottom: 5px;
	border-bottom: 1px #b0b1ba solid;
	color: #FFFFFF;
	background-color: #7CA57C;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14pt;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
}
/* Text formatting within the related links/credits box */
.box-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}

/* Padding for images on collection pages - 30 x 30 pixels */
/* They either use this or set it via an inline style      */
.pad30 {
	padding: 30px;
}
/* Padding for images on collection pages - 25 x 25 pixels */
/* They either use this or set it via an inline style      */
.pad25 {
	padding: 25px;
}
/* Padding for images on collection pages - 30 x 20 pixels */
/* They either use this or set it via an inline style      */
.pad30-20 {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* = = = = = = = Div's For Layout Of Top Navigation  = = = = = = = = = */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#DivBackground {
	position:absolute;
	left:0px;
	top:0px;
	width:971px;
	height:152px;
	z-index:1;
	background-color: #000000;
}
#DivLogo {
	position:absolute;
	left:8px;
	top:8px;
	width:190px;
	height:91px;
	z-index:2;
}
#DivFlash {
	position:absolute;
	left:198px;
	top:8px;
	width:601px;
	height:91px;
	z-index:3;
}
#DivVertLine1 {
	position:absolute;
	left:799px;
	top:8px;
	width:2px;
	height:91px;
	z-index:4;
}
#DivLinks {
	position:absolute;
	left:803px;
	top:8px;
	width:148px;
	height:91px;
	z-index:5;
	padding-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 145%;
	color: #CCCCCC;
}
#DivHorizLine1 {
	position:absolute;
	left:8px;
	top:108px;
	width:951px;
	height:2px;
	z-index:7;
}
#DivGroupMenu {
	position:absolute;
	left:8px;
	top:119px;
	width:62px;
	height:14px;
	z-index:9;
}
#DivStylesMenu {
	position:absolute;
	left:89px;
	top:119px;
	width:62px;
	height:14px;
	z-index:10;
}
#DivSalonsMenu {
	position:absolute;
	left:171px;
	top:119px;
	width:66px;
	height:14px;
	z-index:11;
}
#DivBeautyMenu {
	position:absolute;
	left:258px;
	top:119px;
	width:79px;
	height:14px;
	z-index:12;
}
#DivOpportunitiesMenu {
	position:absolute;
	left:356px;
	top:119px;
	width:122px;
	height:14px;
	z-index:13;
}
#DivMoreMenu {
	position:absolute;
	left:499px;
	top:119px;
	width:54px;
	height:14px;
	z-index:14;
}
#DivVertLine2 {
	position:absolute;
	left:570px;
	top:114px;
	width:2px;
	height:24px;
	z-index:15;
}
#DivHelpPop {
	position:absolute;
	left:588px;
	top:115px;
	width:63px;
	height:19px;
	z-index:16;
}
#DivContact {
	position:absolute;
	left:672px;
	top:118px;
	width:112px;
	height:17px;
	z-index:16;
}
#VertLine3 {
	position:absolute;
	left:799px;
	top:114px;
	width:2px;
	height:24px;
	z-index:17;
}
#DivSearchText {
	position:absolute;
	left:814px;
	top:119px;
	width:54px;
	height:16px;
	z-index:19;
}
#DivSearchBox {
	position:absolute;
	left:874px;
	top:115px;
	width:60px;
	height:20px;
	z-index:20;
}
#DivSearchGo {
	position:absolute;
	left:941px;
	top:116px;
	width:18px;
	height:21px;
	z-index:21;
}
#DivHorizLine2 {
	position:absolute;
	left:8px;
	top:142px;
	width:951px;
	height:2px;
	z-index:8;
}
#DivRightShad {
	position:absolute;
	left:970px;
	top:0px;
	width:10px;
	height:152px;
	z-index:6;
}
#DivBottomShad {
	position:absolute;
	left:0px;
	top:152px;
	width:980px;
	height:6px;
	z-index:2;
}
/* Style for bulleted lists for site map, no indent */
ul.smap {
	margin-left:10px;
	padding-left:10px;
}
/* Set all lists to use disc for bullet and set line height */
li {
	line-height: 20px;
	list-style-type: disc;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}