/* 1) 	Global  */
* {margin:0;padding:0}

/* 2) 	Links  */
a {outline: none; font-weight: bold}
a:link {color:#6D7174; text-decoration:none;background:transparent}
a:visited {color:#6D7174;text-decoration:none;background:transparent}
a:hover, a:active {color:#231f20;text-decoration:underline;background:transparent}

/* 3) 	Headings  */
h1, h2, h3, h4, h5, h6 {margin: 0.5em 0 0; line-height: 1.4em; font-weight:bold}
h1 {font-size: 142%;padding: 5px;margin: 0 0 5px}
h2 {font-size: 128%}
h3 {font-size: 124%; margin: 0}
h4 {font-size: 120%}
h5 {font-size: 115%}

/* 4) 	General   */
img {border:none}
form {text-align:left;margin: 0 0 20px}
input, select, textarea {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; background-color: #fff; border: 1px solid #b1b6b4; font-size: 1.1em}
p {margin: 0 0 14px}
hr {background:#9c603e;height:1px;color:#9c603e;border:none;margin: 0 10px 0 0; clear:both}
div.clear {clear:both;font-size:1px;height:1px;margin:0}
.special{color: #9D102D; font-weight: 700}

/* 5) 	General  */
html{background-color: #ac6929;background: url(../images/stripe-bkg.png) repeat top left}
body {color:#313131; font: 75%/1.3 Verdana, Tahoma, Arial, Helvetica, sans-serif;text-align:center; line-height: 1.7em}
#wrap {margin: 10px auto;width: 932px; overflow:hidden; text-align:center; position:relative}
#header {padding: 10px; height: 60px; background: url(../images/header-bg.gif) bottom left repeat-x; margin-bottom: 5px;}
#grid-wrap {margin: 0 auto 5px;text-align:left;width:932px; background-color:#fff; float: left}
#utility {width:175px; float: left; margin: 10px auto; padding: 0; text-align: center; background-color: #fff}
#content-wrap {width:732px;margin: 10px 10px 0; float: right; display: inline}
#content {padding: 5px; margin: 10px 0 10px; position: relative; height: 1%}
#feature{position: relative; height: 275px; padding: 5px; text-align: center}

#feature-inner {background-color: #eaeaea; height: 275px}
#text-main {background-color: #fff; padding: 0 15px 8px; text-align: justify; margin: 5px 0}
#main-img{float: right; margin: 20px 10px 0 25px}
#main-logo {float:left; margin: 17px 0 0 4px}
#head-banner{float:right; margin-right: 2px}
#panel-img{margin:12px 0 15px 10px}
#panel-img img {padding: 2px; border: 1px solid #b1b6b4;}
#panel-img-dk{border: 1px solid #313131; text-align:center; margin: 12px; padding: 1px}
#admin-message{color: #009933; font-weight: 700; font-size: 1em; background-color:#ccffbf; border-top: 1px solid #009900; border-bottom: 1px solid #009900; margin: 5px 0 85px; padding: 5px; text-align:center}
#admin-warning{color: #9d102d; font-weight: 700; font-size: 1em; background-color:#ffbfbf; border-top: 1px solid #9d102d; border-bottom: 1px solid #9d102d; margin: 5px 0; padding: 5px; text-align:center}
span.warning {display: block; color: #9d102d; font-weight: 400; margin-left: 210px; font-style:italic}
.acrobat{text-align: left; margin: 10px 10px 5px; border-top: 1px dotted #9c603e; padding-top: 5px; font-style:italic; font-size: .9em}
.product-img{float: right; margin: 20px 10px 0 25px}
#newsletter-signup-btn {margin: 12px 0 3px 8px}
#newsletter-signup-btn a {display:block; text-indent: -9999px; width: 160px; height: 44px; background: transparent url('/images/site/btn-newsletter-signup.gif') no-repeat 0 -47px}
#newsletter-signup-btn a:hover {background-position: 0 0}
#btn-more { position: absolute; top: 10px; right: 5px;}
#btn-more a {background:transparent url('/images/site/btn-learn-more.gif') no-repeat 0 0; width: 186px; height: 46px; display:block; text-indent: -999999px}
#btn-more a:hover {background-position:-195px 0}

body.minivac #btn-more a {background-position: 0 -100px;}
body.minivac #btn-more a:hover {background-position:-195px -100px}

body.dermaroller #btn-more a {background-position: 0 -50px;}
body.dermaroller #btn-more a:hover {background-position:-195px -50px}


/* 6) 	Main Nav Menu  */	
#nav{overflow:hidden; background:transparent url("/images/site/sprites-nav.png") no-repeat 0 5px;margin:0 0 119px; padding: 0}
body.home #nav,
body.contact-clinic-care #nav{margin: 0 0 106px}
#nav li{float:left;height:36px;background:none;padding:0; width: 170px; list-style-type: none; border: none; margin: 0; display: block}
#nav li a{background:transparent url("/images/site/sprites-nav.png") no-repeat 0 5px;height:36px;display:block; border: none; padding: 0; margin: 0; width: 170px}
#nav li a span{position:absolute;left:-9000px;top:0;right:auto}
#nav li#nav-1,#nav li#nav-1 a:link,#nav li#nav-1 a:visited,#nav li#nav-1 a:hover,#nav li#nav-1 a:active{background-position:0 5px}
#nav li#nav-2,#nav li#nav-2 a:link,#nav li#nav-2 a:visited,#nav li#nav-2 a:hover,#nav li#nav-2 a:active{background-position:0 -31px}
#nav li#nav-3,#nav li#nav-3 a:link,#nav li#nav-3 a:visited,#nav li#nav-3 a:hover,#nav li#nav-3 a:active{background-position:0 -67px}
#nav li#nav-4,#nav li#nav-4 a:link,#nav li#nav-4 a:visited,#nav li#nav-4 a:hover,#nav li#nav-4 a:active{background-position:0 -103px}
#nav li#nav-5,#nav li#nav-5 a:link,#nav li#nav-5 a:visited,#nav li#nav-5 a:hover,#nav li#nav-5 a:active{background-position:0 -139px}
#nav li#nav-6,#nav li#nav-6 a:link,#nav li#nav-6 a:visited,#nav li#nav-6 a:hover,#nav li#nav-6 a:active{background-position:0 -139px}
#nav li#nav-1 a:hover,#nav li#nav-1 a:active{background-position:-252px 5px}
#nav li#nav-2 a:hover,#nav li#nav-2 a:active{background-position:-252px -31px}
#nav li#nav-3 a:hover,#nav li#nav-3 a:active{background-position:-252px -67px}
#nav li#nav-4 a:hover,#nav li#nav-4 a:active{background-position:-252px -103px}
#nav li#nav-5 a:hover,#nav li#nav-5 a:active{background-position:-252px -139px}
#nav li#nav-6 a:hover,#nav li#nav-6 a:active{background-position:-252px -139px}
#nav li#nav-1.current a:link,#nav li#nav-1.current a:visited,#nav li#nav-1.current a:hover,#nav li#nav-1.current a:active{background-position:-252px 5px}
#nav li#nav-2.current a:link,#nav li#nav-2.current a:visited,#nav li#nav-2.current a:hover,#nav li#nav-2.current a:active{background-position:-252px -31px}
#nav li#nav-3.current a:link,#nav li#nav-3.current a:visited,#nav li#nav-3.current a:hover,#nav li#nav-3.current a:active{background-position:-252px -67px}
#nav li#nav-4.current a:link,#nav li#nav-4.current a:visited,#nav li#nav-4.current a:hover,#nav li#nav-4.current a:active{background-position:-252px -103px}
#nav li#nav-5.current a:link,#nav li#nav-5.current a:visited,#nav li#nav-5.current a:hover,#nav li#nav-5.current a:active{background-position:-252px -139px}
#nav li#nav-6.current a:link,#nav li#nav-6.current a:visited,#nav li#nav-6.current a:hover,#nav li#nav-6.current a:active{background-position:-252px -139px}
#nav li#nav-5 {display:none}

/* 7)	Tables  */
#tablecloth {border-collapse:collapse;margin:1.2em 0}
#tablecloth table, #tablecloth td{font:95% Tahoma,Arial, Helvetica, sans-serif}
#tablecloth th, #tablecloth td{text-align:left;padding:.5em .8em;border:1px dotted #9c603e;  line-height:1.5em}
#tablecloth th{background-color:#E9DCB9}
#tablecloth th.light {background:#80597A url(../images/tr_back_light.gif) repeat-x;color:#fff}
#tablecloth tr.even td{background:#e6cfe3}
#tablecloth tr.odd td{background:#FFE6FB}
#tablecloth li{margin-left: 15px}
	
/* 8) 	Basic Layout */
body#layout-basic #feature{border: 2px solid #6D7174}
body#layout-basic #content{border: 2px solid #6D7174}
body#layout-basic #content h1{color: #fff; font-size: 168%; background-color: #6D7174; font-family:"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif; padding: 5px 10px; margin: 0; border-bottom: 3px solid #b1b6b4}

/* 9) 	Homepage  */
body#layout-basic.home #feature {height: 260px}
body#layout-basic.home h2 {font-size: 135%; margin-bottom: 0.5em; margin-top: 0.7em}
#feature .feature-button {display: inline-block; float: left; width: 223px; margin: 6px; height: 245px}
#feature a#dermaquest{border: 2px solid #999; background: url(../images/products/dermaquest/dermaquest-footer.png) no-repeat bottom center}
#feature a#dermaroller{border: 2px solid #6cc}
#feature a#minivac{float: right;border: 2px solid #013983}
#feature a:hover#dermaquest , #feature a:hover#dermaroller, #feature a:hover#minivac {border: 2px solid #ccc}
#feature .feature-button img {margin: 75px 0}
#text-lead {background-color: #fff; padding: 8px 10px 0; margin-bottom: 5px; text-align: justify; font-size: 128%;margin: 0.5em 0 0.3em; line-height: 1.4em; color:#6a6b6d}
#text-lead .quote{font-weight: bold; font-size: .90em;color: #333; text-align: center; font-style: italic}
#text-lead .feature {color: #333; font-style: italic}
#text-lead span{vertical-align:middle}	
#text-main h2 em {font-weight: 500}
#text-main .product-feature {padding-bottom: 10px; border-bottom: 1px dotted #ccc}
#text-lead p.quote {padding-bottom: 15px; border-bottom: 1px dotted #ccc}
p.more-link {background: transparent url(../images/site/icons/external.gif) no-repeat right 0; padding-right: 20px; display:inline; }
.contact h2 {text-align: right}
.thumb-dermaroller {float:left; margin: 50px 8px 25px 0}
.thumb-minivac {float:right; margin: 15px 8px 0}
.thumb-dermaquest {float:right; margin: 8px}

/* 10) 	Contact Us Form  */	
#form-contact {font-size: .95em; margin: 5px auto; width: 675px; border-top: 1px solid #6d7174; border-bottom: 1px solid #6d7174; padding: 10px; background-color: #eaeaea}
#form-contact select {font-size: 1em}
#form-contact p {border-bottom: 1px dotted #b1b6b4; padding: 0 0 5px; margin: 0 0 6px; overflow: hidden}
#form-contact label, #form-contact .form-checkbox  label.label-default {font-weight: 700; width: 200px; float: left; text-align: right; padding-right: 10px}
#form-contact .form-checkbox  label.label-default-sub {font-weight: 400; width: 200px; float: left; text-align: right; padding-right: 10px}
#form-contact input.normal-submit {margin-left: 215px; padding: 0 10px}
#form-contact .form-checkbox label {width: 220px; float: none; font-weight: 400; display: inline}
#form-contact .form-checkbox input {border: none; background-color: #F3ECD9}
#form-contact input.normal-submit {cursor: pointer; cursor: hand; background: url(../images/button-bg.gif) repeat-x top left; height: 26px; border: 1px solid #999;text-decoration: none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none}
#feedback p span.radio-query label, #feedback p span.radio-query input {font-weight: 400; width: auto; float: none; text-align: left; padding-right: 10px; margin-left: 105px; margin-bottom: 15px; border: 0; background:none}
#feedback p span.radio-query label.radio-first, #feedback p span.radio-query label.radio-first input {margin-left: 0}
#form-contact #clinic-name {display:none}
/* 11)	Sitemap  */
body#layout-basic.sitemap #feature-inner {text-align: center}
body#layout-basic.sitemap #content h1{color: #fff; font-size: 168%;background-color: #6d7174; font-family:"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif; padding: 5px 10px; margin: 0}
body#layout-basic.sitemap #content h2 {border-bottom: 1px solid #BFB8B1; font-family:"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 120%; color: #666; margin: 5px 0}
.sitemap-col1 {background-color: #EAEAEA; padding: 15px 15px 0; margin: 5px 0 0; width: 325px; height: 240px;float: left; display:inline; font-size: 0.98em}
.sitemap-col2 {background-color: #EAEAEA; padding: 15px 15px 0; margin: 5px 0 0; width: 325px; height: 240px; float: right; display:inline; font-size: 0.98em}
.sitemap-col1 ul, .sitemap-col2 ul{margin-left: 20px; margin-bottom: 20px}
.sitemap-col1 a, .sitemap-col2 a{font-weight: 400}
body#layout-basic.sitemap.error #feature-inner {text-align: left; padding-left: 30px}
body#layout-basic.sitemap.error #feature-inner h1 {padding-top: 30px}
body#layout-basic.sitemap.error #feature-inner li {list-style-position: inside}
body#layout-basic.sitemap.error #feature-inner ul {margin-bottom: 20px}
.disabled {background-color:#ccc;border:2px inset #ccc}
#referral-other {margin-left: 51px; padding-top: 5px; display: block}
#referral-other input {margin-left: 10px}

#stockist-number {font-size: 120%; font-weight: 700; }
.website-links {margin-left: 20px}

/* 12)	Legal Notices  */
body#layout-basic.legal #feature-inner {text-align: center}
body#layout-basic.legal #content {min-height: 428px}
body#layout-basic.legal #content h2, body#layout-basic.legal #content h3 {margin: 20px 10px 0}
body#layout-basic.legal #content p {margin: 10px}

		
/* 13)	Minivac  */	
body#layout-basic.minivac #feature{text-align:center;background-color: #e9f0fa;
  background-image: -moz-linear-gradient(top, #e9f0fa, #e7f0f9); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e9f0fa),color-stop(1, #e7f0f9)); /* Saf4+, Chrome */
  background-image: linear-gradient(top, #e9f0fa, #e7f0f9);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e9f0fa', EndColorStr='#e7f0f9'); /* IE6–IE9 */ border: 2px solid #013983}
body#layout-basic.minivac #feature img {margin-top: 70px; margin-bottom: 20px}
body#layout-basic.minivac #minivac-btns a{float: left;margin:15px 42px; font-size: 1.8em; font-family:"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif; padding:5px; width: 210px; height: 55px}
body#layout-basic.minivac #minivac-btns a#microderma{background: url(../images/site/sprites-minivac-buttons.gif) no-repeat 0 -300px}
body#layout-basic.minivac #minivac-btns a:hover#microderma, 
body#layout-basic.minivac #minivac-btns a#microderma.current{background: url(../images/site/sprites-minivac-buttons.gif) no-repeat 0 -200px}
body#layout-basic.minivac #minivac-btns a#microhydra{background: url(../images/site/sprites-minivac-buttons.gif) no-repeat 0 -100px}
body#layout-basic.minivac #minivac-btns a:hover#microhydra, 
body#layout-basic.minivac #minivac-btns a#microhydra.current{background: url(../images/site/sprites-minivac-buttons.gif) no-repeat 0 0}
body#layout-basic.minivac #minivac-btns a span{color: #999}
#minivac-btns {margin: 0 55px; text-align: center}
body#layout-basic.minivac #feature h1 span, #minivac-btns span {position: absolute; left: -9999px}
body#layout-basic.minivac #feature h1 {width: 500px; height: 83px; margin: 50px auto 30px; text-align: center}
body#layout-basic.minivac #feature h1#microdermabrasion {background: url(../images/head-microdermabrasion.gif) top center no-repeat}
body#layout-basic.minivac #feature h1#microhydrabrasion {background: url(../images/head-microhydrabrasion.gif) top center no-repeat}
body#layout-basic.minivac #content {padding: 5px; margin: 10px 0; border: 2px solid #013983; text-align: left;color: #333}
body#layout-basic.minivac #content.microhydra {background: #4188C8 url(../images/products/minivac/microhydra-bg.png) top left no-repeat}
body#layout-basic.minivac #content h2 {color: #fff; background-color: #013983; margin-bottom: 0; margin-top: 0; border-bottom: 3px solid #3170C1; padding:5px 10px;font-size:168%;font-family:"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif}
body#layout-basic.minivac #content li {margin: 5px  0; list-style-image:url(../images/site/icons/icon-microderm-star.png); vertical-align: middle; line-height: 1.5em}
body#layout-basic.minivac #content h3 {color:#013983; margin-left: 15px;font-family:"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif}
body#layout-basic.minivac #content p {border: 0; padding-bottom: 0}
body#layout-basic.minivac #content ul {float: left; width: 220px; text-align:left; margin-bottom: 20px; display:inline}
body#layout-basic.minivac #content ul.wide {width: 320px;margin-left: 45px}
body#layout-basic.minivac #content ul.x-wide {width: 570px;margin-left: 45px}
body#layout-basic.minivac #content ul.first {margin-left: 45px}
body#layout-basic.minivac #content #main-img {margin: 20px 10px 0 15px}
body#layout-basic.minivac #content #text-lead {margin: 0 5px 0; text-align: left; font-style:italic; background: none; line-height: 1.6em}
body#layout-basic.minivac #content.microhydra #text-lead {font-size:1.9em; margin-top: 185px; margin-left: 270px; color: #24408E}
body#layout-basic.minivac #content.microhydra #text-main {text-align: left; font-size: 1em; background: none;margin-top: 20px; color: #fff; font-size: 1.25em}
.microderm-tip{padding: 0; float: right; margin: 0 -5px 0 0}

/* 14)	Dermaroller  */	
body#layout-basic.dermaroller #feature{text-align:center; padding: 10px 10px 0; border: 2px solid #7c47a4; background:url(../images/products/dermaroller/dermaroller-logo.gif) no-repeat 50% 35%}
body#layout-basic.dermaroller #content {padding: 5px; margin: 10px auto;border: 2px solid #7c47a4;color: #333}
body#layout-basic.dermaroller #content h1 {background-color: #7c47a4; font-size: 165%; padding-left: 15px; border-bottom: 3px solid #AB78D2}
body#layout-basic.dermaroller #content h2 {color: #7c47a4; font-size: 135%; margin-top: 20px}
body#layout-basic.dermaroller #content img {border: 1px solid #ccc; padding: 3px}
body#layout-basic.dermaroller #content a {color: #7c47a4}
body#layout-basic.dermaroller #content ul {float: left; text-align: left; width: 335px; margin-bottom: 20px}
body#layout-basic.dermaroller #content li {margin: 5px  15px 0; padding: 0 0 0 3px; list-style:disc; vertical-align: middle; list-style-position:inside;}
body#layout-basic.dermaroller #content p {border: 0; padding-bottom: 0}
body#layout-basic.dermaroller #text-lead {color: #666; padding: 8px 15px; font-weight: 700; margin-bottom: 10px; font-style: italic; background:url(../images/products/dermaroller/dermaroller-bg.png) top left repeat-x; margin: 0}
body#layout-basic.dermaroller #text-lead h2 {color: #999; font-weight: 400; font-size: 235%; text-align: center; margin:0.1em 0}
body#layout-basic.dermaroller #text-lead h2 span {color: #7c47a4; vertical-align:top;}
body#layout-basic.dermaroller #main-img {margin: 10px 0 10px 20px}
body#layout-basic.dermaroller #text-main {color: #666; padding: 8px 15px; text-align: justify; font-size: 1em}
body#layout-basic.dermaroller #text-main blockquote {width: 205px; float: left; margin-top: 30px; text-align: left; font-style: italic}
p.before-after {text-align: center}
body#layout-basic.dermaroller #text-main ul.medical-1, body#layout-basic.dermaroller #text-main ul.medical-2, body#layout-basic.dermaroller #text-main ul.medical-3 {font-size: 133%; list-style-type:none; float: left; margin: 0}
body#layout-basic.dermaroller #text-main ul.medical-1 li, body#layout-basic.dermaroller #text-main ul.medical-2 li, body#layout-basic.dermaroller #text-main ul.medical-3 li {list-style-type:none; margin: 5px 0 0}
body#layout-basic.dermaroller #text-main ul.medical-1 {width: 270px}
body#layout-basic.dermaroller #text-main ul.medical-2  {width: 215px}
body#layout-basic.dermaroller #text-main ul.medical-3 {width: 200px}
body#layout-basic.dermaroller #product-img{float: left; margin: 10px 20px 10px 5px; display: inline}
body#layout-basic.dermaroller .dermaroller-mouse{float: right; margin: 10px 0 10px 20px}

body#layout-basic.dermaroller #feature img {margin-top: 10px; margin-bottom: 20px}
body#layout-basic.dermaroller #dermaroller-btns a{float: left;margin:15px 0 1px 56px; font-size: 1.8em; font-family:"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif; padding:5px; width: 160px; height: 55px}
#dermaroller-btns {margin: 185px 0 0; text-align: center}
body#layout-basic.dermaroller #dermaroller-btns a#dermaroller-homecare{background: url(../images/site/sprites-dermaroller-buttons.png) no-repeat 0 -76px}
body#layout-basic.dermaroller #dermaroller-btns a:hover#dermaroller-homecare, 
body#layout-basic.dermaroller #dermaroller-btns a#dermaroller-homecare.current{background: url(../images/site/sprites-dermaroller-buttons.png) no-repeat 0 0}
body#layout-basic.dermaroller #dermaroller-btns a#dermaroller-medical{background: url(../images/site/sprites-dermaroller-buttons.png) no-repeat 0 -228px}
body#layout-basic.dermaroller #dermaroller-btns a:hover#dermaroller-medical, 
body#layout-basic.dermaroller #dermaroller-btns a#dermaroller-medical.current{background: url(../images/site/sprites-dermaroller-buttons.png) no-repeat 0 -152px}
body#layout-basic.dermaroller #dermaroller-btns a#dermaroller-beauty-mouse{background: url(../images/site/sprites-dermaroller-buttons.png) no-repeat 0 -381px}
body#layout-basic.dermaroller #dermaroller-btns a:hover#dermaroller-beauty-mouse, 
body#layout-basic.dermaroller #dermaroller-btns a#dermaroller-beauty-mouse.current{background: url(../images/site/sprites-dermaroller-buttons.png) no-repeat 0 -305px}
#transdermal-img {float: left; margin: 10px 25px 5px 0}
p.beauty-mouse-img {text-align: center}
body#layout-basic.dermaroller #content p.beauty-mouse-img img {border: none}

/* 15) DermaQuest */	
body#layout-dermaquest #content {border: 2px solid #a9aaae; padding: 20px 15px 30px; margin: 10px 0 10px; background: url(../images/products/dermaquest/dermaquest-footer.png) no-repeat bottom center}
body#layout-dermaquest #content h1 span {position: absolute; left: -9999px}
body#layout-dermaquest #content h1{margin-bottom: 10px; height: 30px}
body#layout-dermaquest #content h2 {color: #a9aaae; font-size: 160%; font-family:"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif; font-style:italic; letter-spacing:-1px}
body#layout-dermaquest #content ul {margin: 15px 35px 25px}
body#layout-dermaquest #main-img{float: right; margin: 0 10px 0 25px}
body#layout-dermaquest #nav-icons{margin: 30px 5px; padding:5px 0 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center}
body#layout-dermaquest #nav-icons h2 span {position: absolute; left: -9999px}
body#layout-dermaquest #nav-icons h2 {background: url(../images/products/dermaquest/heading-products.png) no-repeat right top; height: 30px; margin: 0 auto 15px; width: 590px}
body#layout-dermaquest #nav-icons img {margin: 0 2px; border: 1px solid #fff}
body#layout-dermaquest #nav-icons a:hover img{width: 127px; height: 140px; border: 1px dotted #a9aaae}
#product_select select {margin: 10px 0 5px}

body#layout-dermaquest.dermaquest-main #feature{border: 2px solid #a9aaae;text-align:center; background:url(../images/products/dermaquest/banner-main.png) no-repeat 0 0}
body#layout-dermaquest.dermaquest-main #content h1 {background: url(../images/products/dermaquest/header-main.png) no-repeat top left}

body#layout-dermaquest.masters #feature{border: 2px solid #a9aaae;text-align:center; background:url(../images/products/dermaquest/banner-masters.png) no-repeat top right}
body#layout-dermaquest.masters #content {border: 2px solid #a9aaae}
body#layout-dermaquest.masters #content h1{background: url(../images/products/dermaquest/header-masters.png) no-repeat top left}	

body#layout-dermaquest.age #feature{border: 2px solid #c3d3a4;background:url(../images/products/dermaquest/banner-age.png) no-repeat top right}
body#layout-dermaquest.age #content {border: 2px solid #c3d3a4}
body#layout-dermaquest.age #content h1{background: url(../images/products/dermaquest/header-age.png) no-repeat top left}

body#layout-dermaquest.acne #feature{border: 2px solid #e3b8b2;background:url(../images/products/dermaquest/banner-acne.png) no-repeat top right}
body#layout-dermaquest.acne #content {border: 2px solid #e3b8b2}
body#layout-dermaquest.acne #content h1{background: url(../images/products/dermaquest/header-acne.png) no-repeat top left}

body#layout-dermaquest.professional #feature{border: 2px solid #eebd95;background:url(../images/products/dermaquest/banner-professional.png) no-repeat top right}
body#layout-dermaquest.professional #content {border: 2px solid #eebd95}
body#layout-dermaquest.professional #content h1{background: url(../images/products/dermaquest/header-professional.png) no-repeat top left}

body#layout-dermaquest.therapeutic #feature{border: 2px solid #9ac2ca;background:url(../images/products/dermaquest/banner-therapeutic.png) no-repeat top right}
body#layout-dermaquest.therapeutic #content {border: 2px solid #9ac2ca}
body#layout-dermaquest.therapeutic #content h1{background: url(../images/products/dermaquest/header-therapeutic.png) no-repeat top left}
		
/* 16) Clinical Documentation */
body#layout-basic.clinical-documentation #feature h1 span {position: absolute; left: -9999px}
body#layout-basic.clinical-documentation #feature h1 {background: url(../images/head-copper-peptide.png) no-repeat top left; height: 55px; text-align: center; width: 340px; margin: 0 auto 5px}
body#layout-basic.clinical-documentation #content h2{color: #fff; font-size: 168%; background-color: #a96526; font-family:"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif; padding: 5px 10px; margin: 0; border-bottom: 3px solid #D4A57A}
body#layout-basic.clinical-documentation #content #text-main p {border: 0}
body#layout-basic.clinical-documentation.ingredients #feature h1 {background:url(../images/head-ingredients.png) no-repeat bottom left; height: 60px; text-align: center; width: 340px; margin: 0 auto 5px; padding-top: 75px}
body#layout-basic.clinical-documentation.ingredients #feature,body#layout-basic.clinical-documentation.ingredients #feature-inner {height: 220px}
.product-profile{border: 1px solid #9c603e; padding: 5px 10px; margin: 0}
.product-profile .product-img {margin-bottom: 10px}
.product-profile hr {margin: 10px 5px 20px}
.product-profile p {margin: 10px}
.product-profile h4{background-color: #e9dcb9}
.product-profile h5 {font-size: 145%; margin: 5px 10px}
.product-profile h6 {font-size: 115%; margin: 10px}
#document{text-align: left; float: left; width: 340px; margin: 20px 0 0}
#document ul {margin-left: 20px; list-style-type:none}
#document li{padding: 0 0 2px 30px;line-height: 2.2em; background: transparent url(../images/site/icons/icon-acrobat.gif) no-repeat 0 0}
#document a{font-weight: bold}
#document2{text-align: left; float: left; width: 340px; margin: 20px 0 0}
#document2 ul {margin-left: 20px; list-style-type:none}
#document2 li{padding: 0 0 2px 30px;line-height: 2.2em; background: transparent url(../images/site/icons/icon-acrobat.gif) no-repeat 0 0}
#document2 a{font-weight: bold}
#document3{text-align: left; float: left; margin: 20px 0 65px}
#document3 ul {margin-left: 20px; list-style-type:none}
#document3 li{padding: 0 0 2px 30px;line-height: 2.2em; background: transparent url(../images/site/icons/icon-acrobat.gif) no-repeat 0 0}
#document3 a{font-weight: bold}
.get-acrobat{padding: 3px; float: left; margin: 5px 10px 5px 5px}

/* 17) 	Newsletter   */
form#subForm {margin: 0 0 20px 10px; padding: 10px; border:1px dashed #b1b6b4; line-height: 1.4em}
form#subForm p {color: #666; font-style: italic; font-size: .9em; margin-bottom: 10px}
form#subForm label {font-weight: 700;color: #666; font-size: .9em; display:block; margin-top: 8px; }
form#subForm input {width: 135px; font-size: .95em; padding: 2px}
form#subForm input.normal-submit {cursor: pointer; cursor: hand; background: url(../images/button-bg.gif) repeat-x top left; height: 26px; border: 1px solid #999;text-decoration: none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none; margin:12px 0 0; font-weight: 700; width: 140px}
form#subForm h3 {font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color: #6D7174; font-weight: 700; font-size: 120%; background: url(../images/site/icons/blogs.png) no-repeat top left; height: 26px;padding-left: 20px; text-transform: uppercase; }
.newsletter h1 {padding-top: 50px; color: #6D7174}

/* 18)  Contact Us   */
body#layout-basic.contact-clinic-care #feature-inner h1 {font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; text-align: center; text-transform: uppercase; padding-top: 30px; margin: 0 auto 5px; font-size: 24px; color: #6D7174}
body#layout-basic.contact-clinic-care.stockist #feature-inner h1 {background: url(../images/head-clinics.png) no-repeat bottom left; height: 35px; text-align: center; width: 340px; margin: 0 auto 5px}
body#layout-basic.contact-clinic-care #content h2{color: #fff; font-size: 168%; background-color: #6d7174; font-family:"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif; padding: 5px 10px; margin: 0; border-bottom: 3px solid #b1b6b4}
body#layout-basic.contact-clinic-care #content #text-main p {border: 0; padding-bottom: 0}
#stockist-number{font-weight: bold; font-size: 1.7em; text-align:center; color:#6D7174; line-height: 2em; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;}
.web-addresses p{ margin: 0 0 5px; }
/* 19) 	Footer   */
#footer {background: #ececec url(../images/footer-bg.gif) repeat-x top left;margin: 0 0 15px; padding: 10px 5px 15px;font-size: .9em; line-height: 1.7em; text-align: left; border-top: 3px solid #E8E8E8; float: left; width: 930px; position: relative}
#footer hr {background:#b1b6b4;height:1px;color:#b1b6b4;border:none;margin: 5px 20px 5px; clear:both}
#footer ul {list-style: none; font-weight: normal; margin-top: 5px}
#footer a{color: #f2f2f2}
#footer a:hover {color: #231f20}
#footer img {position: absolute; bottom: 40px; right: 40px}

#footernav {float: left;text-align: left; margin: 5px 30px 20px}
#footernav .footer-col, #footernav .footer-col-wide {float: left; margin-right: 25px}
#footernav .footer-col h3, #footernav .footer-col-wide h3 {color: #231f20; border-bottom: 1px solid #b1b6b4; margin: 0 0 3px; padding: 0 8px; font-size: 1em}
#footernav .footer-col {width: 110px}
#footernav .footer-col-wide {width: 140px}
#footernav .footer-col-wide li {width: 130px}
#footernav ul {margin: 0; padding: 0 5px;text-align: left}
#footernav li {padding:1px 3px;display: block}
#footernav a:link, #footernav a:visited {padding: 0.4em 0;color: #f2f2f2;text-decoration: none; font-weight: 400}
#footernav a:hover {color: #231f20; font-weight: 400}
#footernav .footer-col h3 a, #footernav .footer-col-wide h3 a {color: #231f20; font-weight: 700}
#footernav .footer-col h3 a:hover, #footernav .footer-col-wide h3 a:hover {color: #ac6929}
#footer-address {font-size: .8em;clear: left; text-align: left;padding:1em 2em; margin: 0 20px 5px; width: 500px; float: left}
#footer-address p {margin-bottom: 3px}
#footer-address ul li {display: inline}
	
/* 20) 	Form Validation  */	
.LV_valid {color:#900 !important; display: block; margin-left: 195px; font-style: italic}	
.LV_invalid {color:#900 !important; display: block; margin-left: 195px; font-style: italic}	
.LV_validation_message{font-weight:400;margin:0 0 0 5px; display: block; margin-left: 210px; font-style: italic}    
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active, .fieldWithErrors input.LV_valid_field, .fieldWithErrors textarea.LV_valid_field {border: 1px solid #090 !important}    
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active, .fieldWithErrors input.LV_invalid_field, .fieldWithErrors textarea.LV_invalid_field {border: 1px solid #900}
body.home .LV_validation_message { margin: 0; font-weight: 400; font-size: 80%; line-height: 1.3em}
body.home .LV_invalid { margin: 0;  }

#recaptcha_area table {margin-bottom: 10px !important; margin-left: 210px !important}
#recaptcha_logo, #recaptcha_tagline{display: none !important} 
.recaptchatable {line-height: 1.4em !important}
input#recaptcha_response_field {border: 1px solid #bfb8b1 !important}

/* 21)	Carousel */
#carousel {float: left; width: 720px; height: 260px; background: url(../images/loading.gif) no-repeat center center; }
.carousel{position: relative; width: 720px; height: 260px}
.carousel .belt{position: absolute; left: 0;top: 0}
.carousel .panel{float: left; overflow: hidden;margin: 0; width: 720px}
.panel img {background:#fff}