body {
	background:#96c;
	font-size:100%;
	font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
}


#wrapper {
	width:750px;
	margin:20px 5px;
}

#header {
	width:740px;
	height:7em;
	margin-left:0px;
	padding:0;
	font-weight:bold;
	text-align:right;
}

#logo a {
	display:block;
	position:absolute;
	top:20px;
	left:525px;
	background:url(../img/hblogo.gif) top right no-repeat;
	height:51px;
	width:229px;
	text-decoration:none;
}

#main_nav {
	margin:0;
	padding-top:4.8em;
}

#main {
	padding:0px;
	margin:0;
}

#nav_column {
	background:url(../img/white_line_fade.jpg) top right no-repeat;
	float:left;
	margin:0 0 30px 0;
	width:120px;
	text-align:right;
}

#nav_column img{
	margin:0;
	padding:0;
}

#nav_column_image	{
	margin:	15px 0;
}

#main_content_wrapper li	{
	font-size:	0.9em;
}

#nav_column h2{
	margin:28px 10px 10px 0;
}

#nav_column ul{
	margin-right:10px;
	font-size:	0.7em;
}


#nav_column_inner {
	background:url(../img/white_line_fade.jpg) top right no-repeat;
	float:left;
	margin:0;
	width:120px;
	text-align:right;
	border-right:1px solid #fff;
	padding:0;
}

#main_content_wrapper {
	background:url(../img/white_dot.jpg) top right repeat-x;
	margin:0;
	padding:0;
	margin-left:120px;
	width:620px;
}


#main_content {
	margin:0;
	margin-left:30px;
	width:580px;
	padding-top:15px;
}

#main_content a, a:visited {
	text-decoration:underline;
}
#main_content a	{
	color:	#FFF;
}

#main_content a.on {
	color:#639;
/*	font-weight:bold; */
	text-decoration:none;
}


#main_content a:hover {
	color:#FCF;
	text-decoration:none;
}

#main_content a.on:hover{
	color:#639;
	text-decoration:none;
}



#image_area_top{
	float:left;
}


#tall_image {
	width: 100px;
}



#side_box{
	margin:0;
	padding:0;
}


#text_block {
	float:right;
	font-size:	1.1em;
	margin:0 0 20px 30px;
	padding: 0;
	color:#FCF;
	background-color: #A7D;
	width:	190px;
}

#text_block p{
	padding:0;
	margin:  10px;
	font-size:0.7em;
	text-align:	justify;
}



#copy {
	width:580px;
	color:#fff;
	float:   left;
}

#copy p {
	padding-right:0px;
}



#footer {
	clear:both;
	margin:0px 0px 20px 150px;
}

#footer ul {
	float:right;
}

#footer_inner {
	margin:20px 0px 10px 0px;
	padding-top:20px;
	width:590px;
	border-top:2px solid #B8E;
}

#postage {
	font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
	text-align:left;
	margin:10px;
	width:	430px;
}

#postage th{
	font-size:0.8em;
	text-align:center;
	padding:5px 10px;
	font-weight:bold;
	background-color:	#A7D;
}

#postage td{
	font-size:0.8em;
	padding:5px 10px;
}

#postage .right{
	text-align:right;
	padding:5px 10px;
}


#neighbours td{
	width:50%;
	background:	#A7D;
	padding:10px;
	vertical-align:	top;
}

#neighbours img{
	border:2px solid #fff;
	margin:2px;

}
#subnav {
	font-size:0.9em ;
	padding:10px 5px 10px 0;
	width:   300px;
	text-align:right;
	float:   right;
	color:#fff;
}

#subnav p{
	padding:0;
	margin:0;
}

#subnav a, a:visited {
   white-space:nowrap;
	text-decoration:none;

}

#subnav  a.on {
	color:#639;
	text-decoration:none;
}


#subnav a:hover {
	color:#FCF;
	text-decoration:none;
}

#subnav a.on:hover{
	color:#639;
	text-decoration:none;
}


/*  Selectors  */

