/* CSS Document */

html { background-color:#767676; }
body { background-color: #767676; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#373737; font-size:12px;  }
a { text-decoration:none; color:#229955; }
a:focus { outline: none; }
a:hover { text-decoration:underline; }
img { border:0; }
.clear {clear:both;}

#uberdiv { width:794px; margin:0 auto; padding:0; }

#header { width:794px; height:93px; margin:0px auto; }

#content_for_home { background:url(../images/inner_bg.jpg) bottom left repeat-x #FFFFFF; min-height:565px; }
#content { background:#FFFFFF; min-height:565px; }

.nav_div {margin:0 auto; padding-top:10px; /* background:url(../images/nav_bg.jpg) top repeat-x; */height:36px; }
.nav_box {width:780px; margin:0 auto; }
.nav{ display:block; padding:0; }
.nav a{text-decoration:none; }
.main{height:36px; width:742px; margin:0 auto; border-bottom:#A2A2A2 solid 1px; }
.main a{display:block;text-indent: -999em; overflow:hidden; background-image:url(../images/nav.jpg); background-repeat:no-repeat;height:36px;}
.main li{background-image:url(../images/nav.jpg); background-repeat:no-repeat; list-style:none;	display:block; float:left; overflow:hidden; height:36px;}
/* States */

.home {background-position:0 -36px; width:51px;}
.home a {background-position: 0 0; }
.home .home_current {background-position:0px -36px;}

.products {background-position:-51px -36px; width:94px;}
.products a {background-position: -51px 0;}
.products .products_current {background-position:-51px -36px;}

.benefits {background-position:-140px -36px; width:78px;}
.benefits a {background-position:-140px 0; }
.benefits .benefits_current{background-position:-140px -36px; }

.faq {background-position:-219px -36px; width:55px;}
.faq a {background-position: -219px 0;}
.faq .faq_current {background-position:-219px -36px;}

.gallery {background-position:-279px -36px;width:119px;}
.gallery a {background-position: -279px 0; }
.gallery .gallery_current{background-position:-279px -36px;}

.service {background-position:-399px -36px;width:149px;}
.service a {background-position: -399px 0; }
.service .service_current{background-position:-399px -36px;}

.about {background-position:-551px -36px;width:99px;}
.about a {background-position: -551px 0; }
.about .about_current{background-position:-551px -36px;}

.contact {background-position:-659px -36px; width:93px;}
.contact a {background-position: -659px 0;}
.contact .contact_current {background-position:-659px -36px;}

.main a:hover{background-image: none; background-color: transparent;}

#inner_content{margin: 25px 25px 0px 25px; }

.placeholder {background:url(../images/placeholder.jpg) center center no-repeat; width:742px; height:465px; margin:0 auto;}

.home_page {background:#373737; width:742px; height:465px; margin:0 auto;}
.flash {background:url(../images/flash_placeholder.jpg) center center no-repeat; width:345px; height:465px; margin:0 auto; float:left;}
.home_content {width:397px; height:465px; margin:0 auto; float:right;}
.text_area {background:url(../images/text_area.png) center center no-repeat;width:397px; height:287px; margin:2px;}
.text_area p { padding:110px 25px 0 25px; }
.video {width:202px; height:155px; margin:10px; float:left;}
.home_products {background:url(../images/products.png) center center no-repeat;width:158px; height:149px; margin:5px 0;text-indent: -999em; float:left;}

#etaeVideo	{ display: none; }

/* S01 Template Code */

.s01_table, .s02_table			{ display:table; padding-left:32px; padding-right:60px; position:relative; }
#benefits						{ display:table; 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; left:0;}
#aboutus h1						{ background:url(../images/header_about_etae.jpg) top left no-repeat; left:0; text-indent:-9009px; position:relative;}
.faq_main							{ width:490px; float:left; display:block; clear:left; border-right:#999 solid 1px; }
#faq h1						{ background:url(../images/header_faq.jpg) top left no-repeat; left:0; text-indent:-9009px; position:relative;}
#contact_us						{ left:33px; position:relative; }
#contact_us h1					{ background:url(../images/header_contact_us.jpg) top left no-repeat; text-indent:-9009px; position:relative; }
.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:135px; 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:320px; 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; }

#sidebar				{ width:245px; float:right; display:block; background:url(../images/box_background.jpg) repeat-x;  }

#sidebar .page_text		{ padding: 10px; }

#benefits h1					{ background:url(../images/header_benefits.jpg) top left no-repeat; text-indent:-9009px; position:relative; left:0px; height:20px;  }
#benefits_sidebar				{ width:200px; float:left; display:table; background:url(../images/box_background.jpg) repeat-x;  }
#benefits_sidebar_padding		{ padding:10px; }
#benefits_sidebar_padding ul		{ margin:2px 0 0 6px; }
#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; }

/* S02 Template Code */

fieldset						{ border:0; }
fieldset .form_row				{ width:420px; text-align:center; min-height:20px; padding-bottom:5px; clear:both; }
fieldset input,
fieldset textarea,
fieldset select					{ width:270px; border:#1F4671 solid 1px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:3px 0px 0px 2px; }
fieldset select					{ padding:0px; }
fieldset textarea				{ width:270px; height:100px; }
fieldset #Submit,
fieldset #submit1,
fieldset input[type="submit"] 	{ width:100px; }
fieldset #required				{ font-size:10px; margin-top:15px; margin-left:90px; }
.req							{ color:#C00; font-size:18px; font-weight:bold; }
label							{ float:left; width:100px; text-align:right; padding-right: 5px;}
label.error						{ width: 100%; float:right; color:#C00; text-align:right; padding:0px 3px 5px 0px; }


/* S06 FAQ Template Code */

.s06_table						{ display:table; padding:15px 20px 0 20px; }
.s06_image_holder				{ background:#EEE; padding:10px; border:#DDD solid 1px; clear:right !important; }
.s06_image_holder_center		{ padding:10px; text-align:center; }
.s06_photo						{ margin-bottom:5px; border:0px; }
.s06_main_image					{ border:0px; }
.s06_main_photo					{ border:0px; }
.s06_questions					{ margin:10px 0px; padding:10px 20px 10px 20px; clear:both; display:block; background: url(../images/gradient.jpg); border: 1px #bfbfbf solid; overflow:auto; }
	.s06_table ul			{ }
	.s06_table ul li		{ list-style:none; }
	.s06_questions a			{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #229955; }
	.s06_questions a:hover				{ color:#66bb99; }
.s06_questions_questions_text						{ vertical-align:top; padding-top:10px; clear:both; }
.s06_questions_text p						{ padding-right: 35px; }
.s06_questions_text ul					{ margin-bottom:0px; margin-top:5px; }
.s06_questions_text h2					{ padding:0 0 5px 0; margin:0; }
.s06_image_holder				{ margin:0px 10px 5px 0px; text-align:center; }
.s06_photo						{ margin-bottom:5px; border:0px; }

/* Gallery */

.gallery_row					{ margin-left:33px; height: 185px; }
.gallery_cell					{ margin: 2px; padding: 10px; background:#373737; float:left; }

/* Footer */

#page_footer					{ width:797px; margin:0px auto; }
	#footer_nav					{ padding-top:5px; line-height:170%; }
	#footer_nav a				{ margin-right:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#c6c6c6; }

.socialmedia { float:right; margin-top:10px; }
.socialmedia a { margin: 0 5px; }
.facebook {float: left; display: block; width: 29px; height: 28px; text-indent: -9999px; background: url(/images/facebook.png) top left no-repeat; }
.twitter {float: left; display: block; width: 29px; height: 28px; text-indent: -9999px; background: url(/images/twitter.png) top left no-repeat; }
.facebook:hover,
.twitter:hover { background-position: bottom left; }
.ning {float: left; display: block; width: 73px; height: 28px; text-indent: -9999px; background: url(/images/join.png) 0 4px no-repeat; }

.copyright{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#bfbfbf; padding:12px 0 14px 0; float:left; text-align:left; }
.copyright a{ color:#bfbfbf; }