/* styles.css */
.footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
    text-decoration: none;
}

a:link {
    text-decoration: none;
    color: #000000  ;
    font-family:Arial, Helvetica, sans-serif;
}

a:visited {
    text-decoration: none;
    color: #000000  ;
    font-family:Arial, Helvetica, sans-serif;
}

a:hover {
    text-decoration: none;
    color: #c91313;
    font-family:Arial, Helvetica, sans-serif;

}.researchheaders {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
    text-decoration: none;
}
.bodytext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;

}
.bodytextred {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #c91313;
    text-decoration: none;
}
.quotes {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.bigquotes {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.smalltext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}
.researchbox {
    border: 1px solid #000000;
    padding: 5px;
}

.researchbox p {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

.researchbox a {
    color: #006633
}

a.web-development {
    color: #fff;
}



/* original layout index.php */
#menu_nav img{display:block;}
#menu_nav td div{clear: both;position:absolute; top:-8px; margin-top:45px; padding: 4px; width:150px; line-height:16px; background-color:#dae5d4; color:#333; /* for IE */ display:none; }
#menu_nav td div a{ color: #666; font-size: 13px; font-weight: bold;  border-bottom: 1px solid #efefef; display:block; text-decoration: none; padding: 5px;}
#menu_nav td div a:hover{color: #333;}

body{ background:url(http://www.hairgenesis.com/home_images/bg_new.gif) repeat-x #FAFAFA;  min-width:600px;  text-align:center;  margin:0}

#Table_01{ position:relative;  left:0px;  top:0px;  width:1009px;  height:865px}
#logo_{ position:absolute;  left:0px;  top:0px;  width:617px;  height:100px}
#call_{ position:absolute;  left:617px;  top:0px;  width:384px;  height:100px; background: #FFF;}
#cc-logos {text-align: right; padding:9px 30px 5px;}
#cc-logos img {border: 0;}
#id-_{ position:absolute;  left:969px;  top:0px;  width:40px;  height:139px}
#navigation_{ position:absolute;  left:0px;  top:100px;  width:969px;  z-index:100}
#id-005_{ position:absolute;  left:0px;  top:137px;  width:969px;  height:2px}
#id-006_{ position:absolute;  left:0px;  top:139px;  width:1009px;  height:278px}
#id-007_{ position:absolute;  left:0px;  top:227px;  width:812px;  height:190px}
#call-to-action_{ position:absolute;  left:623px;  top:208px}
#id-009_{ position:absolute;  left:969px;  top:227px;  width:40px;  height:190px}
#id-010_{ position:absolute;  left:812px;  top:277px;  width:157px;  height:140px}
#id-011_{ position:absolute;  left:0px;  top:417px;  width:189px;  height:68px}
#id-012_{ position:absolute;  left:189px;  top:417px;  width:479px;  height:414px}
#id-013_{ position:absolute;  left:668px;  top:417px;  width:297px;  height:78px}
#id-014_{ position:absolute;  left:965px;  top:417px;  width:44px;  height:414px}
#id-015_{ position:absolute;  left:0px;  top:485px;  width:11px;  height:346px}
#id-016_{ position:absolute;  left:11px;  top:485px;  width:177px;  height:226px}
#id-017_{ position:absolute;  left:188px;  top:485px;  width:1px;  height:253px}
#id-018_{ position:absolute;  left:668px;  top:495px;  width:297px;  height:99px}
#id-019_{ position:absolute;  left:668px;  top:594px;  width:297px;  height:201px}
#id-020_{ position:absolute;  left:11px;  top:711px;  width:177px;  height:27px}
#buynow_{ position:absolute;  left:11px;  top:738px;  width:178px;  height:37px}
#id-022_{ position:absolute;  left:11px;  top:775px;  width:178px;  height:56px}
#id-023_{ position:absolute;  left:668px;  top:795px;  width:104px;  height:36px}
#getstarted1_{ position:absolute;  left:772px;  top:795px;  width:193px;  height:36px}
#id-025_{ position:absolute;  left:0px;  top:831px;  width:961px;  height:60px}
#id-026_{ position:absolute;  left:961px;  top:831px;  width:48px;  height:1855px}
#id-027_{ position:absolute;  left:0px;  top:891px;  width:470px;  height:166px}
#id-028_{ position:absolute;  left:470px;  top:891px;  width:402px;  height:172px}
#id-029_{ position:absolute;  left:872px;  top:891px;  width:89px;  height:582px}
#id-030_{ position:absolute;  left:0px;  top:1057px;  width:32px;  height:416px}
#id-031_{ position:absolute;  left:32px;  top:1057px;  width:353px;  height:38px}
#id-032_{ position:absolute;  left:385px;  top:1057px;  width:85px;  height:416px}
#id-033_{ position:absolute;  left:470px;  top:1063px;  width:402px;  height:410px}
#id-034_{ position:absolute;  left:32px;  top:1095px;  width:353px;  height:378px}
#id-035_{ position:absolute;  left:0px;  top:1473px;  width:961px;  height:1094px}
#id-036_{ position:absolute;  left:0px;  top:2567px;  width:96px;  height:119px}
#id-037_{ position:absolute;  left:96px;  top:2567px;  width:192px;  height:79px}
#id-038_{ position:absolute;  left:288px;  top:2567px;  width:673px;  height:56px}
#id-039_{ position:absolute;  left:288px;  top:2623px;  width:34px;  height:63px}
#id-040_{ position:absolute;  left:322px;  top:2623px;  width:288px;  height:39px}
#id-041_{ position:absolute;  left:610px;  top:2623px;  width:351px;  height:63px}
#id-042_{ position:absolute;  left:96px;  top:2646px;  width:192px;  height:40px}
#id-043_{ position:absolute;  left:322px;  top:2662px;  width:288px;  height:24px}
#wrapper{ margin:0 auto; width:1009px; text-align:left}
.dash{ width:904px; border:2px #cbe8ef dashed; background:#fff url(http://www.hairgenesis.com/images/homestuff-bg.jpg) repeat-x;  padding:30px; margin-top: 20px;}
.dash p, .dash{ font-family:Georgia,"Times New Roman",Times,serif;  color:#333}
.dash .img{ float:right;  display:inline}
.dash h1{ font-family:Tahoma,Arial,Helvetica,sans-serif;  font-size:18px;  color:#4891c8;  font-weight:normal}
.dash .box h1{ font-family:Tahoma,Arial,Helvetica,sans-serif;  font-size:24px;  color:#4891c8;  font-weight:normal}
.dash .box p{ color:#4891c8;  font-family:Tahoma,Arial,Helvetica,sans-serif;  font-size:12px;  line-height:10px}


/* lead */
.defaultText { width: 145px; }
.defaultTextActive { color: #a1a1a1; font-style: italic; }
#leadbanner input[type="text"] {border: solid 1px #48aa3f;}

/* new 6.21 */
#topBox {position: absolute; top: 150px; font-family: Arial;}
#topBox img {border: none;}
#topBox div {position: relative;}
#videoBox {height: 390px; width: 540px; float: left;}
#videoRight {float: left; width: 440px; height: 410px; margin-left: 20px;}
#videoRight ul {padding: 0; clear: right; margin-left: 0;}
#videoRight li {font-size: 16px; background: url('images/home6/checkbox.png') left 0px no-repeat; list-style-type: none; padding-left: 45px; margin-top: 10px; line-height: 30px;}
#videoRight h1 {font-size: 31px; color: #1E941F; font-weight: normal; margin: 0;}

#topinfoBox {clear: both;}
#topinfoBox h2 {font-size: 31px; margin: 15px 0 10px 0; font-weight: normal;}
#topinfoBox p {font-size: 14px; margin-top: 0px;}
#topinfoSeparator {background: url('images/home6/bar.bg.png') repeat-x; height: 20px; width: 1000px; font-size: 15px; color: #5F9DCB; padding-top: 2px; letter-spacing: 3px; text-align: center;}

#startQuote {position: absolute !important; width: 93px; height: 71px; background: url('images/home6/quotes.png'); left: 105px; top: 55px; z-index:10;}
#endQuote {position: absolute !important; width: 93px; height: 71px; background: url('images/home6/quotes.png') 93px 0; right: 15px; top: 185px;}

 #underline1 {position: absolute; left:105px; top:96px;}
 #underline2 {position: absolute; left:34px; top: 135px;}
 #underline3 {position: absolute; left:160px; top: 175px;}
 #underline4 {position: absolute; left:305px; top: 213px;}
 #underline5 {position: absolute; left:70px; top: 254px;}

/* NEW

 #underline1 {position: absolute; left:105px; top:96px;}
 #underline2 {position: absolute; left:37px; top: 168px;}
 #underline3 {position: absolute; left:172px; top: 208px;}
 #underline4 {position: absolute; left:310px; top: 248px;}
 #underline5 {position: absolute; left:74px; top: 287px;}


*/



/*------------------------------------*\
	NAV
\*------------------------------------*/
ul#navigation_{
	list-style:none;
	font-family: EleganTechRegular, Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
	padding: 0;
	margin-top: 0;
	background:url(/images/menu.bg.png) 0 0 repeat-x;
	position: static;
}
ul#navigation_ li{
	float:left;
/*	margin-right:10px;*/
	position:relative;
	border-right: 1px solid #E4E4E5;
}
ul#navigation_ a{
	display:block;
	padding:5px 6px;
	color:#666;
	background:url(/images/menu.bg.png) 0 0 repeat-x;
	text-decoration:none;
	height: 25px;
	line-height: 25px;
}
ul#navigation_ a:hover{
	color:#fff;
	background:url(/images/menu.bg.png) 0 -37px repeat-x;
	text-shadow: 0px 0px 5px #117A0F;
}

/*--- DROPDOWN ---*/
ul#navigation_ ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	min-width: 150px;
}
ul#navigation_ ul li{
	border-top:1px solid #ccc; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	z-index: 1001;
}
ul#navigation_ ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}

ul#navigation_ li:hover ul{ /* Display the dropdown on hover */
	left:-40px; /* Bring back on-screen when needed */
}
ul#navigation_ li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:url(/images/menu.bg.png) 0 -37px repeat-x;
	color: #fff;
	
}
ul#navigation_ li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	background: #DAE5D4;
	text-shadow: none;
	color: #666;
}
ul#navigation_ li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	color: #000;
}

