/* CSS Document */
/* GENERAL LINK STYLES from My littleshopofhaircuts BASIC.CSS *******

----------------------------------------------- */
/*
a { 
color: #9999cc; 
font-weight:bold;
font-size:14px; 
text-decoration:none; 
background-color:inherit;
text-align:center; 
}

a:hover{
color:#333333; 
text-decoration:none; 
background-color:inherit;
}

 */
/* FULL PAGE STYLES LITTLE SHOP OF HAIRCUTS *******
----------------------------------------------- */
table {border-collapse: collapse;}
td, th {margin: 0;padding: 0;}
td { vertical-align: top; }



body { 

	background-color: #3f3f3f;    
	background-image: url(images/23pic025-100x75.jpg); background-repeat: repeat; /*23pic025-100x75-hue-180.jpg  */
	/* -APR 31 2010 out bggrd_3e307b-76.jpg IN 23pic025.jpg ...  original blue = bggrdntv1.jpg ...bggrd_4b2781_70.jpg  bggrd_4a3172.jpg dark purple bggrd_4b2781_80.jpg bggrd_3c299d-80.jpg bggrd_3e307b-80.jpg */
	margin:0 auto;
	padding:0px 0px 0px 0px;
	/*font-size: 12px;
	color:#cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 1.4em;  */
	text-align: left; 
		  
	/*background:#222736 url(templates/mybex01/bggrdntv1.jpg) top center repeat-y;*/ /* bggrdntv1.jpg */
}
.items{font-family: "Lucida Calligraphy";font-size:12px; font-weight:200; color: #FFDFFF; text-decoration:none;  }

p.servicescript{font-family: Didot, "Brush Script MT"font-size:12px; font-weight:bold; color: #FCBBDA; text-decoration:none;  }

p.welcome{ padding-right:5px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
  color: #FCBBDA;
  line-height:20px;letter-spacing:1.5px;

  text-decoration:none;} /*color:#eb8fb0;=orginal pink color: #FFCCFF= too white  */
  
   p.fromcity{ padding-right:5px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;
  color:#FFCCFF;
} 
  
 div#topnav {
	height: 100%;
	/*margin:20px auto; /*change margin to offset from top */
	width: 800px;
	text-align:left;
  /*  background-image: url(images/23pic025-100x75.jpg); background-repeat: repeat;  background-color:#3f3f3f; */
	
}
 div#main {margin-left:0;
 
	height: 100%;
	/*margin:20px auto; /*change margin to offset from top */
	width: 800px;
	text-align:left;
	/*border: 1px solid #cccccc; */
	/*background-color:#000000;
	/*background-image: url(images/blck20x20onereddot.jpg); */
	/*background-repeat:repeat; */
 
	/* background: #ffffff url(templates/mybex01/img/bexmainpanegrad.gif) top left repeat-y;    */
	}
div#navandbody {	background-color:#000000;}	
 div#center { /* THIS IS THE BODY OF THE PAGE    */
 list-style:none
	height: 100%;
	/*margin:100px auto; /*change margin to offset from top */
	width: 800px;
	text-align:left;
	/*border: 1px solid #cccccc; */
	background-color:#000000
	background-image: url(images/bgccc.jpg); 
	/*background-repeat:repeat; */
 
	/* background: #ffffff url(templates/mybex01/img/bexmainpanegrad.gif) top left repeat-y;    */
	}
	
table. {border-collapse: collapse; 	text-align:left;}
table.blkbg{background-image: url(images/blk5x5.gif);}
td.navleftsiden {background-color:#000000; background-image:url(images/150x20sideribbon.png);background-repeat: repeat-y; padding-left:0;
                 padding-top:60px; /* SPACE ON TOP OF NAV MENU */
                 border:none; background-position:left; }
