body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	line-height: 17px;
}

#headertop {
	background: url(../images/template/willowshoes-header.gif) #c7d800 top left no-repeat;
	}
	
#footerbottom {
	background: url(../images/template/willowshoes-footer.gif) #c7d800 top left no-repeat;
	}

.xmas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: blink;
}

.shoptextgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	line-height: 19px;
}
.shoptestgreysm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 12px;
}

.cartheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 12px;
	color: #999999;
}

.cartheader  a {  
	text-decoration: none;
	color: #999999;
}

.cartheader  a:hover {  
	text-decoration: underline;
	color: #999999;
}

.dropdowns {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.bold {
	font-weight: bold;
}
.homepagesmallgrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-transform: capitalize;


}
.homepagesmallgrey a {  
	text-decoration: none;
	color: #999999
}
.homepagesmallgrey a:hover {  
	text-decoration: underline;
	color: #000000
}

.footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	text-transform: capitalize;
	color: #FFFFFF;
}
.footer a {  
	text-decoration: underline;
	color: #FFFFFF
}

.footer a:hover {  
	text-decoration: underline;
	color: #FFFFFF
}

.footergrey{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	text-transform: capitalize;
	color: #999999;
}
.footergrey a {  
	text-decoration: underline;
	color: #999999;
}

.footergrey a:hover {  
	text-decoration: underline;
	color: #999999;
}

.shoptextgrey a {
	color: #333333
}

.formfields  {
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BORDER-COLOR: #666666
}
.largebrown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #330000;
}
.largebrown a {  
	text-decoration: none;
	color: #330000
}
.largebrown a:hover {  
	text-decoration: none;
	color: #330000
}
.xlargebrown {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #330000;
}
.xlargebrown a {  
	text-decoration: none;
	color: #330000
}
.xlargebrown a:hover {  
	text-decoration: none;
	color: #330000
}
.xlargegrey {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	color: #666666;
}
.titlesgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666666;
	line-height: 28px;
}
.largegrey {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
}

.largewhite {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
}

.largewhite a {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

	
.xlargeorange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #E5702F;
}

.xlargered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #e3024f;
}
.greybox {
	padding: 8px;
	border: 1px solid #CCCCCC;
}


/******************* MAIN NAVIGATION BAR *******************/	

div#maintopnav ul { 
	margin: 0 auto;
	padding: 0;
	width: 787px;
	height: 43px;
	list-style: none;	
	}
	
div#maintopnav li {
	float:left;/*more compatible with browsers*/
	/*display: inline;   otherway to do it*/
	/*margin-right:1px;  menu gap*/
	}
	
div#maintopnav ul li a {
	display:block; 
	height: 43px; 
	padding: 0;
	margin: 0;
	overflow:hidden;
	text-indent: -9999px;
	}
	
div#maintopnav ul li a#home {
	background: url(../images/template/menu/menuheader1.gif) top left #FFFFFF no-repeat;
	width: 77px;
	}
div#maintopnav ul li a#home:hover {
	background-position: 0 -43px; 
	cursor: hand;
	z-index:1000;
	width: 77px;
	}

div#maintopnav ul li a#about {
	background: url(../images/template/menu/menuheader2.gif) top left #FFFFFF no-repeat;
	width: 90px;
	}
div#maintopnav ul li a#about:hover {
	background-position: 0 -43px; 
	cursor: hand;
	z-index:1000;
	width: 90px;
	}
div#maintopnav ul li a#stores {
	background: url(../images/template/menu/menuheader3.gif) top left #FFFFFF no-repeat;
	width: 177px;
	}
div#maintopnav ul li a#stores:hover {
	background-position: 0 -43px; 
	cursor: hand;
	z-index:1000;
	width: 177px;
	}
div#maintopnav ul li a#shop {
	background: url(../images/template/menu/menuheader4.gif) top left #FFFFFF no-repeat;
	width: 149px;
	}
div#maintopnav ul li a#shop:hover {
	background-position: 0 -43px; 
	cursor: hand;
	z-index:1000;
	width: 149px;
	}
div#maintopnav ul li a#mailinglist {
	background: url(../images/template/menu/menuheader5.gif) top left #FFFFFF no-repeat;
	width: 114px;
	}
div#maintopnav ul li a#mailinglist:hover {
	background-position: 0 -43px; 
	cursor: hand;
	z-index:1000;
	width: 114px;
	}
div#maintopnav ul li a#contact {
	background: url(../images/template/menu/menuheader6.gif) top left #FFFFFF no-repeat;
	width: 107px;
	}
div#maintopnav ul li a#contact:hover {
	background-position: 0 -43px; 
	cursor: hand;
	z-index:1000;
	width: 107px;
	}
div#maintopnav ul li a#sale {
	background: url(../images/template/menu/menuheader7.gif) top left #FFFFFF no-repeat;
	width: 73px;
	}
div#maintopnav ul li a#sale:hover {
	background-position: 0 -43px; 
	cursor: hand;
	z-index:1000;
	width: 73px;
	}
	
	




/******************* SHOP NAVIGATION BAR *******************/	
#nav {
	margin: 0;
	padding: 0;
	height: 38px;
	list-style: none;
	display: inline;
	overflow: hidden;
	width: 375px;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 38px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:38px; /* for IE5/Win only */
	}
	
