body							{ margin:0px; background:#373737; font-family:Arial, Helvetica, sans-serif; font-size:80%; }
a								{ color:#023818; text-decoration:none; }
a:hover							{ color:#373737; text-decoration:underline; }

h1, .page_title					{ font-size:170%; color:#023818; margin:0px 0px 5px 0px; padding:0px; text-transform:uppercase; font-weight:100; }
h2								{ font-size:105%; font-weight:bold; color:#023818; margin:0px 0px 5px 0px; padding:0px; }

/* this keeps bulleted lists consistent between browsers when dealing with floating img's, div's, etc */
/*
ul								{ padding:0px; margin:0px 0px 0px 15px; list-style-position:inside; }
li								{ padding:0px; margin:0px; }
*/


/* Image Text Replacement Code */
#page_header					{ width:797px; height:93px; margin:0px auto; }
#main_stage						{ width:795px; border:#6F5763 solid 1px; background:#F2F1F1; color:#373737; margin:0px auto; padding-bottom:10px; }

#navigation						{ width:770px; height:16px; margin:0px auto; padding:21px 0px 11px 25px; }
	#navigation ul 				{ margin:0px; padding:0px; list-style:none; border-bottom:#A2A2A2 solid 1px; height:27px; }
	#navigation ul li 			{ float:left; margin:0px; padding:0px; list-style:none; display:block; height:16px; position:relative; }
	#navigation a, #navigation a:hover { display:block; height:25px; line-height:25px; font-size:70%; }
	#navigation span 			{ position:absolute; top:0; left:0; height:25px; }

	#nav_01 					{ width:48px; }
	#nav_01 span 				{ background:url('/images/nav_01.gif') no-repeat 0px 0px; width:48px; }
	#nav_01 a, #nav_01 a:hover 	{ background:url('/images/nav_01_over.gif') no-repeat 0px 0px; width:48px; text-indent:-9009px; }
	#nav_01 a:hover span, #nav_01 a.selected span, #nav_01 a.selected:hover span { background:url('/images/nav_01.gif') no-repeat 0px -16px; }

	#nav_02 					{ width:89px; }
	#nav_02 span 				{ background:url('/images/nav_02.gif') no-repeat 0px 0px; width:89px; }
	#nav_02 a, #nav_02 a:hover 	{ background:url('/images/nav_02_over.gif') no-repeat 0px 0px; width:89px; text-indent:-9009px; }
	#nav_02 a:hover span, #nav_02 a.selected span, #nav_02 a.selected:hover span { background:url('/images/nav_02.gif') no-repeat 0px -16px; }

	#nav_03 					{ width:76px; }
	#nav_03 span 				{ background:url('/images/nav_03.gif') no-repeat 0px 0px; width:76px; }
	#nav_03 a, #nav_03 a:hover 	{ background:url('/images/nav_03_over.gif') no-repeat 0px 0px; width:76px; text-indent:-9009px; }
	#nav_03 a:hover span, #nav_03 a.selected span, #nav_03 a.selected:hover span { background:url('/images/nav_03.gif') no-repeat 0px -16px; }

	#nav_04 					{ width:119px; }
	#nav_04 span 				{ background:url('/images/nav_04.gif') no-repeat 0px 0px; width:119px; }
	#nav_04 a, #nav_04 a:hover 	{ background:url('/images/nav_04_over.gif') no-repeat 0px 0px; width:119px; text-indent:-9009px; }
	#nav_04 a:hover span, #nav_04 a.selected span, #nav_04 a.selected:hover span { background:url('/images/nav_04.gif') no-repeat 0px -16px; }

	#nav_05 					{ width:105px; }
	#nav_05 span 				{ background:url('/images/nav_05.gif') no-repeat 0px 0px; width:105px; }
	#nav_05 a, #nav_05 a:hover 	{ background:url('/images/nav_05_over.gif') no-repeat 0px 0px; width:105px; text-indent:-9009px; }
	#nav_05 a:hover span, #nav_05 a.selected span, #nav_05 a.selected:hover span { background:url('/images/nav_05.gif') no-repeat 0px -16px; }

	#nav_06 					{ width:137px; }
	#nav_06 span 				{ background:url('/images/nav_06.gif') no-repeat 0px 0px; width:137px; }
	#nav_06 a, #nav_06 a:hover 	{ background:url('/images/nav_06_over.gif') no-repeat 0px 0px; width:137px; text-indent:-9009px; }
	#nav_06 a:hover span, #nav_06 a.selected span, #nav_06 a.selected:hover span { background:url('/images/nav_06.gif') no-repeat 0px -16px; }
	
	#nav_07 					{ width:71px; }
	#nav_07 span 				{ background:url('/images/nav_07.gif') no-repeat 0px 0px; width:71px; }
	#nav_07 a, #nav_07 a:hover 	{ background:url('/images/nav_07_over.gif') no-repeat 0px 0px; width:71px; text-indent:-9009px; }
	#nav_07 a:hover span, #nav_07 a.selected span, #nav_07 a.selected:hover span { background:url('/images/nav_07.gif') no-repeat 0px -16px; }

#page_content					{ padding:30px 0px 60px 0px; }
#cart_content					{ padding:30px 50px 60px 33px; }
#page_footer					{ width:797px; margin:0px auto; }
	#footer_nav					{ text-align:center; font-size:85%; padding-top:5px; line-height:170%; }
		#footer_nav a			{ color:#C6C6C6; text-decoration:none; }
		#footer_nav a:hover		{ color:#C6C6C6; text-decoration:underline; }
	.iqfooter_l					{ width:40px; float:left; vertical-align:top; padding-top:5px; }
	.iqfooter_r					{ width:757px; float:left; font-size:80%; color:#666; padding-top:27px; }
	.iqfooter_r a				{ color:#666; }
	.iqfooter_r a:hover			{ color:#777; }
/* S01 Template Code */

.s01_table, .s02_table			{ display:table; padding-left:220px; padding-right:60px; position:relative; }
#benefits						{ display:table; padding-left:32px; padding-right:60px; position:relative; }
.s01_table h1, .s02_table h1	{ text-indent:-9009px; position:relative; left:-135px; height:20px; }
#benefits h1					{ background:url(/images/header_benefits.jpg) top left no-repeat; text-indent:-9009px; position:relative; left:0px; height:20px;  }
h1#products						{ background:url(/images/header_products.jpg) top left no-repeat; text-indent:-9009px; position:relative; width:200px; height:20px; }
h1#photogallery					{ background:url(/images/header_photo_gallery.jpg) top left no-repeat; text-indent:-9009px; position:relative; left:33px; height:20px; }
#salonretail h1					{ background:url(/images/header_salon_and_retail.jpg) top left no-repeat; }
#customerservice h1				{ background:url(/images/header_customer_service.jpg) top left no-repeat; }
#aboutus h1						{ background:url(/images/header_about_us.jpg) top left no-repeat; }
.s01_main_image					{ float:left; margin:0px 10px 10px 0px; }
.s01_main_image_link			{ float:left; margin:0px 10px 10px 0px; color:#373737; }
.s01_jumplinks					{ margin:10px 0px 10px 10px; }
.s01_text						{ vertical-align:top; padding-top:10px; clear:both; }
.s01_text ul					{ margin-bottom:0px; margin-top:5px; }
.s01_image_holder				{ float:left; margin:0px 10px 5px 0px; text-align:center; }
.s01_photo						{ margin-bottom:5px; border:0px; }
.s01_photo_link					{ margin-bottom:5px; border:1px; }
.back_to_top					{ padding:5px 0px 10px 0px; }
.back_to_top a					{ background:url('/images/top_icon.gif') center left no-repeat; padding-left:16px; font-size:90%; text-decoration:none; }
.click_to_enlarge				{ text-align:center; }
.click_to_enlarge a				{ background:url('/images/zoom_icon.gif') center left no-repeat; padding-left:16px; font-size:90%; text-decoration:none; }
div.row							{ clear:both; padding-top:5px; }
div.row span.form_label			{ float:left; width:182px; text-align:right; }
div.row span.form_percent		{ float:left; width:35px; text-align:right; padding-right:5px; }
div.row span.form_input			{ float:left; width:450px; padding-left:5px; text-align:left !important; } 
div.row span.form_answer		{ float:left; width:190px; padding-left:5px; text-align:left !important; } 
.p_form							{ padding:10px 0px; margin:0px; }
span.price						{ float:left; width:50px; text-align:right; font-weight:bold; padding-right:10px; }
span.submit						{ float:left; width:230px; padding-left:10px; text-align:left !important; } 
.form_text						{ width:450px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.form_text_short				{ width:150px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
select.form_select				{ width:456px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
textarea.form_text				{ width:450px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.required_field					{ color:#364585; font-weight:bold; font-size:120%; }
.swap_pic_holder				{ display:block; position:absolute; width:700px; height:500px; text-align:center; vertical-align:middle; filter:alpha(opacity=0); opacity:0.0; }

#benefits_sidebar				{ width:200px; float:left; display:table; background:url(/images/box_background.jpg) repeat-x;  }
#benefits_sidebar_padding		{ padding:10px; }
#benefits_main					{ width:490px; float:right; display:table; clear:right; border-left:#999 solid 1px; }
#benefits_main_text				{ width:458px; margin-left:10px; padding:10px; background:url(/images/box_background.jpg) repeat-x; border:#999 solid 1px; }
#benefits_columns				{ width:480px; margin-top:10px; padding-top:10px; padding-left:10px; display:table; border-top:#999 solid 1px; }
#benefits_column_1				{ width:142px; padding:5px; border:#999 solid 1px; margin-right:6px; float:left; background:url(/images/box_background.jpg) repeat-x; }
#benefits_column_2				{ width:142px; padding:5px; border:#999 solid 1px; margin:0px 3px; float:left; background:url(/images/box_background.jpg) repeat-x; }
#benefits_column_3				{ width:142px; padding:5px; border:#999 solid 1px; margin-left:6px; float:right; clear:right; background:url(/images/box_background.jpg) repeat-x; }


/* stuff for the nav menus */

.body11px						{ font-size:11px; line-height:13px; text-decoration:none; }
.body12px						{ font-size:12px; line-height:14px; text-decoration:none; }
.body10px						{ font-size:10px; line-height:12px; text-decoration:none; }
a.body11px:hover				{ font-size:11px; line-height:13px; text-decoration:underline; }
a.body10px:hover				{ font-size:10px; line-height:12px; text-decoration:underline; }
.lnavcatopen					{ font-weight:bold; font-size:10px; color:#000; background:#FFF; text-decoration:none; }
.lnavcatopen a					{ font-weight:bold; color:#000; text-decoration:none; }
.lnavcatopen a:active			{ font-weight:bold; color:#000; text-decoration:none; }
.lnavcatopen a:visited			{ font-weight:bold; color:#000; text-decoration:none; }
.lnavcatopen a:link				{ font-weight:bold; color:#000; text-decoration:none; }
.lnavcatopen a:hover			{ font-weight:bold; color:#C73348; text-decoration:underline; }
.lnavselected					{ font-weight:bold; font-size:10px; color:#4346A0; background:#EEE; text-decoration:none; }
.lnavselected a					{ color:#555; text-decoration:none; }
.lnavselected a:active			{ color:#555; text-decoration:none; }
.lnavselected a:visited			{ color:#555; text-decoration:none; }
.lnavselected a:link			{ color:#555; text-decoration:none; }
.lnavselected a:hover			{ color:#00092A; text-decoration:underline; }
.lnavcat						{ font-weight:bold; font-size:10px; color:#4346A0; background:#FFF; text-decoration:none; }
.lnavcat a						{ color:#555; text-decoration:none; }
.lnavcat a:active				{ color:#555; text-decoration:none; }
.lnavcat a:visited				{ color:#555; text-decoration:none; }
.lnavcat a:hover				{ color:#00092A; text-decoration:underline; }
.mtDropdownMenu					{ left:-1000px; overflow:hidden; position:absolute; top:-1000px; text-align:left; }
.mtDropdownMenu .content		{ position:absolute; }
.mtDropdownMenu .items			{ border:#999 1px solid; z-index:2; position:relative; left:0px; top:0px; }
.mtDropdownMenu .item			{ border:medium none; font-size:11px; cursor:pointer; color:#3B71B6; text-decoration:none; }
.mtDropdownMenu .background		{ z-index:0; -moz-opacity:1; filter:alpha(opacity=100); left:0px; position:absolute; top:0px; }
.mtDropdownMenu .shadowRight	{ z-index:2; -moz-opacity:.4; filter:alpha(opacity=40); position:absolute; top:3px; width:2px; }
.mtDropdownMenu .shadowBottom	{ z-index:0; -moz-opacity:.4; filter:alpha(opacity=40); left:3px; position:absolute; height:2px; }
.mtDropdownMenu .hover			{ background:#4346A0; color:#FFF; }