/* --------------------------------------------
|  GLOBAL STYLES											
--------------------------------------------- */

html { border: none; }

html * { outline: none; }

html object { display: block; }

body {
	margin: 0;
	padding: 0;
	line-height: 13px; 
}
body, td {
	font-size: 12px;
	font-family: Georgia, serif;
	color: #666;
}
img { border: 0; }
p { margin: 0 0 15px 0; }

a {
	color: #6caedf;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
a:hover {
	color: #6caedf;
	text-decoration: underline;
	font-weight: normal;
	}
	
a:visited {
	color: #77893d;
	text-decoration: none;
	}
	
a:visited:hover {
	text-decoration: underline;
	}

h2, h3, h4, h5 { margin: 5px 0 5px 0; }

h1 {
  display: block;
  clear: both;
  margin: 0 0 15px 0;
	color: #6caedf;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	text-transform: uppercase; 
	font-size: 20px;
  font-weight: normal;
  padding: 0;
	}
	
h2 {
	color: #69321f;
	font-size: 15px;
	text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
	}
	
h3 {
	color: #77893d;
	font-size: 12px;
	text-transform: uppercase;
	}

input.textfield { 
	border: 1px solid #999; 
	font-size: 12px; 
	height: 16px; 
	padding: 2px 4px 6px 4px; 
	color: #666;
	font-family: Georgia, serif;
	}

blockquote {
	border-left: 17px solid #69321f;
	background: url(graphics/bg_blockquote_tile.gif) repeat-x #fff;
	padding: 16px 13px; 
	font-size: 12px;
	margin: 0;
	}
	
.footnote {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	font-size: 11px;
	color: #666;
	}
	
.textfield, select, textarea  {	border: 1px solid #999999; }
	
/* --------------------------------------------
|    Tables									
 -------------------------------------------- */
 
table { 
	border-collapse: collapse;
	} 
	table th {
		background: #a5b275;
		color: #e0e5cf;
		font-size: 11px;
		border: 1px solid #fff;
		padding: 10px 7px 7px 7px;
		text-align: left;
		}
    table th a { 
      color: #e0e5cf;
      font-weight: bold;
      }
      table th a:hover { 
      color: #e0e5cf;
      font-weight: bold;
      text-decoration: underline;
      }
	table .tableCol {
		background: #e0e5cf;
		color: #96a26b;
		font-size: 11px;
		border: 1px solid #fff;
		}	
	table td {
		border: 1px solid #e0e5ce;
		padding: 7px;
		color: #96a26b;
		}
		
table.noborders { }	
	table.noborders td { border: 0; color: #666; }
  table.noborders tbody { border: 0; }
  
.box table { margin-bottom: 15px; }

.ctaTable td { padding: 4px; }

 
/* --------------------------------------------
|    Lists									
 -------------------------------------------- */
 
ul, .item-list ul { margin: 0 0 15px 0; padding: 0 0 0 50px; }
	ul li, .item-list ul li {
		list-style: none;
		list-style-image: none;
		background: url(graphics/bg_bullet.gif) 0 6px no-repeat;
		padding: 0 0 5px 10px;
    margin: 0;
    display: block;
    position: relative;
		}	
		
ol { margin: 0 0 15px 0; padding: 0 0 0 67px; }
	ol li { padding: 0; margin: 0; }

/* --------------------------------------------
|  NAVIGATION												
--------------------------------------------- */

/* -- PRIMARY NAVIGATION -- */
.primaryNav {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 82px;
	position: absolute;
	bottom: 0;
	}
.primaryNav li {
	float: left;
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
	list-style-image: none;
	list-style-type: none;
	}
.primaryNav li a {
	outline: none;
	display: block;
	padding: 0;
	height: 82px;
	line-height: 40px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	background-image: url(graphics/nav/nav_matrix.gif);
	}
.primaryNav li a:hover {background-color: gray;}
.pnMedicalCosmeticSolutions a {background-position: 0 0; width: 291px;} .pnMedicalCosmeticSolutions a:hover {background-position: 0 -164px;} .primaryNav .pnMedicalCosmeticSolutions .active {background-position: 0 -82px;}
.pnBeforeandAfter a {background-position: -291px 0; width: 132px;} .pnBeforeandAfter a:hover {background-position: -291px -164px;} .primaryNav .pnBeforeandAfter a.active {background-position: -291px -82px;}
.pnSkinCareProducts a {background-position: -423px 0; width: 172px;} .pnSkinCareProducts a:hover {background-position: -423px -164px;} .primaryNav .pnSkinCareProducts a.active {background-position: -423px -82px;}
.pnMedicalDoctors a {background-position: -595px 0; width: 153px;} .pnMedicalDoctors a:hover {background-position: -595px -164px;} .primaryNav .pnMedicalDoctors a.active {background-position: -595px -82px;}
.pnContactUs a {background-position: -748px 0; width: 101px;} .pnContactUs a:hover {background-position: -748px -164px;} .primaryNav .pnContactUs a.active {background-position: -748px -82px;}

/* -- SECONDARY NAVIGATION -- */
#subNav {}

/* --------------------------------------------
|  STRUCTURE												
--------------------------------------------- */

#siteBackgroundBottomTile { min-width: 960px; background: url(graphics/bg_site_bottom.gif) bottom repeat-x #fff; }

#siteBackgroundTop { min-width: 960px; background: url(graphics/bg_site_top.gif) repeat-x; }

.contentBackground-front { min-width: 960px; background: url(graphics/bg_site_main.jpg) no-repeat center 30px; }

#siteBackgroundContent { min-width: 960px; background: url(graphics/bg_site_content.jpg) no-repeat center 30px; }

#siteContainer { width: 960px; margin: 0pt auto; position: relative; }

#siteBackgroundBottom { min-width: 960px; background: url(graphics/bg_site_footer.jpg) bottom center no-repeat; }

.contentBackground-bottles { min-width: 960px; background: url(graphics/bg_bottles.jpg) no-repeat center 87px; }

.contentBackground-photos { min-width: 960px; background: url(graphics/bg_pictures.jpg) no-repeat center 30px; }

.contentBackground-woman { min-width: 960px; background: url(graphics/bg_woman.jpg) no-repeat center 50px; }

.contentBackground-phone { min-width: 960px; background: url(graphics/bg_phone.jpg) no-repeat center 87px; }

.contentBackground-symbol { min-width: 960px; background: url(graphics/bg_doctors.jpg) no-repeat center 129px; }

.siteBody { background: #EEF1E6; }

/* -- HEADER -- */
#header { height: 276px; position: relative; }

/* Header Flash */

#waterHeader {
  position :absolute; 
  z-index: 100;
  top: 30px;
  left: 0;
  }

#topBar { height: 30px; }
	.topbarlinks {
		margin: 0;
		padding: 0;
		position: absolute;
		right: 80px;
		top: 9px;
		}
		.topbarlinks li {
			color: #306886;
			float: left;
			list-style-type: none;
			list-style-image: none;
			letter-spacing: 3px;
			margin-right: 2px;
			background: none;
			padding: 0;
			}
			.topbarlinks li a, .topbarlinks li a:visited {
				color: #306886;
				letter-spacing: normal;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: normal;
				}
				.topbarlinks li a:hover, .topbarlinks li a:visited:hover {
					text-decoration: underline;
					}	
										
#logoLakeShoreVeinAesthetics {
	display: block; 
	width: 250px; 
	height: 107px; 
	overflow: hidden; 
	text-indent: -9999px; 
	background: url(graphics/logo_lake_vein_aesthetics.gif); 
	position: absolute;
	top: 59px;
	left: 20px;
	}
	
#hTagline {
	display: block; 
	width: 394px; 
	height: 86px; 
	overflow: hidden; 
	text-indent: -9999px; 
	background: url(graphics/h_tagline.gif); 
	position: absolute;
	left: 381px;
	top: 88px;
  margin: 0;
	}

/* -- BODY -- */

.applyminHeight { min-height: 370px; height: auto !important; height: 370px; }

#contentArea { line-height: 16px; }
	#contentArea .pad { padding: 35px 30px 33px 30px; }
		#contentArea .pad .pad { float: none; }
    
#landingWrapper {
  background: url(graphics/bg_divider.gif) 515px 0 repeat-y;
  }
	
#colLeft { 
	width: 506px; 
	float: left; 
	padding-right: 40px;
  display: inline;
  position: relative;
  margin: 0;
	}
#colRight { 
  width: 354px; 
  float: left; 
  display: inline;
  position: relative;
  margin: 0;
  }

/* Landing Pages */

#colLeftLanding { 
	float: left;
	width: 516px;
	background: url(graphics/bg_divider.gif) repeat-y top right;
	}
	#colLeftLanding .pad { padding: 0 39px 0 0; }
	
#colRightLanding { float: left; width: 384px; }
	#colRightLanding .pad { padding: 0 0 0 31px; }
	
/* Before and After Pages */
	
#colLeftBeforeAfter {
	float: left;
	width: 201px;
	background: url(graphics/bg_divider.gif) repeat-y top right;
	}
	#colLeftBeforeAfter .pad { padding: 0 30px; }
	
#colRightBeforeAfter {
	float: left;
	width: 698px;
	}
	#colRightBeforeAfter .pad { padding: 0 0 0 0; }

/* Content Pages */

#contentTitle { padding: 0 0 0 200px; }

#contentTitleBeforeAfter { padding: 0 0 0 232px; }

#sideNavContent { width: 173px; float: left; }

#sideNavBeforeAfter {
	width: 202px;
	float: left;
	background: url(graphics/bg_divider.gif) repeat-y top right; 
	}
	.sideNav ul { margin: 0; padding: 0; }
		.sideNav ul li {
			background: none;
			padding: 0 0 8px 0;
			margin: 0 0 5px 0;
			list-style-image: none;
			list-style-type: none;
			}
			.sideNav ul li a, .sideNav ul li a:visited {
				color: #69321f;
				font-size: 14px;
				text-transform: uppercase;
				font-family: Arial, Helvetica, sans-serif;
				background: none;
				font-weight: bold;
				outline: none;
				}
			.sideNav ul li a:hover, .sideNav ul li a:visited:hover { color: #6CAEDF; text-decoration: none; font-weight: bold; }
				.sideNav ul ul { margin: 0;	padding: 1px 0; }
					.sideNav ul li li { padding: 4px 0; margin: 0; background: none; }
						.sideNav ul li ul li a, .sideNav ul li ul li a:visited {
							color: #77893d;
							font-size: 12.5px;
							padding: 4px 21px 4px 0;
							margin-right: 10px;
							line-height: 20px;
							}
						.sideNav ul li li a.active, .sideNav ul li li a:hover, .sideNav ul li li a:visited:hover {
							color: #6caedf !important;
							background: url(graphics/bg_sidenav_leaf.gif) no-repeat right 50% !important;
							text-decoration: none;		
              font-weight: bold;
							}
							
#contentSingleCol {
	float: left;
	width: 727px;	
  background: url(graphics/bg_divider.gif) repeat-y top left;
	}
	#contentSingleCol .pad { padding: 0 0 0 30px; }
	
#singleColumn {
	width: auto;
	float: none;
	}
	#singleColumn .pad { padding: 0 0 0 0; }

/* -- FOOTER -- */
#footer { clear: both; height: 139px; }

.footerLinks {
	color: #69321f;	
	margin: 0 0 37px 0;
	padding: 0;
	float: left;
	}
	.footerLinks li {
		float: left;
		letter-spacing: 3px;
		list-style-type: none;
		list-style-image: none;
		margin: 0;
		padding: 0;
		padding-right: 3px;
		background: none;
		}
		.footerLinks li a {
			color: #69321f;
			font-weight: normal;
			text-decoration: none;
			letter-spacing: normal;
			text-transform: uppercase;
			}
			.footerLinks li a:hover {
				color: #69321f;
				font-weight: normal;
				text-decoration: underline;
				}
				
#copyrightInfo {
	font-size: 9px;
	color: #ac9282;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	#copyrightInfo a, #copyrightInfo a:visited {
		color: #ac9282;
		font-weight: normal;
		text-decoration: none;
		}
		#copyrightInfo a:hover, #copyrightInfo a:visited:hover { text-decoration: underline; }
	#copyrightInfo .acroCopy { padding-top: 12px; }
	
#footerLeft { width: 546px; float: left; }
	#footerLeft .pad { padding: 27px 0 0 30px; }

#footerRight {
	width: 300px;
	float: right;
	text-align: right;
	}
	#footerRight .pad { padding: 20px 30px 0 0; }
		#footerRight .pad form { margin: 0; }
	
.searchContainer #btnSearch {
	display: block;
	text-indent: -9999px;
	height: 22px;
	width: 66px;
	background: url(graphics/btn_search.gif);
	margin: 0;
	padding: 22px 0 0 0;
	border: 0;
	cursor: pointer;
	}
	.searchContainer #btnSearch.hover { background-position: 0 -22px; }
	
.searchContainer #edit-search_block_form_keys {
	border: 1px solid #999;
	width: 176px;
	height: 14px;
	padding: 2px 4px 4px 4px;
	font-size: 11px;
	float: left;
	margin-right: 10px;
	display: inline;
	}
	
.phoneInfo {
	text-align: left;
	display: block; 
	width: 196px; 
	height: 29px; 
	overflow: hidden; 
	text-indent: -9999px; 
	background: url(graphics/bg_phone_number.gif); 
	float: right;
	margin: 15px 10px 0 0;
	}
	
.btnContactUs {
	text-align: left;
	display: block; 
	width: 109px; 
	height: 19px; 
	overflow: hidden; 
	text-indent: -9999px; 
	background: url(graphics/btn_contact_us.gif); 
	clear: both;
	float: right;
	margin: 10px 8px 0 0;
	}
	.btnContactUs:hover { background-position: 0 -19px; }
	

/* --------------------------------------------
|  CONTENT SPECIFIC										
--------------------------------------------- */

.floatLeft { float: left; display: inline-block; }
.floatRight { float: right; display: block; }
.clearBoth { clear: both }

.imgLeft { float: left; padding: 0 10px 10px 0; }
.imgRight { float: left; padding: 0 0 10px 10px; }

.arrowLink, arrowLink:visited { 
  padding-right: 25px; 
  color: #77893d;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;  
  background: url(graphics/bg_arrowlink_green.gif) right 2px no-repeat; 
  text-transform: uppercase;
  }
.arrowLink:hover, .arrowLink:visited:hover { 
  color: #6CAEDF;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  background: url(graphics/bg_arrowlink_blue.gif) right 2px no-repeat; 
  text-decoration: none;
  }

/* Newsletter Form */

  #newsletterBox label { float: left; margin-right: 9px; line-height: 20px; font-weight: normal; }
  
  #newsletterBox #edit-submitted-full-name, #newsletterBox #edit-submitted-email-address { width: 118px; float: left; margin-right: 9px; }
  
  #newsletterBox .form-required { display: none; }
  
  #newsletterBox #edit-submit {
    display: block;
    width: 64px;
    height: 22px;
    text-indent: -99999px;
    background: url(graphics/btn_submit.gif);
    border: 0;
    margin: 0;
    padding: 22px 0 0 0;
    cursor: pointer;
    }
    #newsletterBox #edit-submit.hover { background-position: 0 -22px; }

  .content #edit-submit {
    display: block !important;
    width: 64px !important;
    height: 22px !important; 
    text-indent: -99999px !important;
    background: url(graphics/btn_submit.gif) !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 22px 0 0 0 !important;
    cursor: pointer !important;
    }
    .content #edit-submit.hover { background-position: 0 -22px !important; }

.textarea-identifier { display: none; }    
	
/* Doctor Profiles */

.doctorProfile { clear: both; padding-bottom: 20px; }
	.doctorProfile img { margin-right: 18px; display: inline; }
	
/* Buttons */

.btnContactNow {
	display: block; 
	width: 137px; 
	height: 10px; 
	overflow: hidden; 
	text-indent: -9999px; 
	background: url(graphics/btn_contact_now.gif); 
	}
	.btnContactNow:hover { background-position: 0 -10px; }

.btnConsultation {
	display: block; 
	width: 167px; 
	height: 10px; 
	overflow: hidden; 
	text-indent: -9999px; 
	background: url(graphics/btn_consultation.gif); 
	}
	.btnConsultation:hover { background-position: 0 -10px; }
	
/* --------------------------------------------
|    Lower CTAs on Content Pages				
 -------------------------------------------- */
	
#bottomCTAs { clear: both; position: relative; width: 900px; height: 104px; }	
	
/* Default Styles */
	
.questionContainer {
	float: left;
  display: inline;
	width: 326px;
	background: url(graphics/bg_divider.gif) repeat-y top right;
	}
	#contentArea .questionContainer .pad { padding: 15px 0 0 0; }
	
.consultContainer { float: left; width: 343px; }
	#contentArea .consultContainer .pad { padding: 15px 0 0 0; }
	
/* Landing Pages */

.bCTA-landingpage #newsletterBox {
	background:url(graphics/bg_divider.gif) repeat-y right top;
	float:left;
	width:516px;
	}
  .bCTA-landingpage #newsletterBox .pad { padding: 15px 0 0 0; }
	
#contentArea .bCTA-landingpage .consultContainer .pad {	padding: 15px 0 0 30px; }
	
/* Content Pages */
	
.bCTA-contentpage .questionContainer {
	margin-left: 173px;
  position: relative;
	background: url(graphics/bg_divider.gif) top left repeat-y;
	}
	#contentArea .bCTA-contentpage .questionContainer .pad { padding: 15px 0 0 30px; }
	
.bCTA-contentpage .consultContainer {
	background: url(graphics/bg_divider.gif) top left repeat-y;
	}	
	#contentArea .bCTA-contentpage .consultContainer .pad { padding: 15px 0 0 30px; }
  
/* Content Page - No Side Nav */
	
.bCTA-contentpageFull .questionContainer {
	margin: 0;
	background: none;
  width: 516px;
	}
	#contentArea .bCTA-contentpageFull .questionContainer .pad { padding: 15px 0 0 30px; }
	
.bCTA-contentpageFull .consultContainer {
	background: url(graphics/bg_divider.gif) top left repeat-y;
	}	
	#contentArea .bCTA-contentpageFull .consultContainer .pad { padding: 15px 0 0 30px; }
	
/* Before and After Page */

.bCTA-beforeafter #newsletterBox {
	background:url(graphics/bg_divider.gif) repeat-y right top;
	float:left;
	width:468px;
	padding-top: 0;
	}
  .bCTA-beforeafter #newsletterBox #edit-submitted-name, .bCTA-beforeafter #newsletterBox #edit-submitted-email { width: 130px; float: left; margin-right: 9px; }
	#contentArea .bCTA-beforeafter #newsletterBox .pad { padding: 15px 0 0 0; }
	
#contentArea .bCTA-beforeafter .consultContainer .pad {	padding: 15px 0 0 30px; }

/* --------------------------------------------
|  PAGE SPECIFIC											
--------------------------------------------- */

/* --------------------------------------------
|    Drupal Backend								
 -------------------------------------------- */
 
.messages {
	padding: 15px 5px;
	border: 1px solid #000;
	margin-bottom: 15px;
  width: 70%;
	}
	.messages ul { margin: 0; }
  
.tabs { width: 70%; }
  
#contentArea div.error { background: transparent; border: 2px solid #f90000; }
	
/* --------------------------------------------
|    Admin Tabs                        
 -------------------------------------------- */ 
 
ul.primary { border-collapse: inherit; margin: 5px 0 15px 0; border-bottom: none !important; } 
    ul.primary li { margin: 0 0 10px 0; background: none !important; padding: 0 !important;  }   
        ul.primary li a, ul.primary li a:visited {
            background: url(graphics/bg_tab_normal.gif) repeat-x;
            color: #fff;
            font-weight: bold;
            padding: 3px 6px;
            border: none !important;
            } 
        ul.primary li.active a, ul.primary li.active a:visited {
            color: #6CAEDF;
            background: url(graphics/bg_tab_active.gif) repeat-x;
            border: none !important;
            padding: 3px 6px;        
            }
            ul.primary li.active a:hover, ul.primary li.active a:visited:hover {
                border: none !important;
            }
        ul.primary li a:hover, ul.primary li a:visited:hover {
            color: #6CAEDF;
            background: url(graphics/bg_tab_active.gif) repeat-x;
            font-weight: bold !important;
            text-decoration: none;
            padding: 3px 6px; 
            border: none !important;
            }
 
.tabs li { list-style: none; background-image: none; margin-bottom: 15px; } 

/* --------------------------------------------
|    Article Views      
 -------------------------------------------- */
 
/* Block View */

.articleBlockListing .articleTitle a {
  font-weight: bold;
  font-size: 13px;
  color: #77893D;
  }

.articleBlockListing .date-display-single {
  font-style: italic;
  display: block;
  margin-bottom: 10px;
  }
  
/* Page View */

.articlePageListing .articleTitle a {
  font-weight: bold;
  font-size: 13px;
  color: #77893D;
  }

.articlePageListing .date-display-single {
  font-style: italic;
  display: block;
  margin-bottom: 10px;
  }
  
/* --------------------------------------------
|    Before and After Page  
 -------------------------------------------- */
 
.beforeAfterListing { padding-bottom: 10px; } 
  .beforeAfterListing .beforeText { display: none; }  
  .beforeAfterListing .afterText { display: none; }
  
#beforeAfterElement #getFlash { width: 266px; float: left; text-align: center; }
  #beforeAfterElement #getFlash .pad { padding: 0 10px; }

#beforeAfterElement #noFlashBA { float: left; width: 400px; padding-left: 20px; background: url(graphics/bg_divider.gif) repeat-y top left; }
  
/* --------------------------------------------
|    Sitemap                                
 -------------------------------------------- */
    
.site-map { margin: 0 0 15px 0; padding: 0; border-collapse: collapse; width: 80%; }
    .site-map a { display: block; padding-left: 8px; line-height: 20px; }
    .site-map h2 { display: none; }   
    .site-map ul {
        margin: 0;
        padding: 0;
        list-style: none;
        list-style-image: none;
        list-style-type: none;
        }
        .site-map ul li {
            margin: 0;
            padding: 1px 0;
            background: none;
            list-style: none;
            list-style-image: none;
            list-style-type: none;
            }
            .site-map ul li li {}
            .site-map ul li.leaf a, .site-map ul li.leaf a:visited {
                background: url(graphics/bg_sitemap.gif) repeat-y;
                color: #77893D;
                font-weight: bold;
                }
            .site-map ul li.expanded a { background: url(graphics/bg_sitemap.gif) repeat-y; color: #77893D; font-weight: bold; }
                .site-map ul li.expanded ul li a, .site-map ul li.expanded ul li a:visited {
                    background: url(graphics/bg_sitemap.gif) repeat-y;
                    color: #6CAEDF;
                    padding-left: 20px;
                    font-weight: bold;
                    }
                    .site-map ul li.expanded ul li ul li a, .site-map ul li.expanded ul li ul li a:visited {
                        font-weight: normal;
                        color: #6CAEDF;
                        padding-left: 40px;
                        }   
                        
#beforeAfterNoContent {
  margin: 0;
  padding: 15px;
  }