@charset "UTF-8";
/*

www.hairprocharming.com
December 2008 Update

*/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, 'Trebuchet MS', sans-serif;
	font-size: 11px;
	text-align: left;
	background: #131313;
}



/* Fonts and etc */

p {
	font-size: 11px;
	line-height: 16px;
	margin: 0 16px 8px 16px;
	color: #CCCCCC;
}

h2, h3, h4, h5, h6 {
	font-family: Arial, Verdana, 'Trebuchet MS', sans-serif;
	margin: 0 16px 20px 16px;
	color: #FFFFFF;
}

h2 {
	font-size: 24px;
	margin-top: 10px;
	font-weight: normal;
}

.ie h2 {
	margin-top: 5px;
}

h3 {
	font-size: 19px;
	margin-bottom: 15px;
}

h4 {
	font-size: 16px;
	margin-bottom: 15px;
}

h5 {
	font-size: 14px;
	margin-bottom: 15px;
}

h6 {
	font-size: 13px;
	margin-bottom: 10px;
}

/* Font and etc ends */



/* Links */

a, a:visited {
	text-decoration: none;
	color: #d20c0c;
}

a:hover {
	text-decoration: underline;
}

a:focus, a:active {
	border: none;
	outline: none;
}

/* Links end */



/* Classes */

.top_margin {
	margin-top: 40px;
}

.center {
	text-align: center;
}

.hr_style1 {
	height: 10px;
	margin: 20px 0 20px 0;
	background: url(/resources/images/hr_style1.gif) top left no-repeat;
	clear: both;
}

.four_stars {
	background: url(/resources/images/4_stars.gif) center right no-repeat;
}

.five_stars {
	background: url(/resources/images/5_stars.gif) center right no-repeat;
}

ul.bullet_points {
	margin: 0 16px 8px 16px;
	color: #CCCCCC;
}

	ul.bullet_points li {
		list-style: outside disc;
		margin-left: 20px;
		margin-bottom: 6px;
		line-height: 16px;
	}

ol.number_points {
	margin: 0 16px 8px 16px;
	color: #CCCCCC;
}

	ol.number_points li {
		list-style: outside decimal;
		margin-left: 20px;
		margin-bottom: 6px;
		line-height: 16px;
	}

.push {
	width: 100%;
	height: 1px;
	clear: both;
	display: block;
}

/* Classes end */



/* Scripts */



/* Scripts end */



/* Structures */

#top_banner {
	margin: 0;
	padding: 4px 0;
	text-align: center;
/*	background: #690015;*/
	background: #510413;
	color: #95746d;
	font-size: 11px;
	line-height: 11px;
}

#top_banner a,
#top_banner a:visited {
	color: #CCCCCC;
	text-decoration: none;
}

#top_banner a:hover {
	text-decoration: underline;
}

#page {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #131313 url(/resources/images/page_bg_pattern_v2.gif) top left repeat-x;
}
/*
html, body, #page { height: 100%; }
body > #page { height: auto; min-height: 100%; }
*/
#header {
	width: 995px;
	display: block;
	overflow: auto;
}

	#header_left {
		float: left;
		width: 280px;
		height: 150px;
		background: url(/resources/images/header_left_bg_v2.gif) top left no-repeat;
	}
	
	#header_right {
		float: left;
		width: 715px;
		height: 150px;
		background: url(/resources/images/header_right_bg.gif) top right no-repeat;
	}
	
		#header_store_info {
			width: 100%;
			height: 76px;
		}
		
		#fscroller {
			float:left;
			margin: 0;
			margin-top: 30px;
			margin-left: 25px;
			font: Verdana, Arial, Helvetica, sans-serif;
			font-style: italic;
			font-size: 14px;
			text-align: center;
		}
	
		#main_menu {
			width: 100%;
			height: 40px;
			padding-top: 0;
		}
		
			#main_menu ul {
				width: 99%;
				margin-left: 1%;
				text-align: left;
			}
			
				#main_menu ul li {
					list-style: none;
					display: inline;
					margin: 0;
					text-transform: uppercase;
					background: url(/resources/images/mainmenu_v2/mainmenu_pattern.gif) center center repeat-x;
				}
					
					#main_menu img {
						float: left;
						margin: 0;
						padding: 0;
					}
				
					#main_menu ul li a {
						float: left;
						width: 102px;
						height: 40px;
						line-height: 40px;
						text-align: center;
						font-size: 9px;
						background: url(/resources/images/mainmenu_v2/btt_mainmenu.gif) center center repeat-x;
					}
					
					.win #main_menu ul li a {
						font-weight: bold;
					}
					
					/* Normal buttons */
					#main_menu ul li.btt_normal a {
						width: 102px;
					}
					
					#main_menu ul li.btt_normal #currentpage,
					#main_menu ul li.btt_normal a:hover {
						background: url(/resources/images/mainmenu_v2/btt_mainmenu_roll.gif) center center no-repeat;
					}
					
					/* Short buttons */
					#main_menu ul li.btt_small a {
						width: 97px;
					}
					
					#main_menu ul li.btt_small #currentpage,
					#main_menu ul li.btt_small a:hover {
						background: url(/resources/images/mainmenu_v2/btt_mainmenu_small_roll.gif) center center no-repeat;
					}
					
					/* Long buttons */
					#main_menu ul li.btt_big a {
						width: 107px;
					}
					
					#main_menu ul li.btt_big #currentpage,
					#main_menu ul li.btt_big a:hover {
						background: url(/resources/images/mainmenu_v2/btt_mainmenu_big_roll.gif) center center no-repeat;
					}
					
					#main_menu ul li a, #main_menu ul li a:visited {
						color: #FFFFFF;
					}
					
					#main_menu ul li a:hover {
						text-decoration: none;
					/*	background: url(/resources/images/mainmenu/btt_mainmenu_roll.gif) center center no-repeat;*/
					}

#middle {
	float: left;
	width: 995px;
	margin-bottom: 5px;
	background: url(/resources/images/right_col_bg_pattern_v2.gif) top left repeat-x;
}

	#middle_right {
		margin-left: 500px;
/*		height: 628px;*/
		clear: right;
	}
	
		#contents {
			width: 100%;
			margin-top: 20px;
		}
			
			/* Home page */
			
			.home_page h2 {
			}
			
			.home_page h6 a,
			.home_page h6 a:visited {
				color: #f2d9a3;
			}
			
			.home_page h6 a:hover {
				text-decoration: none;
			}
			
			.home_page .get_online_coupons {
				margin-left: 10px;
			}
		
			/* TR Process page */
			
			.tr-process-why {
				margin: 0 14px 8px 14px;
			}
			
			.tr-process-why p {
				margin: 0 0 5px 10px;
			}
			
			/* Services page */
			
			#servicemenu {
				width: 305px;
				margin-top: 40px;
				margin-left: 40px;
			}
				
				#servicemenu ul {
					width: 100%;
					margin: 0;
					padding: 0;
				}
			
					#servicemenu ul li {
						width: 100%;
						list-style: none;
						margin: 0;
						margin-bottom: 5px;
						font-size: 11px;
						line-height: 32px;
					}
					
					#servicemenu ul li a {
						height: 32px;
						padding-left: 40px;
						color: #999999;
						display: block;
						background: url(/resources/images/servicemenu/btt_servicemenu.gif) top left no-repeat;
					}
					
					.win #servicemenu ul li a {
						font-weight: bold;
					}
					
					#servicemenu ul li a span {
						font-weight: bold;
						color:#FFFFFF;
						margin-right: 10px;
					}
					
					#servicemenu ul li a:hover,
					#servicemenu ul li #currentservice {
						text-decoration: none;
						color: #d3a07b;
						background: url(/resources/images/servicemenu/btt_servicemenu_roll.gif) top left no-repeat;
					}
					
				/* Japanese Hair Straight */
				
				.tr-process-img {
					margin-left: 20px;
				}
			
			/* Gallery page */
			
			.gallery_page h2 {
				padding-top: 20px;
			}
			
			#gallery_thumbnails {
				width: 475px;
				margin: 10px auto;
			}
			
				#gallery_thumbnails ul {
					width: 100%;
					height: 500px;
				}
				
					#gallery_thumbnails ul li {
						display: inline;	
					}
					
						#gallery_thumbnails ul li a {
							float: left;
							width: 90px;
							heigth: 90px;
							overflow: hidden;
							display: inline-block;
							border: 5px solid #44373A;
							margin-left: 4px;
							margin-right: 4px;
							margin-bottom: 12px;
						}
						
						#gallery_thumbnails ul li a:hover {
							border: 5px solid #CCCCCC;
						}
			
			#gallery_fullsize {
				float: left;
				width: 400px;
				height: 324px;
				margin-top: 108px;
				margin-left: 50px;
			}
			
			.ie #gallery_fullsize {
				margin-left: 0;
				padding-left: 50px;
			}
			
			/* FAQ page */
			
			#faq_lists h5 {
				color: #ffd09b;
			}
			
			#faq_lists .answers {
				margin-bottom: 25px;
			}
			
			#faq_lists .answers p {
				color: #999999;
			}
			
			#faq_lists .answers ol {
				color: #999999;
				margin-left: 30px;
			}
			
			#toggle_answers {
				margin: 40px 16px 20px 16px;
			}
			
			#toggle_answers a,
			#toggle_answers a:visited {
				color: #ffd09b;
			}
			
			/* Testimonial page */
			
			.testimonial_page h6,
			.home_page h6 {
				color: #f2d9a3;
				margin-top: 15px;
			}
			
			.testimonial_page h6 span,
			.home_page h6 span {
				float: right;
				font-size: 11px;
				padding-right: 70px;
			}
			
			.testimonial_page .hr_style1,
			.home_page .hr_style1 {
				margin-top: 30px;
			}
			
			.testimonial_page #middle_left {
				padding-top: 30px;
			}
			
			.testimonial_page #middle_left h4 {
				text-align: center;
				margin-right: 35px;
			}
			
			/* Location page */
			
			#directions {
				margin: 30px 20px 10px 40px;
			}
			
			#directions h4 {
				color: #f2d9a3;
			}
			
			#directions ul {
				margin-left: 16px;
				margin-bottom: 20px;
			}
			
				#directions ul li {
					margin-right: 5px;
					display: inline;
				}
			
			.location_page #contents p span {
				color: #b7c9da;
			}
			
			/* Contact page */
			
			.contact_page h2 {
				padding-top: 20px;
			}
				
			#google_map {
				width: 465px;
				margin: 20px auto;
				border: 5px solid #333333;
				clear: both;
			}
			
				#google_map a, #google_map a:visited {
					width: 100%;
					display: block;
					color: #990000;
					text-align: center;
					background-color: #FBF9E6;
					line-height: 16px;
					vertical-align: middle;
					border-top: 3px solid #333333;
				}
			
				#google_map a:hover {
					text-decoration: none;
					background-color: #43000E;
					color: #FFFFFF;
				}
			
			/* Coupon page */
			
			.coupons_page h2 {
				padding-top: 20px;
			}
	
			.coupons_page .coupon_links {
				padding-top: 10px;
				padding-bottom: 10px;
			}

	
	#middle_left {
		float: left;
		width: 500px;
		height: 628px;
		margin-left: -995px;
		background: url(/resources/images/left_col_bg_v2.gif) top left no-repeat;
	}
	
	.home_page #middle_left {

	}
	
	.service_page #middle_left {

	}
	
		/* Service page backgrounds */
	
		.tr_service #middle_left {
			background: url(/resources/images/servicemenu/service_tr_bg.jpg) top left no-repeat;
		}
		
		.keratin_service #middle_left {
			background: url(/resources/images/servicemenu/service_keratin_bg.jpg) top left no-repeat;
		}
		
		.extension_service #middle_left {
			background: url(/resources/images/servicemenu/service_extension_bg.jpg) top left no-repeat;
		}
		
		.color_service #middle_left {
			background: url(/resources/images/servicemenu/service_color_bg.jpg) top left no-repeat;
		}
	
	.gallery_page #middle_left {
		background: url(/resources/images/gallery_left_col_bg_v2.jpg) top left no-repeat;
	}
	
	.location_page #middle_left {
/*		background: url(/resources/images/location_bg.jpg) top left no-repeat;*/
	}
	
	.contact_page #middle_left {

	}
	
#footer {
	width: 100%;
	height: 131px;
	overflow: hidden;
	position: absolute;
	background: url(/resources/images/footer_bg_pattern.gif) bottom left repeat-x;
}
/*
#footer {
	clear: both;
 	position: relative;
 	z-index: 10;
 	height: 131px;
 	margin-top: -131px;
	background: url(/resources/images/footer_bg_pattern.gif) bottom left repeat-x;
}*/

#footer_container {
	width: 995px;
	overflow: hidden;
}

	#footer_left {
		width: 400px;
	}
	
		#footer_left p {
			margin-left: 50px;
		}
	
	#footer_right {
		float: right;
		width: 580px;
	}
	
		p.address {
			margin: 0;
			margin-top: 84px;
			font-size: 9px;
			color: #CECECE;
		}
		
		p.address span {
			color: #dc0431;
		}
		
		#footer_right a, #footer_right a:visited {
			color: #CCCCCC;
			text-decoration: underline;
		}
		
		#footer_right a:hover {
			color: #D20C0C;
		}