#bhgn {font-weight:bold;}


/* Easy Slider */
#slider ul, #slider li,
#slider2 ul, #slider2 li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
    width:540px;
    height:390px;
    overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
    display:block;
    width:30px;
    height:77px;
    position:absolute;
    left:-30px;
    top:71px;
    z-index:1000;
}
#nextBtn, #slider1next{
    left:696px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
    display:block;
    position:relative;
    width:30px;
    height:77px;
    background:url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a{
    background:url(../images/btn_next.gif) no-repeat 0 0;
}

/* numeric controls */

ol#controls{
    margin:0;
    padding:0;
    height:28px;
    position: absolute;
    top: -5px;
    left: 5px;
}
ol#controls li{
    margin:0 10px 0 0;
    padding:0;
    float:left;
    list-style:none;
    height:28px;
    line-height:28px;
}
ol#controls li a{
    float:left;
    height:28px;
    line-height:28px;
    border:1px solid #ccc;
    background:#C5E1B5;
    color:#555;
    padding:0 10px;
    text-decoration:none;
}
ol#controls li.current a{
    background:#4AB047;
    color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */




/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
*/

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

* html #fancybox-loading {	/* IE6 */
                           position: absolute;
                           margin-top: 0;
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('/Scripts/fancybox/fancybox.png');
}