h1{
	font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
	font-size : 1.1em;
	font-weight : normal;
	color: #fff;
	padding: 0;
	margin: 0;
}

h2{
	font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
	font-size : 1em;
	font-weight : normal;
	color: #fff;
}

h3{
	font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
	font-size : 0.9em;
	color: #FCF;
}
h3.helenspage	{
	font-size:	1.4em;
}

p  {
	font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
	font-size : 0.8em;
	font-weight : normal;
	line-height:1.4em;
}

p.note{
	font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
	font-size : 0.7em;
	font-weight : normal;
	line-height:1.4em;
}


p.header{
	font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
	font-size : 1em;
	font-weight : normal;
	color: #000;

}





/* Classes */

.hidden {
	display:none;
}

.big {
	font-size:1.2em;
}

.number{
	font-size:2em;
}

.note {
	font-size:0.6em;

}

.center {
	text-align:center;
}
	

.divider {
	height:2px;
	border-top:1px solid #FCF;
}


.float_left {
	float:left;
}



.float_image_right {
	float:right;
	clear:	right;
	margin-top: 1em;
	margin-bottom:  1em;
	margin-left:  1em;
	text-align:	center;
}

ul.bullet li .float_image_right {
	margin-top: -1em;
}

ul.bullet li.highlight .float_image_right {
  margin-top:1em;
}

.float_image_right img{
	display:	block;
	border:1px solid #fff;
	background-color:	#96c;
	padding:	2px;
	margin:	0 0 2px;
}

table.deliverysums	{
	width:	100%;
}
table.deliverysums td,
table.deliverysums th	{
	vertical-align:	top;
	text-align:	left;
}
table.deliverysums th	{
	text-align:	right;
	padding-right:	15px;
}
table.deliverysums td	{
	width:	150px;
}

.ordertotal	{
	font-size:	18px;
}



.clear_both {
	clear:both;
	height:1px;
}


.neighbours_l {
	clear:right;
	float:left;
	width:275px;	
	border:1px solid #fff;
	margin-left:10px;
}

.neighbours_l p {
	padding:10px;
}

.neighbours_l img {
	border:5px solid #fff;
	margin:2px;
}


.neighbours_r {
	float:right;
	width:275px;
	border:1px solid #fff;
	margin-right:10px;
}

.neighbours_r p {
	padding:10px;
}


.neighbours_r img{
	border:5px solid #fff;
	margin:2px;
}

	
.image_block {
	padding:0;
	margin:0;
}

.list_container {
	background:#555;
	height:120px;
	width:580px;
}

.address {
	margin:20px;
   background-color: #A7D;
	padding: 5px 30px;
}

.bullet {
	margin:0;
	font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
	font-size:  1.2em;
}
	
.bullet li {
	list-style-image: url(../img/bullet.gif); 
	line-height:1em;
	padding:  0 0 0 5px;
	margin:	0 0 20px 15px;
	clear:	left;
}
.bullet li p   {
   margin-bottom: 0;
   margin-top: 0;
   padding-bottom:   0;
}
.bullet li p.note   {
   color: #FDF;
}

.bullet li.highlight	{
   background-color: #A7D;
	padding:	4px 10px;
	float:  left;
}


.bullet li.mini	{
	width:	240px;
	float:	left;
	margin-right:	30px;
}

.items{	
	font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

.items li {
	list-style-type:none;
	margin-bottom:2em;
}

.collection_list {	
	font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
	font-size : 0.7em;
	margin:0 0 15px;
	padding:0px;
}

.collection_list li {
	list-style-type:none;
	margin:0;
	padding:0;
	font-weight:bold;
}

.collection_list li a {
	display:block;
	width:100px;
	margin:0px;
	padding:3px 0px 3px 10px;
	color: #639;
	font-weight:bold;
	text-decoration:none;
}

.collection_list li a:hover {
	display:block;
	width:100px;
	padding:3px 0px 3px 10px;
	color: #FCF;
	font-weight:bold;
	text-decoration:none;
}

img.collection_menu  {
   width:   80px;
}

.image_list{
	padding:0;
	margin:0;
	height:115px;
	font: 0.8em lucida sans unicode, Arial, Helvetica, sans-serif;
}

.image_list li{
	list-style-type:none;
	float:left;
	position:relative;
	width:100px;
	height:100px;
	margin-right:30px;
	
}

.image_list li.last{
	margin-right:0;
}

form {
	font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
	font-size : 0.8em;
	font-weight : normal;
	color: #fff;
	line-height:140%;
	text-align:right;
	margin:0;
}

form p {
	font-size : 1em;
}


fieldset {
	margin:0px 20px 20px;
	border:	none;
	border-top:1px #fff solid;
	padding:0 10px 10px;
	line-height:	2.2em;
}
fieldset.basket {
	margin:	0;
	padding:	0;
}

input.field,
textarea.field {
	width:180px;
	margin:2px;
	padding:	0 3px;
	border:1px solid #639;
	vertical-align:	middle;
}

input.med{
	width:120px;
	margin:2px;
	border:1px solid #639;
}


input.short{
	width:80px;
	margin:2px;
	border:1px solid #639;
}

input.submit {
	width:120px;
	margin:2px;
	color:#fff;
	background:#639;
	border:1px solid #000;
}


textarea{
	width:280px;
	margin:2px;
	_margin-right: -48px !important;
	padding:0;	
	border:1px solid #639;
	height:100px;
}


legend {
	font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
	font-size : 1em;
	padding:	0 10px;
	font-weight : bold;
	color: #FFF;
}




table.basket   {
   font: 12px Verdana, Arial, sans-serif;
	width:	100%;
   padding: 0;
}
	table.basket td select	{
		font-size:	10px;
	}
	table.basket th,
	table.basket td	{
		padding:	6px;
		vertical-align:	top;
	}
	table.basket th	{
   	background-color: #A7D;
		color:	#639;
		text-align:	left;
	}
	table.basket td	{
		border-bottom:	1px solid #A7D;
	}
	table.basket td.basket_cost	{
		text-align:	right;
		width:	120px;
	}
	table.basket td.basket_actions,
	table.basket th.basket_actions	{
		text-align:	right;
		width:	50px;
	}
	table.basket td.basket_actions a.delete	{
		display:	block;
		height:	16px;
		line-height:	16px;
		padding-right:	20px;
		margin:	0 5px 0 10px;
		background:	url('../img/cart_remove.png') right no-repeat;
		color:	#FAA !important;
	}
	table.basket tr.totals td	{
		font-weight:	bold;
		font-size:	1.3em;
		background-color:	#A7D;
	}
	table.basket tr.totals td.basket_title,
	table.basket tr.delivery td.basket_title	{
		text-align:	right;
	}




/* Navs */


.nav {
	float:right;
	list-style:none;
	font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin:0;
	padding:0;
}


#header .nav li {
	display:block;
	float:left;
	position:relative;
	white-space:	nowrap;
	margin-left:10px;
}

#header .nav li a {
	display:block;
	margin-right:0px;
	padding:3px 5px 3px 5px;
	color: #fff;
	text-decoration:none;
}

#header .nav li a:hover {
	display:block;
	padding:3px 5px 3px 5px;
	color: #FCF;
	text-decoration:none;
}

#header .nav li.on {
	display:block;
	float:left;
	position:relative;
	margin-left:10px;
}

#header .nav li.on a {
	display:block;
	margin-right:0px;
	padding:3px 5px 3px 5px;
	color: #639;
	text-decoration:none;
}

#header .nav li.on a:hover {
	display:block;
	padding:3px 5px 3px 5px;
	color: #639;
	text-decoration:none;
}

#footer .nav li {
	display:block;
	float:left;
	position:relative;
	margin-left:10px;
}

#footer .nav li a {
	display:block;
	margin-right:0px;
	padding:3px 5px 3px 5px;
	color: #fff;
	text-decoration:none;
}

#footer .nav li a:hover {
	display:block;
	padding:3px 5px 3px 5px;
	color:#FCF;
	text-decoration:none;
}

