/* USED BY IE BROWSER ONLY


index.htm
HairCareMenu.htm
SkinCareMenu.htm
Gallery.htm
Specials.htm
Staff.htm
StoreInfo

BEGIN Color Notes

	BLUE THEME COLORS (16 bit color)
	page background: 			#CC9
	default font: 				#666
	accent/strong/header font: 	#06C
	nav bar background color:	#06C
	nav bar active color:		#339
	body panel background:		#CCF
	active element color:		#06C

	*/

/* Color Theme */

	/* Font - header/strong/accent */
	.pageHeader, .subheader, .menuSubNavigation, .menuHeader, .bodyTextStrong, .menuPolicy, .smallText, .artistHeader, a {
		color: #06C;
		}
		
	#navigation {
		background:  url(images/page_parts/navfill.png);
		background-repeat: repeat;
		width: 650px;
		height: 21px;
		}		
		
	/* Font - body/default */
	.smallText, .bodyText, .address, .infoSplitPane, .menuSubHeader, .menuDescription, .menuPrice, .menuItemFull, .menuItem{
		color: #666;
		}	
		
	/* Background - body panel */
	body {
		background-color: #ABB190;
		}

	/* Background - header navigation */
	

	.smallText a:hover, .address a:hover {
		color: #FFF;
		background-color: #06C;
		}

	.mainPanel {
		background:  url(images/page_parts/panelbackground.png);
		background-repeat: repeat;
		width: 700;
		}
	
/* images to swap regularly */

	/* banners across top of page */
	.banner{
		background:  url(images/bnrs/banner_blueFlwr.jpg) no-repeat ;
		width: 700;
		height: 105;
		overflow : hidden; 
		padding: 0px 0px 2px 0px; 	/* top rt btm  lt */
		background-color: #06C;
		}

	.homebanner{
		background:  url(images/bnrs/banner_blueFlwr.jpg) no-repeat ;
		width: 700;
		height: 105;
		overflow : hidden; 
		padding: 0px 0px 2px 0px; 	/* top rt btm  lt */
		background-color: #06C;
		}

	.skincarebanner{
		background:  url(images/bnrs/skincarebanner1.jpg) no-repeat ;
		width: 700;
		height: 105;
		overflow : hidden; 
		padding: 0px 0px 2px 0px; 	/* top rt btm  lt */
		background-color: #06C;
		}

	.haircarebanner{
		background:  url(images/bnrs/banner_hairCare.jpg) no-repeat ;
		width: 700;
		height: 105;
		overflow : hidden; 
		padding: 0px 0px 2px 0px; 	/* top rt btm  lt */
		background-color: #06C;
		}

	.infobanner{
		background:  url(images/bnrs/infobanner2.jpg) no-repeat ;
		width: 700;
		height: 105;
		overflow : hidden; 
		padding: 0px 0px 2px 0px; 	/* top rt btm  lt */
		background-color: #06C;
		}

	.gallerybanner{
		background:  url(images/bnrs/gallerybanner2.jpg) no-repeat ;
		width: 700;
		height: 105;
		overflow : hidden; 
		padding: 0px 0px 2px 0px; 	/* top rt btm  lt */
		background-color: #06C;
		}

	.staffbanner{
		background:  url(images/bnrs/bnr_staff3.jpg) no-repeat ;
		width: 700;
		height: 105;
		overflow : hidden; 
		padding: 0px 0px 2px 0px; 	/* top rt btm  lt */
		background-color: #06C;
		}

	/* welcome image in body text */
	.welcomeImage{
		background:  url(images/bnrs/welcomeImage5.jpg) no-repeat ;
		width: 292;
		height: 217;
		overflow : hidden; 
		border: 1px solid #06C;
		}

	.welcomeImage2{
		background:  url(images/bnrs/welcomeImage6.jpg) no-repeat ;
		width: 250;
		height: 166;
		overflow : hidden; 
		border: 1px solid #06C;
		}

	.shopAveda {
		align: center;
		}

	/* hair services page */
	
	.vban_hair1{
		background:  url(images/bnrs/vban_hair01.jpg) no-repeat ;
		width: 143;
		height: 184;
		overflow : hidden; 
		position: relative;
		border: 1px solid #06C;
		margin-top: 10px;
		}

	.vban_hair2{
		background:  url(images/bnrs/vban_hair02.jpg) no-repeat ;
		width: 143;
		height: 209;
		overflow : hidden; 
		position: relative;
		border: 1px solid #06C;
		margin-top: 10px;
		}

	.vban_hair3{
		background:  url(images/bnrs/vban_shears.jpg) no-repeat ;
		width: 143;
		height: 345;
		overflow : hidden; 
		position: relative;
		border: 1px solid #06C;
		margin-top: 10px;
		}

	/* skin services page */
	
	.vban_skin1{
		background:  url(images/bnrs/vban_spa_room.jpg) no-repeat ;
		width: 143;
		height: 150;
		overflow : hidden; 
		position: relative;
		border: 1px solid #06C;
		margin-top: 10px;
		}

	.vban_skin2{
		background:  url(images/bnrs/vban_spa_hall.jpg) no-repeat ;
		width: 143;
		height: 190;
		overflow : hidden; 
		position: relative;
		border: 1px solid #06C;
		margin-top: 10px;
		}

	.vban_skin3{
		background:  url(images/bnrs/vban_daisies.jpg) no-repeat ;
		width: 143;
		height: 407;
		overflow : hidden; 
		position: relative;
		border: 1px solid #06C;
		margin-top: 10px;
		}

	/* home page */
	
	.vban_specials{
		background:  url(images/bnrs/specialsImage.jpg) no-repeat ;
		width: 143;
		height: 143;
		overflow : hidden; 
		position: relative;
		border: 1px solid #06C;
		margin-top: 10px;
		}

	.vban_current{
		background:  url(images/glry/DoDu_botanicals_thumb.jpg) no-repeat ;
		width: 143;
		height: 143;
		overflow : hidden; 
		position: relative;
		border: 2px solid #06C;
		margin-top: 20px;
		}

	.vban_upcoming{
		background:  url(images/glry/DaGu_Beautiful_Party_thumb.jpg) no-repeat;
		width: 143;
		height: 143;
		overflow : hidden; 
		position: relative;
		border: 2px solid #06C;
		margin-top: 20px;
		}




/* navigation at top of page*/
	
	#navigation a {
		font-size: 90%;
		font-style: normal;
		font-weight: bold;
		font-variant: normal;
		text-transform: none;
		line-height: 1.3em;  /* helps visually center the text */
		text-decoration: none;
		color: #CCF;
		text-align: center; /* horizontal alignment */
		height: 21px;
		display: block;
		vertical-align: middle;
		}
	
	#navigation a:hover {
		background: #339;
		color: #FFF;
		}
	
	.navActive {  				/* Active Tab */
		background: #14A;
		}

	.nhbgr {
		/*background: url(images/navActiveR.png);
		background-repeat: no-repeat;
		width: 11; */
		}

	.nhbgl {
		/*background: url(images/navActiveL.png);
		background-repeat: repeat-x;
		width: 100%; */
		}

	.nhbgc {
		/*background: url(images/navActiveCenter.png);
		background-repeat: no-repeat;
		width: 11;  */
		}

/* General use Styles */

	body {
		margin: 20px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		font-family: verdana, arial, helvetica, sans-serif;
		text-align: center;					/* horizontal alignment */
		}
		
	p {
		line-height: 1.6em;
		margin-top: 1.5em;
		margin-bottom: 1.5em; 
		}

	tr {
		vertical-align: top;
		}

