/***********************************************/ /*Main Body Area */ /***********************************************/ body{margin:10px 0px; background-color:#431c52; color:#666666; line-height:15px;} body,td,th,input,select,textarea,input {font-family: Arial, Helvetica, sans-serif; line-height:15px; font-size:12px;} p{margin:0 0 10px 0;} #content-wrapper-home table tr td p { margin-top: 3px; margin-right: 3px; margin-left: 3px; margin-bottom: 0px; } #content-wrapper-home table tr td { padding-top: 3px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px; } #content-wrapper-home table tr td h2 { margin-top: 3px; margin-bottom: 3px; } form { margin:0 0 0 0; padding:0 0 0 0; } a img{border:none;} h1{font-size:28px; font-weight:lighter; color:#431c52; margin-top:0px; margin-left:0px; margin-bottom: 15px; margin-right:0px; padding:0;} h2{font-size:20px; font-weight:lighter; color:#431c52; margin-top:0px; margin-left:0px; margin-bottom: 15px; margin-right:0px; padding:0;} h3{font-size:14px; font-weight:normal; line-height:20px; color:#666666; margin:0px; padding:0 0 5px;} h4{font-size:15px; font-weight:normal; color:#431c52; margin:0px; padding:0; display:inline;} h5{font-size:17px; font-weight:lighter; color:#431c52; line-height:22px; margin:0 0 15px 0; padding:0;} /* Products */ h6{font-size:15px; font-weight:bold; color:#431c52; display:inline; line-height:20px;} .rtm8 {font-size:8px; vertical-align: top;} .rtm10 {font-size:10px; vertical-align: top;} .rtm12 {font-size:12px; vertical-align: top;} .txt12 {font-size:12px; line-height:16px;} .txt12b {font-size:12px; line-height:16px; font-weight:bold;} .txt14 {font-size:14px; line-height:18px;} .txt14b {font-size:14px; line-height:18px; font-weight:bold;} .txt16 {font-size:16px; line-height:20px;} .txt16b {font-size:16px; line-height:20px; font-weight:bold;} .txt18 {font-size:18px; line-height:22px;} .txt18b {font-size:18px; line-height:22px; font-weight:bold;} ul{margin:5px 15px;padding:0; list-style:circle} ul li{padding:0 0 0 7px;margin:0 0 5px 0;} a:link, a:visited {color: #0066CC; text-decoration:none;} a:hover {color: #999999; text-decoration:underline;} strong{ font-weight:bold; color:#333} ol{margin:0px 15px 18px 30px;padding:0;} ol li{padding:0;margin:0;} .clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-block;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ .clear10 {height:10px; clear:both;} .clear20 {height:20px; clear:both;} .clear30 {height:30px; clear:both;} #wrapper{width:980px;margin:0 auto;background:#ffffff;position:relative; padding:0;} /***********************************************/ /*Tables */ /***********************************************/ .lhr-table{ border-collapse:collapse; border-color:#431c52; border-width:1px;} .lhr-row-alt{background-color:#f9f5fb;} .lhr-row{background-color:#FFFFFF;} /***********************************************/ /*Header */ /***********************************************/ #header {background-color:#FFFFFF; padding:17px 19px 18px; position: relative; z-index:1000;} #header-wrapper{margin:0 auto;background:#ffffff;position:relative; padding:0; width:942px;} /***********************************************/ /*Navigation */ /***********************************************/ #main-nav{float:left; padding:0px 12px 10px 12px;} .toggleopacity img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1;} .toggleopacity:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} /* Basic code - don't modify */ #nav { display: block; margin: 0; padding: 0; position: relative; text-align:left;} #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;} #nav a { display: block; } #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0;} * html #nav ul { line-height: 0; } /* IE6 "fix" */ #nav ul a { zoom: 1; } /* IE6/7 fix */ #nav ul li { float: none; } #nav ul ul { top: 0; } /* Essentials - configure this */ #nav ul { width: 230px; } #nav ul ul { left: 161px; } /* Everything else is theming */ #nav { background-color: white; height: 24px; z-index: 1000;} #nav *:hover { background-color: none; } #nav a { border-right: 1px solid white; color: #431c52; background-color: white; font-size: 14px; padding: 5px 12px; line-height: 1; font-weight: bold;} #nav li.hover a { background-color: #9c8aa5; color: white;} #nav ul { top: 23px;} #nav ul li a { background-color: #9c8aa5; color: white; } #nav ul a.hover { background-color: #f69a1f; color: white; text-decoration:underline;} #nav ul a { border-bottom: 1px solid white; border-right: none; } /* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */ /***********************************************/ /*Content Area */ /***********************************************/ #content-wrapper{width:980px;margin:0 auto;background: url(images/bg_internal_body.gif) repeat-y #ffffff;position:relative; padding:0;} .content {padding:43px 35px;} .content-left{ background:url(images/bg_header.jpg) repeat-x #FFFFFF top; padding:43px 15px;} .content-left-hero{ background:url(images/bg_header.jpg) repeat-x #FFFFFF top; padding:0;} #content-wrapper-home{width:980px;margin:0 auto;background: url(images/bg_internal_body_home.gif) repeat-y #ffffff;position:relative; padding:0;} #service-content-top{padding:0} #service-content-middle{ padding:0px 0px 15px; margin:0 auto;} #service-content-middle img{ float:left;width:109px; padding-right:10px;} #service-content-bottom{float:left; width:90px; background:url(images/icon_arrow.gif) no-repeat left; padding-left:10px;} #service-content-bottom a{color:#666666; text-decoration:none;} #service-content-bottom a:hover{color:#beaec6; text-decoration:underline;} #service-content{ padding:15px; background-color:#f9f5fb;} #service-content-white{ padding:15px; background-color:#FFFFFF;} /* font change for specials page */ #specials {font-family: Arial, Helvetica, sans-serif; line-height:18px; font-size:14px;} /***********************************************/ /*Testamonials */ /***********************************************/ #testimonials {font-size:14px; line-height:18px;} /***********************************************/ /*Footer */ /***********************************************/ #bar {background-color:#beaec6; height:13px; border-bottom:#FFFFFF 1px solid; width:980px; margin:0 auto; position:relative;} #footer {height:65px; background:url(images/bg_footer.gif) repeat-x #beaec6; color:#421b52; font-size:11px; padding-top:10px; text-align:center; width:980px; margin:0 auto; position:relative; line-height:18px;} #footer a{color:#421b52; text-decoration:none;} #footer a:hover{color:#beaec6; text-decoration:underline;} #power-by{color:#FFFFFF; padding:15px 0px; margin:0 auto; position:relative; text-align:center; font-size:10px;} #power-by a{color:#FFFFFF; text-decoration:underline;} #power-by a:hover{color:#beaec6; text-decoration:none;} /***********************************************/ /*right column */ /***********************************************/ #rt-header{ background-color:#866e90; padding:10px 0 10px 20px;} #rt-nav { width:250px; background-color:#9c8aa5; color:#FFFFFF; font-size:12px;} #rt-nav ul{margin:0;padding:0;list-style:none; } #rt-nav ul li{ background:url(images/rt-column-nav.gif) no-repeat; padding:5px 0 5px 40px; margin:0;} #rt-nav a{color:#ffffff; text-decoration:none; } #rt-nav a:hover{color:#beaec6; text-decoration:underline;} #carecredit{padding:1px 0 0; background:#866e90; margin:0 0;} #carecredit_apply{padding:0px 0px; background:#866e90; margin:0 0;} #carecredit_video{padding:0px 0px; background:#866e90; margin:0 0;} #aesthetics-club{padding:2px 0 0; background:#866e90; margin:0 0;} #reward-programs{padding:2px 0 0; background:#866e90; margin:0 0;} #calculator_small { width:250px; margin:0 0 0 0; padding:0 0 0 0; background: url(http://carecredit.com/payment_calculator/images_small/calc_body-bgrd.gif) repeat-y top left;} #searchArea { width:220px; margin:0 0 0 12px; padding:0 0 0 0;} /***********************************************/ /*Services/Products */ /***********************************************/ #services-images{width:151px; float:left} #services-purple{float:left; width:460px; background-color:#f9f5fb; padding:19px;} #services-white{float:left; width:460px; background-color:#ffffff; padding:19px;} .service-arrow{font-weight:bold; color:#f59a1e;} /***********************************************/ /*Home Page */ /***********************************************/ .hero{ background:url(images/home-image.jpg) no-repeat;height:432px;} .promo1{ background:url(images/promo-1.jpg) no-repeat; width:327px; height:150px;} #content-wrapper-home table tr .hero span { font-size: 16px; color: #FFF; position: absolute; top: 250px; left: 250px; height: 150px; width: 250px; line-height: 22px; letter-spacing: 2px; word-spacing: 3px; } .promo2{background:url(images/promo-2.jpg) no-repeat; width:327px;height:150px;} .promo3{background:url(images/promo-3.jpg) no-repeat; width:326px;height:150px;} .promo4{background:url(images/promo-4.jpg) no-repeat; width:326px;height:150px;} #promo-content{padding:15px 15px 15px 165px;} /***********************************************/ /*HEROs */ /***********************************************/ .laser-hair-removal{ background:url(images/hero-hair-removal.jpg) no-repeat; padding:43px 150px 43px 35px; height:264px;} .lmx-cream{ background:url(images/lmx_cream_hero.jpg) no-repeat; padding:43px 150px 43px 35px; height:264px;} .solar-protection{ background:url(images/solar_protection_hero.jpg) no-repeat; padding:43px 150px 43px 35px; height:264px;} .skin-tightening{ background:url(images/hero-skin-tightening.jpg) no-repeat; padding:43px 150px 43px 35px; height:264px;} .poikiloderma{ background:url(images/hero-poikiloderma.jpg) no-repeat; padding:43px 150px 43px 35px; height:264px;} .rosacea{ background:url(images/hero-rosacea.jpg) no-repeat; padding:43px 150px 43px 35px; height:264px;} .spot-removal{ background:url(images/hero-spot-removal.jpg) no-repeat; padding:43px 150px 43px 35px; height:264px;} .spider-veins{ background:url(images/hero-spider-veins.jpg) no-repeat; padding:43px 150px 43px 35px; height:264px;} .warts{ background:url(images/hero-warts.jpg) no-repeat; padding:43px 150px 43px 35px; height:264px;} .acne{ background:url(images/hero-acne.jpg) no-repeat; padding:43px 150px 43px 35px; height:264px;} .botox{ background:url(images/hero-botox.jpg) no-repeat; padding:43px 150px 43px 35px; height:264px;} .juvederm{ background:url(images/hero-juvederm.jpg) no-repeat; padding:43px 150px 43px 35px; height:264px;} .micro{ background:url(images/hero-micro.jpg) no-repeat; padding:43px 150px 43px 35px; height:264px;} .facial{ background:url(images/hero_facial.jpg) no-repeat; padding:43px 150px 43px 35px; height:264px;} .massage{ background:url(images/hero-massage.jpg) no-repeat; padding:43px 150px 43px 35px; height:264px;} address { font-style: normal; display: inline; } #content-wrapper-home table tr .hero span h1 { color: #F79415; font-size: 20px; } #content-wrapper-home table tr .hero div { font-size: 15px; color: #FFF; height: 300px; width: 180px; position: absolute; left: 765px; top: 170px; list-style-type: disc; } #content-wrapper-home table tr .hero div ul { list-style-type: disc; } /***********************************************/ /*SITEMAP */ /***********************************************/ /*