#footer .nav li.on a {
	display:block;
	margin-right:0px;
	padding:3px 5px 3px 5px;
	color: #FCF;
	text-decoration:none;
}

#footer .nav li.on a:hover {
	display:block;
	padding:3px 5px 3px 5px;
	color:#FCF;
	text-decoration:none;
}

#helensPageImage  {
   width:   160px;
   float:   right;
   margin:  0 0 10px 10px;
   text-align: center; 
}
#helensPageImage img {
   display: block;
   margin: 0 auto 10px;
}


a.current   {
   color:   #FFF !important;
}

ul.collection  {
   list-style: none;
   margin:  0 0 20px 0;
   float:   left;
   padding: 0;
}

ul.collection li  {
   float:   left;
   margin:  0 10px 10px 0;
}

ul.collection li img {
   display: block;
   width:   135px;
}

.clickable  {
   cursor:  pointer;
   clear:   both;
	white-space:	nowrap !important;
}

#orderingNotes li {
   clear:   left;
   font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}

.clickable.down   {
   float:   left;
   padding-left:  20px;
   background: url('../img/down.gif') left no-repeat;
}

.clickable.up   {
   float:   left;
   padding-left:  20px;
   background: url('../img/up.gif') left no-repeat;
}

.shoeImages   {
   float:   left;
   margin:  5px 10px 10px 0;
   padding: 5px 0;
   width:   220px;
   text-align: center;
}
.shoeImages img   {
   width:   200px;
}
.shoeImages a.thumbnail img {
   margin: 10px 2px;
   width:   60px;
}

.shoeDescription  {
   float:   left;
   width:   350px;
}

.shoeProfile   {
   float:   left;
	width:590px;
   border-bottom: 2px solid #B8E;
	margin-bottom:	20px;
}

.boxout  {
   clear:   left;
}

form#add_to_basket   {
   background-color: #A7D;
   padding: 5px;
   clear:   both;
	margin-bottom:	20px;
}
form#add_to_basket select,
form#add_to_basket input	{
	font-size:	0.8em;
}
form#add_to_basket input.submit	{
	width:	auto;
}

table.staffList   {
   width:   100%;
}
table.staffList td   {
   padding: 10px;
   background: #A7D;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align:   top;
}
table.staffList td table   {
   width:   100%;
}
table.staffList td table td   {
	padding:	5px 3px;
}
table.staffList td img	{
	display:	block;
	margin:	0 auto 5px;
}


.directions	{
	margin:20px;
   background-color: #A7D;
	padding: 5px 30px;
}



.zoomImage	{
	width:	400px;
	height:	400px;
	margin:	20px auto;
}

.saleshoe em	{
	font-weight:	bold;
	font-style:	normal;
	color:	#F9F;
}

	
/* fix 11/7/06 */
#my_basket{
	float:left;
	width:580px;
}
div.form	{
	float:left;
	width:580px;
	display:	block;
	position:	relative;
	text-align:	left;
	background:#96c;
}
	div.form label	{
		display:	block;
		position:	absolute;
		width:	330px;
		text-align:	right;
	}
	div.form .field	{
		margin:	0 0 15px 350px;
		text-align:	left;
		vertical-align:	top;
	}
	div.form select	{
		font-size:	10px;
		font-family:	Verdana, Arial, sans-serif;
	}


form h2	{
  	background-color: #A7D;
	color:	#639;
	text-align:	left;
	padding:	6px;
	margin:	0 0 15px 0;
   font: bold 12px Verdana, Arial, sans-serif;
}
form p	{
	margin-left:	10px;
	margin-right:	10px;
}




div.sizeconvertor	{
	float:	left;
	width:	300px;
	margin:	0 20px 10px 0;
}
	div.sizeconvertor table	{
		font-size:	12px;
	}
	div.sizeconvertor table th	{
  		background-color: #A7D;
		color:	#639;
	}
	div.sizeconvertor table td	{
		width:	100px;
		text-align:	center;
	}





/*
dark:#639
light:#FCF

*/