/* Working stylesheet.  Compress before posting live.  DO NOT DELETE BETA COPY */
/* Set elements to have 0 margin and padding.  Eliminates browser defaults.  Allows page to look the same in all browsers */
* {
	margin:0;
	padding:0;
}

/* Set the default properties of the page */
html, body {
	color:#454444;
	font-size:10pt;
	font-family:Verdana, Arial;
	/* body background color */
	background: #FFFFFF url(/images/bg.jpg) repeat-x;

}


/****** Setup default behaviors ********/
a {text-decoration:none;color: #666666;}
a:hover {text-decoration:underline;color: #B9CD1C;}

td {
	/* Default table cells to valign="top" */
	vertical-align:top;
	color: #4B4B4B;
}
img {
	/* set border of 0 as default for images */
	border:0;
}
img.border {
	/* use class="border" for images you want a border */
	border:1px solid black;
}
option {
	padding-right:4px;
}
#subimage {
	padding: 8px;
}
/****** End Default Behaviors ********/


/****** Setup Page Layout ********/

/* Total width of page */
#wrapper {
	width:1000px;
	margin:0 auto;
	position:relative;
}

#header {
	border-bottom: 1px solid #999999;
	margin-top:5px;
}

#main {
	background: #F3FBD2 url(/images/bg-2.jpg) repeat-x;
	vertical-align:baseline;
	border-left: 5px solid #999999;
	border-right: 5px solid #999999;
}

/* left column */
#leftside {
	width:160px;
	position:absolute;
	top:230px;
	left:8px;
}

#leftside a {text-decoration:none;color:#666666; font-weight:bold;}
/* #leftside a:hover {text-decoration:underline;color:#F3FBD2;}*/
#leftside a:hover {text-decoration:underline;color:#333333;}

.navhead {color:#F3FBD2;}
.navhead2 {color:#A3B803;}

/* content area */
#contentarea {
	padding-left:160px;
	padding-right:170px;
}

#content {
	background: #FFF url(/images/bg.jpg) repeat-x;
	border-left: 3px solid #999999;
	border-right: 3px solid #999999;
	padding:20px 20px;
	margin-left:160px;
	width:615px;
}

/* right area */
#rightside {
	width:160px;
	position:absolute;
	top:230px;
	right:8px;
}

/*adjust this as the right buttons grow or shrink*/
#rightside-height {
	float:left;
	height:950px;
}
/* Footer */
#footer {
	padding-top:15px;
	padding-bottom:15px;
	background:#999999;
	color: #000000;
	font-size: 7pt;
	text-align:center;
}
#footer a {color:#F5F5F5;text-decoration:underline;}
#footer a:hover {color:#F5F5F5;text-decoration:none;}

/****** End Page Layout ********/

#faq li {
	padding: 5px 0;
}

/* Formatting for main body of the site */
h1  {
	color:#666666;
	font-size: 18px;
	font-family: Georgia, Times New Roman, Times;
	font-weight: bold;
	padding-right: 8px;
	padding-left: 8px;
}
h2  {
	color: #666666;
	font-size: 14px;
	font-family: Georgia, Times New Roman, Times;
	font-weight: bold;
	margin-top: 7px;
}
.gallery-h2  {
	color:#A3B803;
	font-size: 14px;
	font-family: Georgia, Times New Roman, Times;
	font-weight: bold;
	margin-top: 2px;
}
#content p {
	/* Set top and bottom padding for element */
	padding:10px;
}
#content li {
	margin-left:25px;
}
#content a {
    text-decoration:underline;
	color: #666;
}
#content a:hover {
    text-decoration:none;
	color: #95AB03;
}
a:hover {
	text-decoration:underline;
	color: #95AB03;
}
#leftside ul {
	list-style:none;
}

/****** End Design section ********/

/* Styles for the contact form */
form input {
	margin-top: 8px;
}
form .label {
	display: block;
	float: left;
	text-align:right;
	width:90px;
	margin-top: 8px;
}
form label {
	margin-right:3px;
}
form textarea {
	margin:5px;
}
#Reset {
	margin-left:10px;
}

/* various styles for form elements */
.button {
	border:1px solid black;
	background:#D3D3D3;
}
.text-field {
	border:1px solid black;
	background:#f5f5f5;
}
.required {
	color:#F00;
}
.error {
	color:#F00;
}

.sm-text {
	font-size:8pt;
}