/* General Use Classes */
		
	.pageHeader{
		font-size: 130%;
		font-style: italic;
		letter-spacing:.05em; 
		line-height: 12px;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		vertical-align: middle;
		width: 508;
		height: 28;
		}
		
	.subheader{
		font-size: 90%;
		font-style: normal;
		letter-spacing:.2em;
		line-height: 12px;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		}
	
	.bodyText {
		font-size: 80%;
		line-height: 1.6em;
		margin-top: 1.5em;
		margin-bottom: 1.5em; 	
/*		margin-left: 30px; /* doesn't seem to do anythning */
/*		padding: 0px 0px 0px 30px; 	/* top rt btm  lt */ /* doesn't seem to do anythning */
		}
	
	.bodyTextStrong{
		font-size: 85%;
		font-style: normal;
		line-height: 18px;
		font-weight: bold;
		font-variant: normal;
		text-transform: uppercase;
		}
	
	.infoSplitPane p{
		font-size: 70%;
		line-height: 1.2em;
		margin-top: 1.5em;
		margin-bottom: 1.5em; 	
		}
	
	.address{
		font-size: 80%;
		line-height: 1.2em;
		margin-top: 1.5em;
		margin-bottom: 1.5em; 	
		}
		
	.address a:hover {
		display: inline; 
		/*display: block;*/
		}
		
	.infoSplitPane{
		padding: 0px 15px 0px 10px; 	/* top rt btm  lt */
	
		}


/* Right Column Specific - used for right margin teazers */

	.smallText{
		font-size: 60%;
		font-style: normal;
		line-height: 18px;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		text-decoration: none;
		}
	
	.smallText a {
		font-style: normal;
		line-height: 12px;
		font-weight: bold;
		font-variant: normal;
		text-transform: uppercase;
		text-decoration: none;
		}

	.smallText a:hover {
		display: inline; 
		/*display: block;*/
		}

	.navActive {     /*  experiment - capsule selection background
		background-image: url(images/navActiveL.png), url(images/navActiveCenter.png), url(images/navActiveR.png);
		background-repeat: no-repeat, repeat-x, no-repeat;*/
		}


	.shop_aveda {
		background:   url(images/page_parts/shopAveda.jpg) no-repeat ;
		width: 143;
		height: 39;
		position: relative;
		border: 1px solid #06C;
		margin-top: 10px;
		}

	.shop_aveda a:hover {
		border: 4px solid #06C;
		}



/* Home Page Specific - inline image flow for home page text */
	
	.welcomeImage{
		padding: 4px; 
		display: inline; 
		
		}
	
	.right { 
		margin: 0 0 2px 7px; 
		float: right; 
		}
	
	.left { 
		float: left; 
		margin: 0 10px 2px 0; 	/* top rt btm  lt */
		}
	
	.center { 
		float: center;
		display: block;
		margin-left: auto; 
		margin-right: auto;
		}

	.left60{
		margin-left: 60px; 	
		display : block;
		margin: 0 0 0 60px ; 	/* top rt btm  lt */
		}

	.left30{
		margin-left: 30px; /* */
		display : block;
		margin: 0 0 0 30px ; 	/* top rt btm  lt */
		}

	.left20{
		margin-left: 20px;   
		display : block;
		margin: 0 0 0 20px ; 	/* top rt btm  lt */
		}