#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 1100;
    display: none;
}

* html #fancybox-overlay {	/* IE6 */
                           position: absolute;
                           width: 100%;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    z-index: 1101;
    display: none;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #FFF;
}

#fancybox-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-image: url('/Scripts/fancybox/fancybox.png');
    background-position: -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox_error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 7px;
    margin: 0;
}

#fancybox-content {
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}

#fancybox-frame {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: Arial;
    font-size: 12px;
    z-index: 1102;
}

.fancybox-title-inside {
    padding: 10px 0;
    text-align: center;
    color: #333;
}

.fancybox-title-outside {
    padding-top: 5px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.fancybox-title-over {
    color: #FFF;
    text-align: left;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('/Scripts/fancybox/fancy_title_over.png');
    display: block;
}

#fancybox-title-wrap {
    display: inline-block;
}

#fancybox-title-wrap span {
    height: 32px;
    float: left;
}

#fancybox-title-left {
    padding-left: 15px;
    background-image: url('/Scripts/fancybox/fancybox.png');
    background-position: -40px -90px;
    background-repeat: no-repeat;
}

#fancybox-title-main {
    font-weight: bold;
    line-height: 29px;
    background-image: url('/Scripts/fancybox/fancybox-x.png');
    background-position: 0px -40px;
    color: #FFF;
}

#fancybox-title-right {
    padding-left: 15px;
    background-image: url('/Scripts/fancybox/fancybox.png');
    background-position: -55px -90px;
    background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background-image: url('/Scripts/fancybox/blank.gif');
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: 0px;
}

#fancybox-right {
    right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico {
    background-image: url('/Scripts/fancybox/fancybox.png');
    background-position: -40px -30px;
}

#fancybox-right-ico {
    background-image: url('/Scripts/fancybox/fancybox.png');
    background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
    left: 20px;
}

#fancybox-right:hover span {
    left: auto;
    right: 20px;
}

.fancy-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fancy-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('/Scripts/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('/Scripts/fancybox/fancybox.png');
    background-position: -40px -162px;
}

#fancy-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('/Scripts/fancybox/fancybox-y.png');
    background-position: -20px 0px;
}

#fancy-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('/Scripts/fancybox/fancybox.png');
    background-position: -40px -182px;
}

#fancy-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('/Scripts/fancybox/fancybox-x.png');
    background-position: 0px -20px;
}

#fancy-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('/Scripts/fancybox/fancybox.png');
    background-position: -40px -142px;
}

#fancy-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('/Scripts/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('/Scripts/fancybox/fancybox.png');
    background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Scripts/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Scripts/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Scripts/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Scripts/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Scripts/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Scripts/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Scripts/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Scripts/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Scripts/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Scripts/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Scripts/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Scripts/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Scripts/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Scripts/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Scripts/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Scripts/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }