body {	
	
	font-size: small;
	height: 100%;
		
}

HTML BODY  {	
	margin: 0;	
	padding: 0;	
	
	font-family: verdana, arial, helvetica, sans-serif;	
	
	font-size: x-small; /* for win IE5*/
	f\ont-size:  small; /* for other IE versions */
	
	color: #ccc;	 	
	background-color: #fff;
	
	height: 100%;
	
}/* layout style */

/* changes */

#container { 	
	position: relative;	
	width: 800px; 	
	margin: 0 auto; 	
	text-align: left;
 	border: 1px solid #96b704;
	border: 1px solid #BB007C;
	margin-top: 50px;
	background-color: transparent;
	
	
}

#bar { 
  height: 30px;
  background: #BB007C right; 
  color: #333333;   
  padding:  0; 
}

#left ul.cathead li a:link, #left ul.cathead li a:visited, #centrecol p, #centrecol a:link, #centrecol a:visited, #centrecol ul  {
		 
		 	 color: #C371AC; /* 30 %*/
		 	 
		 	 
		 	 /* color: #CB85B8; 40 %*/
		 /*  color: #D499C4;50 %*/
		/*  color: #DDADCF;  60 %*/
		 /*  color: #E5C2DC;  70 %*/
		   /* color: #EED6E7;  80 %*/
		
			 	
	}

h1 {
	
	font-size: 120%;
	font-weight: bold;
	/*color:  #5A3D1C;*/
	
	color:  #C371AC;
	
	
	margin: 0;
	padding-top: 10px;
}

/* end changes */
	
#top {    
	
	margin-top: 0px;  
	background: #ccc;  
	height: 127px;  
	background: #fff no-repeat url(images/new_banner.gif) 25px 0px;  
	width:  780px;  
	
}

#top img  {    
	float: right;
	border: 0;
	margin-top: 10px;
	
}
  
  

#bar dd {
	
	margin-left: 8px;
	margin-right: 5px;
	border:  0; 

	list-style: none;
	color: white;
	float: left;
	font-size: 90%;
	padding-top: 5px;
	
	height: 60%;

}


#bar dd a:link, #bar dd a:visited {
	
	color: white;
	text-decoration: none;
	/*border:  1px solid #BB007C;*/

	padding: 1px;
}

#bar dd a:hover, #bar dd a:active {
	
	 
	text-decoration: none;
	border: 1px solid white;
	
	padding: 1px;
}


#bar dd.search {
	
margin-left: 8px;
margin-right: 8px;
border:  0; 

list-style: none;
color: white;
float: right;

padding-top: 5px;

}

 
form input {
	
color: black;

}

#bar form input {
	
width: 70px;
height: 15px;
border: 0;

}

#bar form  {
	
display: inline; /* stops IE causing <form> tag to act as a line break */
}  

#bar .button {
	
 color: white;
border: 1px solid white;
background: transparent;
height: 18px;
width: 30px;
font-size: 90%;
font-weight: bold;


}



#wrapper {  
	margin: 0 0px;  
	padding: 0;  
	/*background-color: white; */
	height: 100%;
	
	background: white url(images/temp_mid_bg.gif) repeat-y 121px 0;
	background: white url(images/mid_bg.gif) repeat-y 121px 0;
}

#left {  
	float: left;  
	width: 120px;  
	background-color: white;
	padding-top: 10px;
	/* border-right: 1px #BB007C solid;*/
 
}
   
 
 

#left ul.cathead {
		 
		 font-weight: bold;
		 list-style: none;	
		 margin: 0;
		 
		 
	}

#left ul.cathead li {
		 
		padding: 5px;	
		
		color: #B0B084;
		
			 	
	}
ul.catnav {
		color: black;
		font-weight: normal;
		
		list-style: none;
	
	}

#left ul.catnav li {
		padding:  2px;
	
		list-style: none;
		}
		
	

#left ul.catnav li a:link, #left ul.catnav li a:visted {
	
		color: #B0B084;
		
		}

#left ul.mannav {
	 
		font-weight: normal;
	 
		list-style: none;
	
	}

#left ul.mannav li {
		 
	padding: 0;
	}

 

#left ul.mannav li a:link, #left ul.mannav li a:visited {
		
		color: #C371AC;
		
		
		font-weight: normal;
		font-size: 80%;
	
	}

 

html>body #left {	
width: 120px; /* ie5win fudge ends */
	}	
	
#left .catnav ul {
	
	list-style: none;
	
 
}	

#right { 	  
	
	float: right;  
	width: 160px;  
	padding-left: 5px; 
/*	border:  1px solid black; */
	
 
 
}

#right .box { 	  
	
	margin-top: 10px;
/*border:  1px solid #5A3D1C; */
	margin-right: 6px;
	  
}

#right .box h1, #right .box p { 	  
	 
	
	padding-left: 8px;
}

#right .box h1 { 	  
	
	color: #C371AC;
	background: url('images/2r_box_hd_bg.gif') left top  repeat-x; 
	font-size: 100%;
	
	font-weight: normal;
	
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom:  2px;
	border-bottom: 1px solid;
}

#right p a:link, #right p a:visited { 	  
	
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
	color: #A93388;
	}

#right p a:hover { 	  
	
	text-decoration: underline;
	 
	
	}

#right .box p { 	  
	
	
	font-size: 80%;
	}

html>body #right {	width: 160px; /* ie5win fudge ends */	}


#middle {  
  
 width:  480px;
 margin-left: 10px; 
/*border:  1px solid red; */
 	padding-left: 15px;
 	float: left;
 	background: white;
	
}


#hp-pics {
	
	width: 620px;
 	margin-top: 5px;
 	margin-bottom: 15px;
  
 	
 	float:  left;
 	
  
}

#hp-pics  #left {  
  
  width: 310px;
  height: 89px;
  background:  url('images/left_bg.jpg') top left no-repeat;
  float: left;


 }

#hp-pics  #left h1, #hp-pics  #rightpics h1 {  
  
 	padding-left: 5px;
	font-weight: bold;
	 
	font-size: 140%;
	color: black;
 }

#hp-pics  #left h2, #hp-pics  #rightpics h2 {  
  
 	padding-left: 5px;
	font-weight: normal;
	margin-top: -10px;
	
	color: black;

 }

#hp-pics  #left  img {  

 
 	margin-top: 10px;
	margin-left: 10px;
 	margin-right: 10px;
 	float: left;

 }

#hp-pics  #rightpics {  
  
  width: 300px;
  height: 89px;
  background:  url('images/right_bg.jpg') top left no-repeat;
  color: black;
  float: right;
 }

#hp-pics  #rightpics h1, #hp-pics #rightpics h2, #hp-pics #rightpics p {  
  
 	text-align: right;
 	

 }

#hp-pics  #left a:link,  #hp-pics  #left a:visited, #hp-pics #rightpics a:link ,  #hp-pics #rightpics a:visited {  
  
  color: #A93388;
  text-decoration: none;
  font-size: 80%; 
  font-weight: bold;
  
  margin-left: 10px;

 }

#hp-pics  #left a:hover, #hp-pics #rightpics a:hover {  
  
  text-decoration: underline;
 
 }

 
 
#hp-pics  #rightpics img {  
  
  
/* border: 1px solid black; */
 margin-left: 10px;
 margin-right: 11px;
 float: right;
 }

h2 {
	
	font-size: 110%;
	color:  #A93388;
	margin: 0;
	padding-top: 10px;
}
 
 #centrecol {  
 	margin-right: 0px;  
 	background-color: white;  
 	padding-left: 7px; 
 	padding-bottom: 10px;
	float:  left;
}

#centrecol a:link, #centrecol a:visited {
	
	text-decoration: underline;
	font-size: 100%;
	
}

#centrecol a:hover {
	
	text-decoration: none;
	
}

#centrecol p {  
	
	/*width:  400px;*/
	font-size: 90%;
	color: #767676;
	 
}

#centrecol img {  
	/* border for main product image */
	border: 0px solid #5A3D1C;
}

#centrecol .itemdesc {  
	
	font-size: 90%;
	/*width: 550px;*/
	 
}



#clear {  clear: both;}

.clear {  clear: both;}

#footer {  /*background: #F3F0E8;*/
  
  background-color: transparent;  
  font-size: 10px;  
  padding-top: 15px;  
  text-align: left;  
  color: #C371AC;
  width: 780px; 	
  margin: 0 auto; 
  
  line-height: 14px;
  
   }

#footer  a:link, 

#footer  a:visited {    
	text-decoration: none;   
	color: #C371AC;
   }


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

.cats {/*	background-color: #F3F0E9;*/	
padding: 3px;	
width: 105px;	
padding-left: 5px;
}

.catspacer {	
clear: both;	
height: 6px;
}/* Removes default top margin from left/right column paragraphs in Mozilla */

#centrecol ul {  
	
	font-size: 90%;
	list-style: none;
	 padding-left: 10px;
	 /*color: #BB007C;*/

}

/*styles */

p, #centrecol a, #left ul a, .basketdetail, th {	
	
	font-size: 12px;	
	line-height: 15px;	
	margin-top: 10px;	
	margin-bottom: 10px; 	
	color: #C371AC;		
	
	
	}	

p.intro {		
	font-weight: bold;
}	
		
		
p.rhs {	
	margin-top: -1px;	
	line-height: 12px;			/* this may well not work on IE */
	
	}
			
 			
img {	
border: 0;	
}
 
	 
	
.imgnoborder {		
border:  0 !important;	
	
}

.bodyimg {		
	float: left;
	border:  1px solid;	
	margin: 0 13px 0 0;	
	
}


.imgfloatleft {		
	float: left;
	
}
	
		
	#right a:link, #right a:visited   {	
	color:  #330000;	
	text-decoration: none;	
	font-weight:  bold;	
	margin-right: 8px;
	
	}
	
	#right hr {	
	width: 100%;	
	color: white;}
	
	#right #shopbox {		background-color: white;	width:  90%;	margin-left: 5px;	padding: 5px;}#right #shopbox p {	 	font-size:  9px;	line-height: 11px;}#top #topnav {		/*color:  white;*/
	color: #ccc;
	
		/*text-transform: uppercase;*/
 	text-align: right;	margin-right: 20px;	padding-top: 75px;
	font-size: 12px;
	
}

 


#right input {		width: 120px;
	color: #504119;	font-weight: bold;}

#right .button {  	text-align: right;
  	right:  0;
  	margin-right: 5px;
  	/*border: 1px solid red;*/}/* product display */

#prodscol {
	
	width: 600px;
	 
	float:  left;
	/*border: 1px solid red;*/
	background-color: white;
	 
	 
}


 	
 	
#prodlist {
	
	 
	margin-bottom: 30px;
	background-color:  white;
	color: black;
	margin: 0;
	 
	float: left;
	
}	

#prodlist li {

	width: 140px;	
	height:  140px;
	 
	margin: 0px 0 0 0px;	
	float: left;	
	display: inline;	
	list-style-type: none;
	/*border: 1px solid blue;	*/ 	
	}

#prodlist li img {
	margin-top: 5px;
	border: 1px solid #BB007C; 	
	}



/* individual item layout and style */


#item {
	width:  250px;
	/*border: 1px solid blue;*/
	float:  left;	
}

#itemform {
    margin-left: 10px;
	padding-left: 6px;
	float:  right;
	/*border: 1px solid;*/
	background-color: white;
	width: 150px;
}

 


.error {
	
	color: red;
}

.strike {
	text-decoration:  line-through;
	
}

.imgcatpion {
	font-size: 10px;
	font-style: italic;
	
}

#left ul {
	list-style: none;
	margin-left: 0;
	padding-left:  5px;
	margin-top: 0;
}

#left ul li a:link, #left ul li a:visited {
	text-decoration: none;
	margin-left: 0;
}

#left ul li a:hover {
	 
	text-decoration: underline;
}

.map {
	
	float: left;
	
}

#inner {
	
	border:  1px solid white;
}