/* Hair and Skin Page Specific - service menu tables */

	.menuHeader {
		font-size: 110%;
		font-style: normal;  /* normal italic oblique */
		letter-spacing:.05em; 
		line-height: 12px;
		font-weight: bold;
		font-variant: small-caps;  /* normal small-caps */
		text-transform: lowercase;
		vertical-align: bottom;
		width: 508;
		height: 28;
		padding: 30px 0px 0px 0px; 	/* top rt btm  lt */
		}
	
	.menuSubHeader {
		font-size: 80%;
		font-style: normal;
		line-height: 18px;
		font-weight: bold;
		vertical-align: bottom;
		text-transform: lowercase;
		font-variant: normal;
		padding: 15px 0px 0px 0px; 	/* top rt btm  lt */
		}
	
	.menuSubNavigation {
		font-size: 80%; 
		font-style: normal; 
		line-height: 18px; 
		font-weight: normal; 
		vertical-align: bottom;
		text-transform: normal;
		font-variant: small-caps;
		padding: 15px 0px 0px 0px; 	/* top rt btm  lt */
		}
	
	.menuSubNavigation a{
		text-decoration: none;   /* removes underline*/
		}	
	
	.menuDash {
		background-image:  url(images/page_parts/dash.png);
		background-repeat: repeat-x;
		align: left;
		}
	
	.menuItem {
		font-size: 80%;
		line-height: 1.2em;
		margin-top: 1.5em;
		margin-bottom: 1.5em; 
		vertical-align: bottom;
		padding: 0px 0px 0px 40px; 	/* top rt btm  lt */
		text-transform: lowercase;
		}
	
	.menuItemFull {
		font-size: 80%;
		line-height: 1.2em;
		margin-top: 1.5em;
		margin-bottom: 1.5em; 
		vertical-align: bottom;
		padding: 0px 0px 0px 0px; 	/* top rt btm  lt */
		text-transform: lowercase;
		}
	
	.menuDescription {
		font-size: 70%;
		font-style: italic;
		line-height: 1.2em;
		margin-top: 1.95em;
		margin-bottom: 1.5em; 
		vertical-align: bottom;
		padding: 5px 0px 0px 10px; 	/* top rt btm  lt */
		text-transform: normal;
		}
	
	.menuPrice {
		font-size: 80%;
		line-height: 1.2em;
		vertical-align: bottom;
		text-transform: lowercase;
		text-align: left;
		margin-top: 1.5em;
		margin-bottom: 1.5em; 
		width: 120px;	
		}

	.menuPolicy {
		font-size: 80%;
		line-height: 1.2em;
		margin-top: 1.5em;
		margin-bottom: 1.5em; 
		vertical-align: bottom;
		padding: 0px 0px 0px 0px; 	/* top rt btm  lt */
		text-transform: lowercase;
		}
		
	.addBanner1{  /* used for brazilian blowout banner */
		width: 125;
		/*width: 143;*/
		height: 125;
		overflow : hidden; 
		position: relative;
		/*border: 1px solid #06C;*/
		border: 10px solid #310;
		margin-top: 10px;
		background-color: #310;
		}

	.addBanner1 a{  /* used for brazilian blowout banner */
		vertical-align: center;
		}	
		
	
/* gallery and staff page specfic */

	.artistHeader{
		font-size: 150%;
		font-style: normal;
		letter-spacing:.05em; 
		line-height: 28px;
		font-weight: bold;
		font-variant: normal;
		text-transform: none;
		vertical-align: middle;
		width: 508;
		height: 28;
		}
		
	.divider{ /* section divider */
		background-color: #06C;
		width: 400;
		height: 1;
		position: relative;
		margin-top: 10px;
		/* fixes ie size problem*/
		font-size:1px; line-height:0;
		}

	.dividerShort{ /* section divider */
		background-color: #06C;
		width: 200;
		height: 1;
		position: relative; /* makes image respect margins */
		margin-top: 10px;
		/* fixes ie size problem*/
		font-size:1px; line-height:0;
		}

	.imageThumb{ /* used for staff pictures */
		width: 188;
		height: 250;
/*		position: relative; */
		overflow : hidden; 
		border: 1px solid #06C;
	/*	margin-left: 30px; */
		background-color: AAF;
		}

	.artThumb{  /* used for larger gallery thumbs */
		width: 143;
		height: 143;
		overflow : hidden; 
		display : block;
		position: relative;
		border: 2px solid #06C; 
		background-color: AAF;
		}
	
	.artThumb img{  /* keeps html page from adding link border */
		border: 0;
		}

	.artThumbMini{ /* used for small multi-image sequence for artist portfolio */
		width: 50;
		height: 50;
		overflow : hidden; 
		display : block;
		position: relative;
		border: 2px solid #06C; 
		margin-right: 10px;
		background-color: AAF;
		}
		
	.artThumbMini img{  /* scales image to fit div; keeps html page from adding link border */
		border: 0;
		width: 50px;
		height: 50px;
		}

		

	/* the next four are for the thumbnail viewer popup */
	
		#thumbBox{ /*Outermost DIV for thumbnail viewer*/
			position: absolute;
			left: 0;
			top: 0;
			width: auto;
			padding: 10px;
			padding-bottom: 0;
			background: #036;
			visibility: hidden;
			z-index: 10;
			cursor: hand;
			cursor: pointer;
			}
		
		#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "click to close" link */
			font-family: verdana, arial, helvetica, sans-serif;
			font-size: 80%;
			line-height: 1.1em;
			color: #CCF;
			padding: 5px 0;
			text-align: right;
			}
		
		
		#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
			background-color: #036;
			font-family: verdana, arial, helvetica, sans-serif;
			font-size: 90%;
			line-height: 1.1em;
			color: #CCF;
			}
		
		#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
			position: absolute;
			visibility: hidden;
			border: 1px solid black;
			background-color: #CCF;
			padding: 5px;
			z-index: 5;
			}