td.navleft { }
tabel.greymainw750 {width:750px; }
tabel.greymainw800 {width:800px; }
tabel.greymainw650 {width:850px; }
tabel.greymainw1000 {width:1000px; }
td.wlcm{ background-color:#3f3f3f; background-image: url(images/3f3f3fbgsq.jpg padding-left:60px; padding-right:0px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; line-height:20px; letter-spacing:2px; text-decoration:none;}
}
td.blk{ background-color: #000000;background-color:#3f3f3f; background-image: url(images/23pic025-100x75.jpg); background-repeat: repeat; padding-right:0px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; line-height:20px; letter-spacing:2px; text-decoration:none;}/* background-image: url(images/blck20x20onereddot.jpg padding-left:0px; */
td.black{ background-color:#00000; background-image: url(images/blk5x5.gif); }
tabel.black {width:800px; background-color:#00000; background-image: url(images/bgccc.jpg); }

/* TOP   MAY 14 2010   CSS MENUS FROM http://www.exploding-boy.com/images/EBmenus/menus.html#3  */
/*

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 80%;
	font-weight: bold;
	background: #FFF;
	}
/*- Menu 1--------------------------- */	

h2 {
	font: bold 14px Calibri , Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 0px;  /*- 15px to 0px --------------------------- */	

}
/*-                      BRING ALL UL LISTS TO THE LEFT  --------------------------- */
	
ul.listleft {
text-align:left;

	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
} */

/*-  START  LIST WITH HOME PAGE HIGHLITE FEATRUE  FROM: http://hicksdesign.co.uk/journal/highlighting-current-page-with-css  --------------------------- */	






/*-  END  LIST WITH HOME PAGE HIGHLITE FEATRUE  FROM: http://hicksdesign.co.uk/journal/highlighting-current-page-with-css  --------------------------- */	

/*- STAART Menu 4--------------------------- */
	
div#menu4 {
	width: 200px;
	margin: 10px;
	border-style: solid solid none solid;
	border-color: #000;
	border-size: 0px; /* --was 1px - */
		border-width: 0px;  /* --was 1px - */
	}
	
div#menu4 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
div#menu4 li a:link, #menu4 li a:visited {
	color: #FF00FF; /* TEXT COLOR  */
	display: block;
	background:  url(images/menu4-pinkdot.gif);
	padding: 8px 0 0 10px;
	}
	
div#menu4 li a:hover {
	color: #FFF;  /* TEXT COLOR  */
	background:  url(images/menu4-pinkdot.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	/*  THIS BROUGHT IN THE UL list  http://www.spartanicus.utvinternet.ie/left_and_right_alignment_using_css.htm */
ul{ width:120px}
ul{text-align:right;margin:1em 0;padding:0}
ul li{display:inline;white-space:nowrap}
ul li.prev{float:left}
a.green_link:link, a.green_link:visited { color: green;
text-decoration: none;
}
a.green_link:hover { color: red;
text-decoration: none;
}

	
/*- Menu 5--------------------------- 
	
#menu5 {
	width: 200px;
	margin: 10px;
	}
	
#menu5 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu5 li a:link, #menu5 li a:visited {
	color: #FFF;
	display: block;
	background:  url(menu5.gif);
	padding: 8px 0 0 10px;
	}
	
#menu5 li a:hover {
	color: #FFF;
	background:  url(menu5.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
*/
	
/*- Menu 6---------------------------
	
#menu6 {
	width: 200px;
	margin: 10px;
	}
	
#menu6 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu6 li a:link, #menu6 li a:visited {
	color: #FFF;
	display: block;
	background:  url(menu6.gif);
	padding: 8px 0 0 10px;
	}
	
#menu6 li a:hover {
	color: #FFF;
	background:  url(menu6.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	

 */	
/*- Menu 7--------------------------- 
	
#menu7 {
	width: 200px;
	margin: 10px;
	}
	
#menu7 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu7 li a:link, #menu7 li a:visited {
	color: #FFF;
	display: block;
	background:  url(menu7.gif);
	padding: 8px 0 0 30px;
	}
	
#menu7 li a:hover {
	color: #FFF;
	background:  url(menu7.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
*/	

	
/*- Menu 8---------------------------
	
#menu8 {
	width: 200px;
	margin: 10px;
	border-style: solid;
	border-color: #656556;
	border-size: 1px;
	border-width: 1px;
	}
	
#menu8 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu8 li a:link, #menu8 li a:visited {
	color: #656556;
	display: block;
	background:  url(menu8.gif);
	padding: 8px 0 0 20px;
	}
	
#menu8 li a:hover {
	color: #474739;
	background:  url(menu8.gif) 0 -32px;
	padding: 8px 0 0 20px;
	}
	
 */
	
/*- Menu 9---------------------------
	
#menu9 {
	width: 200px;
	margin: 10px;
	}
	
#menu9 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu9 li a:link, #menu9 li a:visited {
	color: #FFF;
	display: block;
	background:  url(menu9.gif);
	padding: 8px 0 0 35px;
	}
	
#menu9 li a:hover {
	color: #FFF;
	background:  url(menu9.gif) 0 -32px;
	padding: 8px 0 0 35px;
	}
	
 */
	
/*- Menu 10--------------------------- 
	
#menu10 {
	width: 200px;
	margin: 10px;
	}
	
#menu10 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu10 li a:link, #menu10 li a:visited {
	color: #4D4D4D;
	display: block;
	background:  url(menu10.gif);
	padding: 8px 0 0 10px;
	}
	
#menu10 li a:hover {
	color: #FF9834;
	background:  url(menu10.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
*/
	
/*- Menu 11--------------------------- 
	
#menu11 {
	width: 200px;
	margin: 10px;
	border-style: solid solid none solid;
	border-color: #889944;
	border-size: 1px;
	border-width: 1px;
	}
	
#menu11 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu11 li a:link, #menu11 li a:visited {
	color: #889944;
	display: block;
	background:  url(menu11.gif);
	padding: 8px 0 0 25px;
	}
	
#menu11 li a:hover {
	color: #889944;
	background:  url(menu11.gif) 0 -32px;
	padding: 8px 0 0 27px;
	}
	
*/
	
/*- Menu 12---------------------------
	
#menu12 {
	width: 200px;
	margin: 10px;
	}
	
#menu12 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 22px;
	text-decoration: none;
	}	
	
#menu12 li a:link, #menu12 li a:visited {
	color: #666;
	display: block;
	background:  url(menu12.gif);
	padding: 10px 0 0 35px;
	}
	
#menu12 li a:hover {
	color: #000;
	background:  url(menu12.gif) 0 -32px;
	padding: 10px 0 0 35px;
	}
	
 */
	
/*- Menu 13--------------------------- 
	
	
#menu13 {
	width: 200px;
	margin: 10px;
	}
	
#menu13 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu13 li a:link, #menu13 li a:visited {
	color: #C7377D;
	display: block;
	background:  url(menu13.gif);
	padding: 8px 0 0 10px;
	}
	
#menu13 li a:hover {
	color: #C7377D;
	background:  url(menu13.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
*/
	
/*- Menu 14---------------------------
	
	
#menu14 {
	width: 200px;
	margin: 10px;
	}
	
#menu14 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu14 li a:link, #menu14 li a:visited {
	color: #333;
	display: block;
	background:  url(menu14.gif);
	padding: 8px 0 0 10px;
	}
	
#menu14 li a:hover {
	color: #FFF;
	background:  url(menu14.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}				
 */ 
/* BOTTOM   MAY 14 2010   CSS MENUS FROM http://www.exploding-boy.com/images/EBmenus/menus.html#3  */