#latisse-home {
	width:180px;
	float:right;
	margin:0 0 0 15px;
	padding: 85px 10px 10px;
	background: url(/graphics/latisse1.jpg) no-repeat #fff 10px 10px;
	display: block;
	border: 1px solid #ccc;
	cursor: pointer;
	text-decoration: none;
}

#contact-home {
	font-family:arial,verdana,sans-serif;
	width:205px;
	height:98px;
	float:right;
	margin:0 0 0 15px;
	padding: 10px 0 0 0;
	display: block;
	cursor: pointer;
	text-decoration: none;
	text-align:center;
	background-image: url(/graphics/contact-block.gif);
	background-repeat:no-repeat;
}

#contact-home b {
	font-size:13pt;
}

#home-cosmetic-procedures .tdimg {
	text-align: right;
}

#home-cosmetic-procedures td {
	vertical-align: top;
	padding: 7px;
}

.home-sub-image img {
	padding: 0 10px;
}

.latisse-home{
	background:#fff;
}

#middle {
	padding-top: 75px;
	padding-bottom: 0px;
	height: 100px;
}
#home-expo {background-image:url(/graphics/home-expo-info.png);width:176px;height:76px;float:right;padding:12px;text-align:center;font-size:8pt;}
#home-expo div {padding:2px 0;}
.blue {color: #00006B;font-size:9pt;}
.gallery-sub-head {background-image:url(/graphics/photo-gallery-header-gray.png);width:592px;height:27px;padding-left:20px;padding-top:8px; background-repeat:no-repeat;}
.fractional {margin-left:5px;}
.may{color:#C7ADFC;}
.maygreen{color:#A2B804;}
.pretreatment{color:#662D91;}
.specials {
	float:right;
	border:1px solid #CCC;
	margin:10px;
}
.specialsAlt {
	float:right;
	margin:10px;
	margin:auto;
	padding:10px;
}
.banda {
	border:1px solid #CCC;
	margin:10px;
}
.banda-image {
	border:1px solid #CCC;
}
.newsletter { 
	border-bottom:1px solid #ccc;
}
.newsthumb { 
	float:left; 
	margin:0 15px 25px 0;
	border:1px solid #cccccc;
	padding: 5px;
}
.expert {
	color:#BD330F;
	font-size:11px;
	font-weight:bold;
}
.expert-pad {
	padding-left:15px;
}
.viewlarger {
	color:#F00; 
	font-weight:bold;
	font-size:11px;
}
.LB-image {
	border:1px solid #ccc;
}
#block {
	width:303px;
	height:93px;
	background-image:url(/graphics/block.gif);
	position:absolute;
	display:block;
	top:325px;
	left:475px;
	/*border:1px solid red;*/
}
.ask-dr-baskin {
	margin:0 auto;
	padding-right:7px;
	width:125px;
	height:65px;
	background-image:url(/graphics/see-baskin.gif);
	background-repeat:no-repeat;
}
.ask-dr-baskin:hover {
	background-position:0 -66px;
}
.ask-dr-baskin a {
	display:block;
	width:125px;
	height:65px;
	height:65px;
}
#rewardsList {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	list-style-type:none;
	margin:0 auto;
	width:490px;
}
#content #rewardsList li {
	margin-left:37px;
}

/********************   Styles for the August Specials   ************************/
	.aSpecial {
		background-image:url("/graphics/fall-bg.jpg") !important;
		background-color:#fff;
		background-repeat:no-repeat;
	}
	#aug {
		height:985px;
		
	}
	#aug h4 {
		font-family:"Myriad Pro",Crobel,Frutiger,Arial,sans-serif;
		font-size:51pt;
		padding-top:26px;
		padding-bottom:40px;
		text-align:center;
		color:#666;
	}
	#aug p {
		text-align:center;
		color:#000;
	}
	#aug .botox .one, #aug .threeDay .one {
		font-size:24pt;
		line-height:33pt;
		font-weight:bold;
		font-family:helvetica,sans-serif;
	}
	#aug .botox .two, #aug .threeDay .two {
		font-size:18pt;
		line-height:28pt;
	}
	#aug .threeDay .two span {
		color:#666;
		font-weight:bold;
	}
	#aug .threeDay .three {
		font-size:27pt;
		line-height:30pt;
	}
	#aug .threeDay .four {
		font-size:38pt;
		line-height:43pt;
		font-weight:bold;
	}
	#aug .threeDay .fine {
		font-size:7.53pt;
		line-height:17.99pt;
	}
	#aug hr {
		width:310px;
		margin:25px auto;		
		color:#666;
	}
/********************   End Styles for the August Specials   ************************/