/* info page specific */

	.vban_exterior{
		background:   url(images/page_parts/ab_exterior2.jpg) no-repeat ;
		width: 150;
		height: 170;
		position: relative;
		border: 1px solid #06C;
		margin-top: 10px;
		}

	.mapThumb{
		/*background:  url(images/MapThumb.jpg) no-repeat ; */
		width: 152;
		height: 110;
		position: relative;
		border: 2px solid #06C;
		margin-top: 10px;
		}
		
	.mapThumb img{
		border: 0;
		}
		

	.payment_visa{
		background:   url(images/page_parts/pmnt_visa.jpg) no-repeat ;
		width: 67;
		height: 41;
		position: relative;
		border: 1px solid #06C;
		margin-top: 10px;
		}

	.payment_mc{
		background:   url(images/page_parts/pmnt_mc.jpg) no-repeat ;
		width: 67;
		height: 41;
		position: relative;
		border: 1px solid #06C;
		margin-top: 10px;
		}

	.payment_pp{
		background:   url(images/page_parts/pmnt_pp.jpg) no-repeat ;
		width: 91;
		height: 56;
		position: relative;
		border: 1px solid #06C;
		margin-top: 10px;
		}


	
/* panel graphics for browsers that support transparency */

	.panelHeading {
		background-image:  url(images/page_parts/ie_titleUpper.png);
		width:722;
		height:49;
		}
	
	.panelTopLeft {
		background-image:  url(images/page_parts/ie_navLeft.png);
		width: 36;
 		height: 21;
		}
			
	.panelTopRight {
		background-image:  url(images/page_parts/ie_navRight.png);
		width: 36;
 		height: 21;
		}
			
	/* drop shadows along sides - stretch with page */
	.stretchYRight {
		background-image:  url(images/page_parts/ie_Rside3.png);
		width: 11;
		background-repeat: repeat-y;
		align: left;
		}
		
	.stretchYLeft {
		background-image:  url(images/page_parts/ie_Lside2.png);
		width: 11;
		background-repeat: repeat-y;
		align: right;
		}

	.panelBottomCenter {
		background-image:  url(images/page_parts/ie_bottomEdge.png);
		width: 670;
 		height: 26;
		}
		
	.panelBottomLeft {
		background-image:  url(images/page_parts/ie_LLcorner.png);
		width: 26;
 		height: 26;
		}
		
	.panelBottomRight {
		background-image:  url(images/page_parts/ie_LRcorner.png);
		width: 26;
 		height: 26;
		}
		
	.bottomAddress {
		background-image:  url(images/page_parts/ie_address.png);
		width: 329;
 		height: 46;
		background-repeat: no-repeat;
		align: center;
		/*position: relative;*/
		}
		
	.pageBackground {
		background-color: #ABB190; 
		background-image:  url(images/page_parts/ie_BG_solid.png);
		height: 1000;
		background-repeat: repeat;
		/*background-image:  url(images/page_parts/BG_stripes.png);*/

		}