#cart1 a:link, #cart1 a  {
	background:  url(../images/cartnav/1a.gif) top left no-repeat;
	width: 26px;
	}
#cart1 a:hover, #cart1 a.selected {
	background:  url(../images/cartnav/1b.gif) top left no-repeat;
	width: 26px;
	}
#cart1b a  {
	background:  url(../images/cartnav/1b.gif) top left no-repeat;
	width: 26px;
	}
	
#cart2 a:link, #cart2 a  {
	background:  url(../images/cartnav/2a.gif) top left no-repeat;
	width: 26px;
	}
#cart2 a:hover {
	background:  url(../images/cartnav/2b.gif) top left no-repeat;
	width: 26px;
	}
#cart2b a  {
	background:  url(../images/cartnav/2b.gif) top left no-repeat;
	width: 26px;
	}
	
#cart3 a:link, #cart3 a  {
	background:  url(../images/cartnav/3a.gif) top left no-repeat;
	width: 26px;
	}
#cart3 a:hover {
	background:  url(../images/cartnav/3b.gif) top left no-repeat;
	width: 26px;
	}
#cart3b a  {
	background:  url(../images/cartnav/3b.gif) top left no-repeat;
	width: 26px;
	}
	
#cart4 a:link, #cart4 a  {
	background:  url(../images/cartnav/4a.gif) top left no-repeat;
	width: 26px;
	}
#cart4 a:hover {
	background:  url(../images/cartnav/4b.gif) top left no-repeat;
	width: 26px;
	}
#cart4b a  {
	background:  url(../images/cartnav/4b.gif) top left no-repeat;
	width: 26px;
	}
	
#cart5 a:link, #cart5 a  {
	background:  url(../images/cartnav/5a.gif) top left no-repeat;
	width: 26px;
	}
#cart5 a:hover {
	background:  url(../images/cartnav/5b.gif) top left no-repeat;
	width: 26px;
	}
#cart5b a  {
	background:  url(../images/cartnav/5b.gif) top left no-repeat;
	width: 26px;
	}

#cart6 a:link, #cart6 a  {
	background:  url(../images/cartnav/6a.gif) top left no-repeat;
	width: 26px;
	}
#cart6 a:hover {
	background:  url(../images/cartnav/6b.gif) top left no-repeat;
	width: 26px;
	}
#cart6b a  {
	background:  url(../images/cartnav/6b.gif) top left no-repeat;
	width: 26px;
	}
	
#cart7 a:link, #cart7 a  {
	background:  url(../images/cartnav/7a.gif) top left no-repeat;
	width: 26px;
	}
#cart7 a:hover {
	background:  url(../images/cartnav/7b.gif) top left no-repeat;
	width: 26px;
	}
#cart7b a  {
	background:  url(../images/cartnav/7b.gif) top left no-repeat;
	width: 26px;
	}
	
#cart8 a:link, #cart8 a  {
	background:  url(../images/cartnav/8a.gif) top left no-repeat;
	width: 26px;
	}
#cart8 a:hover {
	background:  url(../images/cartnav/8b.gif) top left no-repeat;
	width: 26px;
	}
#cart8b a  {
	background:  url(../images/cartnav/8b.gif) top left no-repeat;
	width: 26px;
	}
	
#cart9 a:link, #cart9 a  {
	background:  url(../images/cartnav/9a.gif) top left no-repeat;
	width: 26px;
	}
#cart9 a:hover {
	background:  url(../images/cartnav/9b.gif) top left no-repeat;
	width: 26px;
	}
#cart9b a  {
	background:  url(../images/cartnav/9b.gif) top left no-repeat;
	width: 26px;
	}
	
	
#cart10 a:link, #cart10 a  {
	background:  url(../images/cartnav/balleta.gif) top left no-repeat;
	width: 60px;
	}
#cart10 a:hover {
	background:  url(../images/cartnav/balletb.gif) top left no-repeat;
	width: 60px;
	}
#cart10b a  {
	background:  url(../images/cartnav/balletb.gif) top left no-repeat;
	width: 60px;
	}
	
	
#bags a:link, #bags a  {
	background:  url(../images/cartnav/but-bags-a.gif) top left no-repeat;
	width: 63px;
	}
#bags a:hover {
	background: url(../images/cartnav/but-bags-b.gif) top left no-repeat;
	width: 63px;
	}
#bagsb a  {
	background: url(../images/cartnav/but-bags-b.gif)  top left no-repeat;
	width: 63px;
	}	

	
#cartclear a:link, #cartclear a  {
	background:  url(../images/cartnav/but-clear-a.gif) top left no-repeat;
	width: 58px;
	}
#cartclear a:hover {
	background:  url(../images/cartnav/but-clear-b.gif) top left no-repeat;
	width: 58px;
	}
#cartclearb a  {
	background:  url(../images/cartnav/but-clear-b.gif) top left no-repeat;
	width: 58px;
	}
	
#cartminx a:link, #cartminx a  {
	background:  url(../images/cartnav/but-minx-a.gif) top left no-repeat;
	width: 54px;
	}
#cartminx a:hover {
	background:  url(../images/cartnav/but-minx-b.gif) top left no-repeat;
	width: 54px;
	}
#cartminxb a  {
	background:  url(../images/cartnav/but-minx-b.gif) top left no-repeat;
	width: 54px;
	}
.xxlargered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #b42933;
	line-height: 22px;
}
.xxlargepink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #e3024f;
}