/* stabilise all versions */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong,  tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* CSS Document proper starts here */
.derma{padding:5px; font-size:1.0em; color:#666666; background-color:#efefef; margin:2px 0px 0px 0px;}
.derma ul{margin:20px 0px 0px 20px; list-style:circle; padding: 0;}
body {text-align:center;margin:0px;padding:0px;font-family:arial, helvetica, sans-serif;}
img {border-style:none;}
#holder {width:964px;margin:auto;text-align:left;color:#666667;font-size:0.8em;padding:0px 10px 0px 10px;border-style:solid;border-width:0px 1px 0px 1px;border-color:#EFEFEF;}
#holder strong {color:#008eaf;font-weight:normal;font-size:1.1em;}
#rowOne {text-align:left;margin:55px 0px 0px 0px;height:202px;}
#rowTwo {text-align:left;margin:5px 0px 0px 0px;}
#rowThree {text-align:left;margin:55px 0px 0px 0px;height:202px;}
#rowFour {text-align:left;margin:5px 0px 0px 0px;}
.frontNav {font-size:0.8em;float:left;width:202px;text-align:center;margin-right: 10px;color:#666666;height:12px;}
.frontNav a:link {text-decoration:none;color:#666666;}
.frontNav a:active {text-decoration:none;color:#666666;}
.frontNav a:visited {text-decoration:none;color:#666666;}
.frontNav a:hover {text-decoration:none;color:#666666;}

#footer {color:#008eaf;font-size:1em;text-align:center;margin:20px 0px 0px 0px;background: url(../images/cross.gif) no-repeat center center;width:100%; padding:0px 0px 0px 0px;font-weight:bold;}

#tattoo {display: block; width: 202px; height: 202px; background: url("../images/treat01.jpg") no-repeat 0 0; float:left; margin-right: 10px;}
#tattoo:hover {background-position: 0 -202px;}
#tattoo span {display: none;}

#lesions {display: block; width: 202px; height: 202px; background: url("../images/treat02.jpg") no-repeat 0 0; float:left; margin-right: 10px;}
#lesions:hover {background-position: 0 -202px;}
#lesions span {display: none;}

#micro {display: block; width: 202px; height: 202px; background: url("../images/treat03.jpg") no-repeat 0 0; float:left; margin-right: 10px;}
#micro:hover {background-position: 0 -202px;}
#micro span {display: none;}

#skin {display: block; width: 202px; height: 202px; background: url("../images/treat04.jpg") no-repeat 0 0; float:left; margin-right: 0px;}
#skin:hover {background-position: 0 -202px;}
#skin span {display: none;}

#veins {display: block; width: 202px; height: 202px; background: url("../images/treat05.jpg") no-repeat 0 0; float:left; margin-right: 10px;}
#veins:hover {background-position: 0 -202px;}
#veins span {display: none;}

#acne {display: block; width: 202px; height: 202px; background: url("../images/treat06.jpg") no-repeat 0 0; float:left; margin-right: 10px;}
#acne:hover {background-position: 0 -202px;}
#acne span {display: none;}

#hair {display: block; width: 202px; height: 202px; background: url("../images/treat07.jpg") no-repeat 0 0; float:left; margin-right: 10px;}
#hair:hover {background-position: 0 -202px;}
#hair span {display: none;}

#products {display: block; width: 202px; height: 202px; background: url("../images/treat08.jpg") no-repeat 0 0; float:left; margin-right: 0px;}
#products:hover {background-position: 0 -202px;}
#products span {display: none;}

#mainNav {font-size:1.0em;color:#ED7504;text-align:left;float:left;text-transform:uppercase;margin:0px 0px 0px 0px}
#mainNav ul {list-style: none; margin: 0; padding: 0;}
#mainNav li {margin:0px 30px 16px 0px;}
#mainNav a:link {text-decoration:none;color:#008eaf;}
#mainNav a:active {text-decoration:none;color:#008eaf;}
#mainNav a:visited {text-decoration:none;color:#008eaf;}
#mainNav a:hover {text-decoration:none;color:#ED7504;}

#mainText {float:left;width:629px;border-style:solid;border-width:0px 0px 0px 1px;border-color:#EFEFEF;padding:0px 0px 20px 10px;}
#side{float:left; width:320px; margin:0px 0px 0px 10px}
.mainText_left {width:320px; color:#666666;}
.mainText_right {width:320px; color:#666666; }
.tbcaption{background-color:#FFFFFF; border:dotted; border-width:0px 0px 1px 0px; border-color:#cccccc; text-align:center; color:#333333; font-weight:700; padding:2px 0px 2px 0px; margin:0px 0px 5px 0px}
.tbplainl{padding:2px 10px 2px 0px; text-align:right; background-color:#FFFFFF}
.tbplainr{padding:2px 0px 2px 0px; text-align:left; background-color:#FFFFFF}
p {padding:0px 0px 20px 0px;}
.text{clear:both; color:#666666; font-size:1em}
h1 {background-color:#ED7504; color:#ffffff;font-size:1.3em;margin:0px 0px 10px 0px;padding:2px;font-weight:200;text-transform:uppercase;border-style:none}
h2 {color:#019A02;font-size:1.1em;margin:10px 0px 10px 0px;padding:10px 0px 10px 0px;font-weight:200;}
h3 {background-color:#666e63; color:#ffffff;font-size:25px; padding:10px 5px 5px 5px;font-weight:500;border-style:none; margin:0px}
/*h3 {background-color:#ED7504; color:#ffffff;font-size:1.3em;margin:0px 0px 10px 0px;padding:2px;font-weight:200;text-transform:uppercase;border-style:none}*/
h4 {color:#333333;font-size:14px; padding:10px 0px 15px 0px;font-weight:500;border-style:none; margin:0px; text-transform:uppercase}
/*h3 {float:left;background-color:#008eaf; color:#ffffff;font-size:1.2em;margin:0px 0px 10px 0px;padding:2px;font-weight:400;border-style:none} */
.tenspace{float:left;width:9px;}
#frontpagemargin{margin:60px 0px 0px 0px}
a:link {text-decoration:none;color:#019A02;}
a:active {text-decoration:none;color:#019A02;}
a:visited {text-decoration:none;color:#019A02;}
a:hover {text-decoration:none;color:#ED7504;}

#leftCol {float:left; width:310px; padding:0px 10px 0px 0px;}
#rightCol {float:left;width:629px;border-style:solid;border-width:0px 0px 0px 1px;border-color:#EFEFEF;padding:0px 0px 0px 10px;}
td {padding:10px 5px 10px 0px;border-style:none;border-width:0px 0px 1px 0px;border-color:#EFEFEF;}
tr {}
#headerContact {width:850px;height:233px;background-image:url(../images/header09.gif);}
#headerMicro {width:850px;height:233px;background-image:url(../images/header03.gif);}
#headerVeins {width:850px;height:233px;background-image:url(../images/header05.gif);}
#headerTeeth {width:850px;height:233px;background-image:url(../images/header11.gif);}
#headerTattoo {width:850px;height:233px;background-image:url(../images/header01.gif);}
#headerSkin {width:850px;height:233px;background-image:url(../images/header04.gif);}
#headerPeels {width:850px;height:233px;background-image:url(../images/header10.gif);}
#headerHair {width:850px;height:233px;background-image:url(../images/header07.gif);}
#headerAcne {width:850px;height:233px;background-image:url(../images/header06.gif);}
#headerLesions {width:850px;height:233px;background-image:url(../images/header02.gif);}
#headerPrices {width:850px;height:233px;background-image:url(../images/header08.gif);}
#headerIndex {width:850px;height:233px;background-image:url(../images/lasercliniclogo.jpg);}
#header {width:960px;height:245px; padding:0px 0px 20px 0px}
#logonaddress{float:left; width:320px; height:245px}
#gallery{float:right; width:630px; height:245px}
#logo{width:310px; height:105px;}
#facebook{float:left; width:150px; height:45px; padding:95px 0px 0px 0px; background-image:url(../images/dermaquestlogo.gif); background-position:top left; background-repeat:no-repeat}
#address{float:left; width:160px; height:125px; font-size:1.2em; color:#008eaf; padding:15px 0px 0px 0px;}
#buscard{width:255px; height:100px; background-color:#efefef; margin:10px 0px 0px 0px; padding:30px 0px 0px 55px}
.detail{margin:0px 0px 4px 0px; height:20px; width:185px}

#infobar{width:960px; padding:0px 0px 20px 0px}
#top {width:960px; height:20px; background-image:url(../images/top.jpg); background-repeat:no-repeat;}
#infocontent{clear:both; width:960px; background-color:#008eaf;}
#bott{clear:both; width:960px; height:20px; background-image:url(../images/bott.jpg); background-repeat:no-repeat;}
.info{float:left; width:299px; border:dotted; border-width:0px 0px 0px 1px; border-color:#fefefe; text-align:left; color:#FFFFFF; font-size:1.1em; padding:0px 10px 0px 10px;}
.icon {float:left; width:50px; height:50px; padding:0px 10px 0px 0px}
.newsscroller{float:left; width:299px; padding:0px 10px 0px 10px}
.laserclinic{float:left; padding:20px 0px 0px 0px;}
.offer2{padding:0px 0px 10px 0px; width:629px; height:60px;}
.frontimage1{float:left; padding:5px; background-color:#019a02; width:620px;}
.frontimage{float:left; padding:5px; background-color:#019a02; width:350px;}
.thumb{padding:5px; background-color:#019a02; width:140px;}

#tattoo_gal {display: block; width: 150px; height: 40px; background: url(../images/tattoo_button.gif) no-repeat;background-position: 0 -40px; float:left;}
#tattoo_gal:hover {background-position: 0 0px;}
#tattoo_gal span {display: none;}

#clinic_gal {display: block; width: 150px; height: 40px; background: url(../images/clinic_button.gif) no-repeat;background-position: 0 -40px; float:left;}
#clinic_gal:hover {background-position: 0 0px;}
#clinic_gal span {display: none;}

#back_gal {display: block; width: 150px; height: 40px; background: url(../images/back_button.gif) no-repeat;background-position: 0 -40px; float:left;}
#back_gal:hover {background-position: 0 0px;}
#back_gal span {display: none;}

.gallerycol{
float:left; width:150px; margin:0px 9px 8px 0px;
}
#contactform{float:left; background-color:#008eaf; padding:10px }
#contactform2{float:left; width:260px; background-color:#008eaf; margin:0px 0px 0px 9px }
#contactbox{
padding:10px;
}
#contactbox2{
padding:5px;
}
#bookingtxt{
background-color:#019a02; color:#FFFFFF; text-align:left; font-size:1.2em; padding:10px; font-weight:500}

#contactcol{
float:left; border:dotted; border-color:#FFFFFF; border-width:0px 1px 0px 0px; padding:0px 10px 0px 0px 
}
#contactcol2{
float:left;  
}
.contactformtitle{
padding:5px 0px 5px 0px; font-size:14px; text-align:left; color:#fefefe; font-weight:100; 
}
.contactformtitle2{
width:240px; padding:5px 0px 5px 0px; font-family:Georgia, Geneva, Arial; font-size:14px; text-align:left; color:#bdd85f; font-weight:100; 
}
.textholder{
width:260px; padding:5px 0px 5px 0px; background-color:#fefefe; font-size:14px; text-align:left; color:#666666; font-weight:100;
}
.textholder2{
width:260px; padding:5px 0px 5px 0px; background-color:#fefefe
}
.textholder3{
width:250px; padding:5px 0px 5px 0px; background-color:#fefefe
}
.recaptcha{
width:320px; padding:5px 0px 0px 0px; 
}
.textb{
width:235px; font-size:12px; color:#666666; text-align:left; background-color:#fefefe; border:none 
}
.textc{
width:235px; font-size:12px; color:#666666; text-align:left; background-color:#fefefe; border:none 
}
.contactbutt{
float:left; width:123px; padding:10px 0px 10px 0px; background-color:#fefefe;font-size:12px; color:#666666; text-align:center; border:solid; border-width:0px 2px 0px 0px; border-color:#008eaf;
}
.contactformtitle2{
width:240px; padding:5px 0px 5px 0px; font-size:14px; text-align:left; color:#fefefe; font-weight:100; 
}
#map{background-color:#efefef; width:620px; height:290px; padding:5px}

#pscroller2{
width: 299px;
height: 45px;
padding: 3px;
background-color:#008eaf;
font-size:1.1em;
}

#pscroller2 a{
display:block; text-decoration:none; color:#FFFFFF; background-color:#008eaf; padding:2px 0px 2px 0px;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.info a:link {text-decoration:none;color:#ffffff;}
.info a:active {text-decoration:none;color:#ffffff;}
.info a:visited {text-decoration:none;color:#fefefe;}
.info a:hover {text-decoration:none;color:#cccccc;}

#address a:link {text-decoration:none;color:#008eaf;}
#address a:active {text-decoration:none;color:#008eaf;}
#address a:visited {text-decoration:none;color:#008eaf;}
#address a:hover {text-decoration:none;color:#ED7504;}

.ableSEOfooter {text-align:center;color:#666666; font-size:12px; font-size:0.8em;}
.ableSEOfooter {text-decoration:none;color:#666666;}
.ableSEOfooter a:active {text-decoration:none;color:#666666;}
.ableSEOfooter a:visited {text-decoration:none;color:#666666;}
.ableSEOfooter a:hover {text-decoration:none;color:#666666;}

.specials {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: lighter;
	color: #FF0000;
}
#redline {
border-style:solid;border-width:0px 0px 2px 0px;border-color:#CCCCCC;background-color:#CCCCCC;font-size:1px;padding:0px;
}
#lightgreenbg {
background-color:#EDF3E9; padding:15px 25px 25px 25px; text-align:center
}
#lightredbg {
background-color:#FAD6C9; padding:15px 25px 25px 25px; text-align:center
}
#lightpurplebg {
background-color:#F3E8FF; padding:15px 25px 25px 25px; text-align:center; background-image:url(../images/Snowflakes.jpg)
}
#greyline {border-style:solid;border-width:0px 0px 2px 0px;border-color:#CCCCCC;background-color:#CCCCCC;font-size:1px;padding:0px;}

.servicesbuttons{
float:right; background-color:#008eaf; font-size:14px; color:#FFFFFF; text-align:left; 
}
.contactbutt:hover {background-color:#666666; color:#FFFFFF}
.contactbutt a:link {text-decoration:none; color:#666666}
.contactbutt a:visited {text-decoration:none; color:#666666}
.contactbutt a:hover {text-decoration:none; color:#FFFFFF; background-color:#666666;}
.contactbutt span {display: block;}

span{
display:block; padding:2px 5px 2px 5px;
}

/* Price List */
#section_tattoo{clear:both; float:left; border:solid; border-color:#CCCCCC; border-width:1px; padding:2px; margin:0px 0px 2px 0px}
#section_hair{clear:both; float:left; border:solid; border-color:#CCCCCC; border-width:1px; padding:2px; margin:0px 0px 2px 0px}
#section_ipl{clear:both; float:left; border:solid; border-color:#CCCCCC; border-width:1px; padding:2px; margin:0px 0px 2px 0px}
#section_micro{clear:both; float:left; border:solid; border-color:#CCCCCC; border-width:1px; padding:2px; margin:0px 0px 2px 0px}
#section_peels{clear:both; float:left; border:solid; border-color:#CCCCCC; border-width:1px; padding:2px; margin:0px 0px 2px 0px}
#section_adpeels{clear:both; float:left; border:solid; border-color:#CCCCCC; border-width:1px; padding:2px; margin:0px 0px 2px 0px}
#section_injections{clear:both; float:left; border:solid; border-color:#CCCCCC; border-width:1px; padding:2px; margin:0px 0px 2px 0px}
#section_fillers{clear:both; float:left; border:solid; border-color:#CCCCCC; border-width:1px; padding:2px; margin:0px 0px 2px 0px}
#section_alt{clear:both; float:left; border:solid; border-color:#CCCCCC; border-width:1px; padding:2px; margin:0px 0px 2px 0px}
#section_other{clear:both; float:left; border:solid; border-color:#CCCCCC; border-width:1px; padding:2px; margin:0px 0px 2px 0px}

.caption:hover {background-color:#666666; color:#FFFFFF}
.caption{clear:both; padding:5px; background-color:#008eaf; margin:0px 0px 2px 0px}
.toggletext{float:left; text-align:left; font-size:1em; color:#fefefe; font-weight:500; text-transform:uppercase; padding:3px 0px 0px 0px}
.toggle{float:left; width:19px; height:20px; padding:0px 5px 0px 0px}
.toggletext a:link {text-decoration:none; color:#fefefe}
.toggletext a:visited {text-decoration:none; color:#fefefe}
.toggletext a:hover {text-decoration:none; color:#FFFFFF; background-color:#666666;}
.toggletext span {display: block; width:580px}
CAPTION{clear:both; text-align:left; padding:5px; font-size:1em; color:#fefefe; background-color:#008eaf;font-weight:500;text-transform:uppercase; margin:0px 0px 2px 0px}
.section{clear:both; float:left; border:solid; border-color:#CCCCCC; border-width:1px; padding:2px; margin:0px 0px 20px 0px}
th { vertical-align: baseline; text-align: center; font-weight: bold; padding:10px; background-color:#efefef; border:solid; border-color:#FFFFFF; border-width:0px 2px 2px 0px ; font-size:0.9em }
td { vertical-align: middle; text-align: center; padding:10px;text-transform:lowercase; font-size:0.9em }
.red{color:#C80200; }
.exp{width:600px; text-align:left; padding:10px; font-size:0.8em; background-color:#efefef; border:solid; border-color:#FFFFFF; border-width:0px 0px 2px 0px}
.sector{width:600px; text-align:center; padding:10px; font-size:1em; color:#FFFFFF; background-color:#999999; border:solid; border-color:#FFFFFF; border-width:0px 0px 2px 0px}

.offercaption{clear:both; padding:5px; background-color:#666e63; width:300px; border:solid; border-width:0px 0px 1px 0px; border-color:#efefef}
.offertoggletext{float:left; text-align:left; font-size:14px; color:#ffffff; width:270px; padding:4px 5px 0px 0px; }
.offertoggle{float:left; width:25px; height:23px;}
.offertoggletext a:link {text-decoration:none; color:#fefefe}
.offertoggletext a:visited {text-decoration:none; color:#fefefe}
.offertoggletext a:hover {text-decoration:none; color:#FFFFFF; background-color:#666666;}
.offertoggletext span {display: block;}
.offers{text-align:left; text-transform:none;}

.offersimg{width:308px; height:144px; border:solid; border-width:1px; border-color:#cccccc}
.offercol{float:left; width:310px; margin:0px 0px 0px 9px}
.offerrow{margin:0px 0px 20px 0px}
.offerscol1{background-color:#69d2e7}
#offersbox1{font-size:14px; text-align:left; color:#008eb0;}
.offerscol2{background-color:#69d2e7}
#offersbox2{border:solid; border-width:1px; border-color:#69d2e7; font-size:14px; text-align:left; color:#008eb0; padding:5px}
.offerscol3{background-color:#69d2e7}
#offersbox3{border:solid; border-width:1px; border-color:#69d2e7; font-size:14px; text-align:left; color:#008eb0; padding:5px}
.offerscol4{background-color:#69d2e7}
#offersbox4{border:solid; border-width:1px; border-color:#69d2e7; font-size:14px; text-align:left; color:#008eb0; padding:5px}
#offersbg{width:630px; padding:0px 0px 120px 0px; background-image:url(../images/Santa_Woman.jpg); background-position:bottom left; background-repeat:no-repeat; border:solid; border-color:#CCCCCC; border-width:1px}
