/*------------------[GENERAL STYLE]---------------*/
* {margin:0px; padding:0px;}
html {height:100%; font-size:100%;}
body {font:normal 12px Arial, Helvetica, sans-serif; color:#000000; background:#F8DCE9 url(../images/body-bg.jpg) repeat-x center top;} 
a {text-decoration:underline; color:#7B3356}
a:hover { color:#000000}
ul li {list-style:none;}
img {border:none;}

/*------------------[BACKGROUND STYLE]---------------*/
#wrapper {background:url(../images/header-bg.jpg) no-repeat center top; margin:auto; padding:0px;} 
#maindiv {width:1000px; margin:auto; padding:0px;}

/*------------------[LOGO SECTION STYLE]---------------*/
#logo-header { width:1000px; height:110px; float:left}
#logo-header .logo { float:left; margin-top:7px;}
#logo-header .taglines { float:right; margin-top:7px;}

/*------------------[HEADER BOXES STYLE]---------------*/
#header-box { width:1000px; float:left; clear:both; margin:30px 0px 0px 0px; padding:0px}
.fadeThis {cursor: pointer;}
.fadeThis * {display: none;}

a#female-pattern.fadeThis {width:146px;height:182px;background: url(../images/box-female-pattern1.jpg) no-repeat;display:block;	margin:0px 18px 0px 17px !important;margin:0px 18px 0px 8px;position: relative; float:left;	text-indent: -9999px;}	
a#female-pattern.fadeThis span.hover {position:absolute;top:0;left:0;display: block;width:146px;height:182px;background:url(../images/box-female-pattern2.jpg) no-repeat;}

a#medical-hairloss.fadeThis {width:146px;height:182px;background: url(../images/box-medical-hairloss1.jpg) no-repeat;display:block;	margin:0px 18px 0px 0px;position: relative; float:left;	text-indent: -9999px;}	
a#medical-hairloss.fadeThis span.hover {position:absolute;top:0;left:0;display: block;width:146px;height:182px;background:url(../images/box-medical-hairloss2.jpg) no-repeat;}

a#chemotherapy.fadeThis {width:146px;height:182px;background: url(../images/box-chemotheraphy1.jpg) no-repeat;display:block;	margin:0px 18px 0px 0px;position: relative; float:left;	text-indent: -9999px;}	
a#chemotherapy.fadeThis span.hover {position:absolute;top:0;left:0;display: block;width:146px;height:182px;background:url(../images/box-chemotheraphy2.jpg) no-repeat;}

a#hair-extensions.fadeThis {width:146px;height:182px;background: url(../images/box-hair-extensions1.jpg) no-repeat;display:block;	margin:0px 0px 0px 0px;position: relative; float:left;	text-indent: -9999px;}	
a#hair-extensions.fadeThis span.hover {position:absolute;top:0;left:0;display: block;width:146px;height:182px;background:url(../images/box-hair-extensions2.jpg) no-repeat;}

a#laser-hair.fadeThis {width:146px;height:182px;background: url(../images/box-hair-laser1.jpg) no-repeat;display:block;	margin:0px 0px 0px 17px;position: relative; float:left;	text-indent: -9999px;}	
a#laser-hair.fadeThis span.hover {position:absolute;top:0;left:0;display: block;width:146px;height:182px;background:url(../images/box-hair-laser2.jpg) no-repeat;}

a#advanced-hair-restoration.fadeThis {width:146px;height:182px;background: url(../images/advanced-hair-restoration1.jpg) no-repeat;display:block;	margin:0px 0px 0px 17px; position: relative; float:left;	text-indent: -9999px;}	
a#advanced-hair-restoration.fadeThis span.hover {position:absolute;top:0;left:0;display: block;width:146px;height:182px;background:url(../images/advanced-hair-restoration2.jpg) no-repeat;}
	
/*------------------[CONTAINER STYLE]---------------*/
#container { width:1000px; margin:auto; padding:0px;}
#left_panel {width:260px; float:left; margin-left:15px !important;margin-left:7px; padding:0px;}

/*------------------[LEFT LINKS STYLE]---------------*/
.leftbox {width:259px; padding-bottom:14px; margin-bottom:8px; background:url(../images/leftbox-bot.png) no-repeat bottom center;}
.inner1 { background:url(../images/leftbox-bg.png) repeat-y center;}
.inner2 {background:url(../images/leftbox-top.png) no-repeat top center;}
.leftbox h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px;text-align:center; padding-right:5px; color:#ffffff; padding-top:9px; line-height:18px;}
.leftbox ul {padding-bottom:10px; margin-left:13px; font-family:Arial, Helvetica, sans-serif;margin-top:10px;}
.leftbox ul li {background:url(../images/leftlinks-bg.jpg) no-repeat;margin-left:14px;font-weight:bold; font-size:15px; }
.leftbox ul li a {color:#363636; text-decoration:none; padding-left:30px; padding-top:5px;font-family: Arial, Helvetica, sans-serif;width:205px; display:block;height:23px;}
.leftbox ul li a:hover {color:#000000;background:url(../images/leftlinks-bg2.jpg) no-repeat;height:23px; }

/*------------------[CONTACT FORM STYLE]---------------*/
#contactform { margin:20px 0px 10px 33px;}
.input1 { width:179px; height:17px; border:1px solid #F2C5DB; background-color:#FFFEFE; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#A6557C; padding:5px; background:url(../images/inputbg-1.jpg) repeat-x top center; margin-bottom:3px;}

.input2 { width:179px; height:101px; border:1px solid #F2C5DB; background-color:#FFFEFE; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#A6557C; padding:5px;background:url(../images/inputbg-2.jpg) repeat-x top center; margin-bottom:3px;}
.capta-image { margin-bottom:3px;}
.capta-image2 { margin-left:2px;}

/* tooltip */
a.info { font-family: Arial, Helvetica, sans-serif; text-decoration:none; position: relative; float:left;vertical-align:middle;}
a.info span {position: relative;display:none;}
a.info:hover {position: relative;cursor:default;}
a.info:hover .infobox {	font-weight: normal; display:block; position:absolute; top:-215px;left:0px; width:190px; height:205px;border: 1px solid #A6557C; color:#000000; text-align:left; font-size:12px; padding-left:6px; padding-top:5px; background-color:#F4D3E3; padding-right:5px;}
#contactform label { font-family:Arial, Helvetica, sans-serif; color:#74234A; font-weight:bold; font-size:15px;}

.image1 { margin-bottom:7px;}

/*------------------[CONTACT STYLE]---------------*/
#main-content { float:right; width:699px; margin-right:18px !important;margin-right:10px; padding:0px;}
#content1 { background:url(../images/content-bot.png) no-repeat bottom center;padding-bottom:2px; margin-bottom:8px;}
#content2 { background:url(../images/content-bg.png) repeat-y; }
#content3 {background:url(../images/content-top.png) no-repeat top center;min-height:953px;}
#content { width:630px; margin-left:35px; font-family:Arial, Helvetica, sans-serif; font-size:14px;padding-bottom:10px;}
#content p { padding:5px 0px 5px 0px; line-height:24px;color:#363636; text-align:justify }
#content h1 { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; padding:7px 0px 20px 0px; font-size:18px;}
#content h2 { color:#7B3356; font-family:Arial, Helvetica, sans-serif; padding:0px; font-size:18px;text-align:justify}
#content #titlelink { color:#7B3356; font-family:Arial, Helvetica, sans-serif; padding:0px; font-size:16px; text-align:center; font-weight:bold}
#content h3 { color:#7B3356; font-family:Arial, Helvetica, sans-serif; padding-top:15px; font-size:16px;text-align:justify}
#content ul { padding:5px 0px 5px 0px;color:#363636; }
#content ul li{background:url(../images/bullet2.jpg) no-repeat top left; vertical-align:text-top; padding-left:15px;line-height:24px;text-align:justify}
#home-content ul li{background:url(../images/bullet1.jpg) no-repeat top left; vertical-align:text-top; padding-left:15px;line-height:24px; color:#7B3356; font-weight:bold; font-size:15px;text-align:justify}
.imageleft { float:left; padding:0px 20px 10px 0px}
.imageright { float:right; padding:0px 10px 0px 20px}

#hair-studio {text-align:center; margin-left:50px;}
#hair-studio .hair-studio-img {float:left; margin:10px 10px 10px 10px; padding:5px; margin-top:8px;text-align:center; display:block; border:1px solid #A5577C; background-color:#E7B6CD;}
#hair-studio p { text-align:center;}
.submit-contact { padding-left:193px;}
.ludwig { margin:10px 0px 10px 6px; border:3px solid #EBC2D6}
.semicons { margin-right:10px;}


.salon-services1 { width:330px; float:left; background:url(../images/text-title-bg.jpg) no-repeat top left}
.salon-services2 { width:330px; float:right; background:url(../images/text-title-bg.jpg) no-repeat top left}

.salon-services-title { font-size:16px; color:#5E1939; height:30px; line-height:30px; font-weight:bold;padding-left:15px;}
.salon-services-label{ float:left; width:100px; margin:0px;text-align: left; color: #000000; font-size:14px; height:24px;padding-left:15px;}
.salon-services-label2{ float:left; width:130px; margin:0px;text-align: left; color: #000000;font-size:14px; height:24px; }
.salon-services-label3{ float:left; padding-left:15px;text-align: left; color: #000000;font-size:14px; height:24px; }

a.articles { font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#7B3356; background:url(../images/article-page.jpg) no-repeat left top; text-decoration:none; line-height:25px;font-weight:bold; vertical-align:text-top; padding:10px 0px 10px 40px}
a:hover.articles { color:#000000; text-decoration:underline}

a.readmore { font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#7B3356; font-weight:bold;}
a:hover.readmore { color:#000000; text-decoration:underline}

/*------------------[REQUEST INFO FORM]---------------*/
.red-text { font-weight:bold; font-size:12px; color:#901010}
.request-info-title-text { font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#7B3356; font-weight:bold; line-height:25px;}
.request-info-title-text2 { font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#7B3356; font-weight:normal; line-height:25px;}
.required-field { float:right; color:#7B3356; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-right:5px; }
.required-field2 { float:left; color:#7B3356; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}

.request-info-star { color:#7B3356}
.request-info-box { border:1px solid #E1A8C3; width:604px; background-color:#FBDEEC; color:#000000; padding:10px; margin-bottom:10px;}
.request-info-box2 { border:1px solid #E1A8C3; width:410px; background-color:#FBDEEC; color:#000000; padding:10px; margin-bottom:10px;}
.formlabels{ float:left; width: 140px; padding:3px 0 4px 7px;text-align: left; color: #000000;margin: 2px;}
.formlabels2{ float:left; width: 180px; padding:3px 0 4px 7px;text-align: left; color: #000000;margin: 2px; font-size:13px; letter-spacing:0.5px;}

.request-info-radiobtn { width:300px; margin-left:2px;text-align:left; word-spacing:4px;}
.request-info-input{ width:200px; height:16px; padding:2px; background-color: #ffffff; border:1px solid #E1A8C3; margin:2px;
text-align:left;} 
.request-info-input2{ width:590px; height:100px; padding:2px; background-color: #ffffff; border-top:2px solid #E1A8C3;border-bottom:1px solid #F4CFE1; border-left:2px solid #E1A8C3;border-right:1px solid #F4CFE1; margin:2px;text-align:left;} 
.request-info-input3{ width:200px; height:100px; padding:2px; background-color: #ffffff; border-top:2px solid #E1A8C3;border-bottom:1px solid #F4CFE1; border-left:2px solid #E1A8C3;border-right:1px solid #F4CFE1; margin:2px;text-align:left;}  
.request-info-input4{ width:200px; height:50px; padding:2px; background-color: #ffffff; border-top:2px solid #E1A8C3;border-bottom:1px solid #F4CFE1; border-left:2px solid #E1A8C3;border-right:1px solid #F4CFE1; margin:2px;text-align:left;}  
.request-info-dropdown { width:205px; height:20px; padding:2px; background-color: #ffffff; border:1px solid #E1A8C3; margin:2px;
text-align:left; font-size:11px}
.request-info-checkbox{width:20px; height:16px; padding:2px;margin:2px; text-align:left; margin-top:5px;}
#fill-requiredfields { color:#901010; text-decoration:underline; margin-bottom:10px; margin-top:10px; padding:10px; border:1px solid #CFC59B; width:590px; background-color:#F9F7EC;}
#fill-requiredfields p { padding:0px 0px 0px 23px; background:url(../images/error.gif) no-repeat left}
.request-info-img { margin-left:195px;}
.primary-address { font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:25px; font-style:italic;}

/*------------------[LANDING PAGE]---------------*/
#landing-freeoffer{ float:left; margin-left:40px; width:550px;}
.landing-leftimage{ float:left; margin:0px 30px 0px 0px}
#landing-freeoffer p { padding:03px 0px 03px 0px; margin:0px;}
#landing-freeoffer .landing-tagline { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#363636; line-height:22px;}
.pink { color:#7B3356}
#landing-listing{ width:300px; float:left}
#landing-listing p{ font-size:18px; color:#363636; padding:0px;}
#landing-listing ul li{ background:url(../images/bullet3.jpg) no-repeat left top; padding-left:20px; font-size:16px; color:#7B3356}
#landing-listing li { height:27px; padding-top:0px; margin:0px}

#landingform-tagline { font-size:27px; color:#363636; float:right; padding-right:0px; padding-bottom:10px;}
#landing-form{ float:right; widows:280px; height:220px; background:url(../images/landing-form-bg.jpg) no-repeat left top; padding:14px; margin-right:10px;}
#landing-form .landing-input1 {float:left;width:173px; height:22px; padding:4px 3px 0px 3px; background-color:#ffffff; border:2px solid #6b2244; margin-bottom:2px;
text-align:left; background:url(../images/landing-form-input.jpg) repeat-x left top; font-size:14px;}
#landing-form .landing-label {float:left; width: 46px; height:21px; padding:5px 0 0px 7px;text-align: left; color: #ffffff;margin-bottom:2px; margin-left:2px; background:url(../images/landingform-label.jpg) no-repeat left top; border:2px solid #6b2244;}
#landing-form .landing-button { padding:0px; margin-top:10px; float:left}
#landing-form .mini-text { font-size:11px; color:#7B3356}
.landing-thumb-left{ float:left;}
.landing-thumb-right{ float:right}
.leftside{ float:left; border:4px solid #F1C3D9}
.rightside{ float:right;border:4px solid #F1C3D9}
#arrow { position:absolute; top:600px; float:right; margin:0px; padding-left:255px;}

/*------------------[FOOTER STYLE]---------------*/
#footer {background:url(../images/footer-bg.jpg) repeat-x center top; clear:both; font-size:12px;text-align:center; color:#ffffff; font-family: Arial, Helvetica, sans-serif; width:auto; background-color:#832F58; height:97px; padding-top:10px; width:1000px;}
#footer span {padding-right:50px;}
#footer p {padding-bottom:8px; padding-top:8px;}
#footer a {text-decoration:none; color:#ffffff; padding-left:8px; padding-right:8px; line-height:24px;}
#footer a:hover {text-decoration:underline;}
#footer a.designcompany { padding:0px}