AYALA BAR HEADER CSS
<style type="text/css">

	html {
		overflow-y:scroll;
	}

	body {
		margin:0px;
		text-align:center;
                background-color:#ffffff;
/*		font-family:<ss:value source=$font.paragraph.face/>; */
font-family: Arial, Helvetica, sans-serif;
	}
	
	a:link, a:visited {
		text-decoration:none;
/*	color:<ss:value source=$font.heading.color/>; */ 
                color:#666666;
		font-weight:bold;
	}

	a:hover {
		text-decoration:underline;
	}



/* Custom font definitions
----------------------------------------------- */
	p {
		margin:4px 0;
		line-height:normal;
	}

	.headPrice {
		font-weight:bold;
	/*	color:#990000 */
                color:#F6921D;
	}

/* Custom form elements
----------------------------------------------- */
form {
	padding:0px;
	margin:0px;
}

.inputFormat {
	height:19px;
	font-size:12px;
	padding:1px; color:#333;
	vertical-align:middle;
}

#search input{
	vertical-align:middle;
 	margin:0;
 	padding:0;
}

.btnSearch {
	vertical-align:middle;
	margin:0;
	padding:0px;
 	color:#0060B1;
 	font-size:12px;
 	cursor:pointer;
 }

/* Top Menu 
----------------------------------------------- */

#cartInfo {
	
color:white;        
        padding-top:4px; /* was 5 px */
	font-size:12px;
	line-height:3px;
 
}

#cartInfo a{
color:white;
	display:block;
padding:5px; /* new */
}

#cartInfo a:hover {
color:white;
 /*	background-color:#F1F1EB; */
/* background-color:#CCCC99; */
background-color:#C5CF6E; 
}

#cartInfo img {
color:white;
	border:0;
	vertical-align:middle;
}

#myAccount,	#shoppingCart {
 color:white;  
        width:150px;
	font-weight:100;

        
}

.cartInfoHeadings {


 /* color:white; */
color:#C5CF6E; 

	font-size:14px;
	font-weight:bold;
}

#myAccountDL, #shoppingCartDL {
color:white;
 
        padding-left:18px;
}


.topbanner, .topbanner TD, .topbanner TH {
/*  background: url("<ss:value source="$storeVersion.images['green filler.jpg']"/>") */
background: url('green filler.jpg')
 

}

/* Top MessageBar
----------------------------------------------- */

.Ron2 {
	color:white;        
  /*      background: url("<ss:value source="$storeVersion.images['Tab-Blank.gif']"/>") */
background: url('Tab-Blank.gif')
/* background-attachment:fixed */
background-repeat: no-repeat
 
}


.messageBar {
border:1px solid; 
background-color:#E6E6E6;
 
/* background: url("<ss:value source="$storeVersion.images['MessagebarBackground.gif']"/>")  */
background: url('MessagebarBackground.gif') repeat-x top;  


}



/* Top NavBar
----------------------------------------------- */
.navBar {
	height:51px;

background: url('wave1.gif') repeat-x top;  

  }

.navBarInner {
	width:980px;
}

.navBarLeft {

font-family: Arial, Helvetica, sans-serif;
	float:left;
	padding-top:5px;
}

.navBarRight {
/*		font-family:<ss:value source=$font.paragraph.face/>; */
font-family: Arial, Helvetica, sans-serif;
	float:right;
	padding-top:5px;
	padding-right:35px;
}
.navBarLeft a:link, .navBarLeft a:visited, navBarRight a:link, .navBarRight a:visited{
	color:white;
	font-weight:bold;
	font-size:12px;
}

.search {
	width:150px;
	margin-top:5px;
}



/* Left Navigtaion Column
----------------------------------------------- */


.leftColumn {
	margin:5px 15px 5px 0px;
	width:230px;

/* background:url("<ss:value source="$storeVersion.images['navBackground-pattern.gif']" />")  */
background:url('navBackground-pattern.gif')

repeat-y top left;}
	font-size:12px;  
/*	font-family:<ss:value source=$font.heading.face/>; */
        font-family: Arial, Helvetica, sans-serif;

}

.leftColumn h2 {
	display:block; 
	font-weight:bold; 
	font-size:18px;   
/*	color:<ss:value source=$font.heading.color/>;  */
	color:#666666;
	margin:0 !important; 
	padding:10px 8px; 
	
 
/* background:url("<ss:value source="$storeVersion.images['navBackground-pattern.gif']"/>") repeat-y top left; */
background:url('navBackground-pattern.gif') repeat-y top left;

}		
	

.vertNav {
	margin:0;
	padding:0;
	font-size:12px;
	color:white;
	background-color:#f7f7f7;
}

.vertNavLink {
	padding:6px 4px 6px 25px;
	line-height:normal;
	display:block;
	border-bottom:1px solid #dedcdc;
}

.vertNavLink a:link, .vertNavLink a:visited {
	color:#777;
	text-decoration:none;
}

.vertNavLink a:hover {
	color:#333;
	text-decoration:underline;
	background-color:#edecec;
}

.vertNavLinkMisc {
	margin:0;
	padding:0;
	font-size:12px;
	background-color:#edecec;
}

.vertNavLinkMisc a{
	padding:6px 4px 6px 25px;
	line-height:normal;
	display:block;
	border-bottom:1px solid #dedcdc;
}

.vertNavLinkMisc a:link, .vertNavLinkMisc a:visited {
	color:#777;
	text-decoration:none;
}

.vertNavLinkMisc a:hover {
	color:#333;
	text-decoration:underline;
	background-color:#edecec;
}


.viewMoreCat {
	display:none;
}


.viewMoreCats {
	padding:6px 4px 6px 55px;  

line-height:normal;
	display:block;
/*   background-image:url(<ss:value source="$storeVersion.images['navHeader.gif']"/>); */
background:url('navHeader.gif'); 
   background-position:top left;
   background-repeat:no-repeat;
 font-weight:100;
}


.viewMoreCats a:link, .viewMoreCats a:visited {
	color:#888;
	text-decoration:none;
}

.viewMoreCats a:hover {
	color:#333;
	text-decoration:underline;
	background-color:#edecec;
}



.leftSubCats a{
	padding:2px 4px 2px 25px;
	line-height:normal;
	display:block;

	  font-weight:100; 
}

.leftSubCats a:link, .leftSubCats a:visited {

font-weight:100;
}

.leftSubCats a:hover {
	text-decoration:underline !important;
}

/* Product List View All */

.viewallcollection {

font-size:12px
color:#cccc99

}
/* Footer
----------------------------------------------- */
.footer {
	font-size:12px;
/*	font-family:<ss:value source=$font.heading.face/>; */
        font-family: Arial, Helvetica, sans-serif;
/* 	color:<ss:value source=$font.heading.color/>; */
	color:#666666;
}
.footerBorders {
		text-align:center;
		padding:15px 0px 15px 0px;
		border-top:3px solid #E1DED6;
		border-bottom:1px solid #E1DED6;
}



/* Categories                          */
		


/* Category Tree Styling */
		#sidenav{
		   width:208px;
		   background-color:#FFFFFF;
		   		   

/* background:url("<ss:value source="$storeVersion.images['navBackground-pattern.gif']" />") repeat-y top left; */
background:url('navBackground-pattern.gif')  repeat-y top left;


}

background-position:top left;
	/*	   background-position:0 24px; */
				   height:100px;
		   }

		#cat1{
		   background-image:url('navHeader.gif');
		   background-position:top left;
		   background-repeat:no-repeat;
		   width:208px;
		   display: block;
                   padding: 26px 0 2px 0;   	   
		   }
		
		#cat1 a{
		   text-decoration:none;
		   text-align : left;
		   display: block;
		   padding:10px 0 0 26px;
		   font-size:16px;
		   color:#388f81;
		   }
		
		#cat1 a:hover{
		   text-decoration:none;
		   text-align : left;
		   display: block;
		   }


		.cat1new{
		   background-image:url('navHeader.gif');
		   background-position:top left;
		   background-repeat:no-repeat;
		   width:208px;
                   color:#388f81;
		   display: block;
		   padding: 26px 0 2px 0;   	   
		   }
		
		.cat1new a{
		   text-decoration:none;
		   text-align : left;
		   display: block;
		   padding:10px 0 0 26px;
		   font-size:16px;
		   color:#388f81;
		   }

                 .cat1new a:visited{
		   text-decoration:none;
		   text-align : left;
		   display: block;
		   padding:10px 0 0 26px;
		   font-size:16px;
		   color:#388f81;
		   }
		
		.cat1new a:hover{
		   text-decoration:none;
		   text-align : left;
		   display: block;
		   }


		
		#cat2{
		   display: block;
		   }
		
		#cat2 a{
		   text-decoration:none;
		   display: block;
		   color:#636351;
		   font-size:12px;
		   padding:3 0 0 40px;
		   }
		
		#cat2 a:hover{
		   text-decoration:underline;
		   display: block;
		   }
		
		#cat3{
		   display: block;
		   }
		
		#cat3 a{
		   text-decoration:none;
		   display: block;
		   color:#636351;
		   font-size:12px;
		   padding:3 0 0 56px;
		   font-style:italic;
		   }
		
		#cat3 a:hover{
		   text-decoration:underline;
		   display: block;
		   }


.ayalalanding td   {

font-size:12px;
background-color:#B0BE3A;
color:white;
}

 .ayalalanding2   { 
 
 
padding-top:5px;

}

  .ayalalanding2  a:link, .ayalalanding2  a:visited { 
 
color:white;
font-size:12px;
background-color:#B0BE3A;

}

.ayalalanding3   {

font-size:12px;
background-color:#B0BE3A;
color:white;
padding-top:5px;
padding-bottom:5px;
padding-right:0px;
}

</style>