html {
 margin: 0;
 padding: 0;
 }


body{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	text-align: left; /*IE5 PC to centering content */
	margin: 0;
	padding: 0;
	background-color: #812138;
	height: 600px;

}

p{
	font-size: 12px;
	line-height: 1.8em;
	color: #7d7487;
	text-align: center;
 }

h1{
 font: italic 18px Georgia, Times New Roman, Times, serif; 
 color: #7d7487;
 text-align: left;
 margin:0 0 0 10px;
 padding: 0px;
 }

h2{
 font: bold 13px Georgia, Times New Roman, Times, serif;
 color: #7d7487;
 text-align: left;
 margin:0 0 0 10px;
 padding: 0;
 }

h3{
 font: bold 13px arial, helvetica, sans-serif; 
 color: #7d7487;
 text-align: left;
 margin:10px 0 0 10px;
 padding: 0;
 }
 
img {
  padding: 5px;
  margin: 5px 15px 5px 5px;
    }


/* Main divs */

div#wrapper{
	width: 900px;
	margin: 10px auto;
	text-align: left;
	border: 1px solid #000;
	background-color: #fff;
	height: 600px;
	background-image: url(../images/backg.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
 }

div#wrapper #top{
	border-bottom: solid 1px #694281;
	height: 90px;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #4C2A77;
 }

div#wrapper #header{
 background: url(/images/logo.gif) center no-repeat;
 text-align: center;
 height: 113px;
 }

IMG.lhead { /*this is the left image in header*/
 float: left;
 margin: 2px;
 display: inline;
 border: solid 1px #694281;
 }

IMG.rhead {  /*this is the right image in header*/
 float: right;
 margin: 2px;
 display: inline;
 border: solid 1px #694281;
 }

div#wrapper #footer{
 background: #4C2A77;
 border-top: solid 1px #694281;
 height: 50px;
 clear: both;
 }

/*============== CONTENT DIV ================*/
div#content {
	padding: 0;
	margin: 30px auto;
	text-align:left;
	width: 75%!important; /*so fire fox & opera is the correct width*/
	width:74%; /*so IE6 is the correct width*/
	float: right;
	clear: both;
}

#content p{
	font: verdana;
	line-height: 21px;
	margin:0 10px 0 10px;
	padding: 0;
	color: #7d7487;
	text-align: left;
	font-size: 100%;
 }

#content p.small{
 font: bold 10px verdana,arial,helvetica,sans-serif;
 margin:0 10px 0 10px;
 padding: 0;
 color: #000;
 text-align: left;   
 }


IMG.contentimg {  /*this is the any images in the content div*/
 float: right;
 margin: 2px;
 display: inline;
 border: solid 1px #694281;
 }


#content ul li {
 list-style-image: url(/images/bullet.gif);
 font: 15px Georgia, Times New Roman, Times, serif; 
 line-height: 20px;
 color: #000;
 text-align: left;
 margin: 3px 15px 0 15px;
 padding: 0;   
 }

#content ul ul li{
 list-style-image: url(/images/bullet2.gif);
 font: 14px Georgia, Times New Roman, Times, serif;
 line-height: 19px;
 color: #000;
 text-align: left;
 margin: 3px 18px 0 18px;
 padding: 0;   
 }


#content a:link { 
 color: #000;   
 text-decoration: none;
 } 

#content a:visited { 
 color: #000;   
 text-decoration: none;
 } 

#content a:hover { 
 color: #694281;
 } 


/*content table */
#content table{
 border: solid 1px #000;
 border-collapse: collapse;
 }

#content, #content table p{
 font: 12px verdana,arial,helvetica,sans-serif;
 margin:0;
 padding: 0;
 color: #7d7487;
 text-align: left; 
 } 

#content, #content table a:link{
 font: bold 12px verdana,arial,helvetica,sans-serif;
 margin:0;
 padding: 0;
 color: #000;
 text-align: left; 
 text-decoration: none;
 }

#content, #content table a:visited{ 
 text-decoration: none;
 }

#content, #content table a:hover{
	text-decoration: none;
	line-height: 20pt;
 }

#content table .mauve{
 font: bold 12px verdana,arial,helvetica,sans-serif;
 background: #CBC2CF;
 color: #000;
 height: 30px;
 }

#content table .mauver{
 font: bold 12px verdana,arial,helvetica,sans-serif;
 background:#694281;
 color: #fff;
 height: 30px;
 }

#content table .cream{
 font: bold 12px verdana,arial,helvetica,sans-serif;
 background: #fffff2;
 color: #000;
 height: 30px;
}

/*==============END content ================*/




/* =============== Navigation ================ */

div#navigation{
 float: left;
 font: bold 10px verdana, arial, helvetica, sans-serif;
 line-height: 31px;
 letter-spacing: 3px;
 margin: 30px 0 0 0;
 padding: 0;
 text-align: left;
 }

	
#nav, #nav ul { /* all lists */
 padding: 0;
 margin: 0 0 0 10px;
 list-style: none;
 width : 160px;
 background: #fff;
 display: block;
 border-right: solid 1px #812138;
 }
	
#nav li { /* all list items */
 position : relative;
 line-height : 1.25em;
 margin-bottom : -1px;
 width : 160px;
 
 }
	
#nav li ul { /* second-level lists */
 position : absolute;
 left: -999em;
 margin-left: 160px;
 margin-top : -1.35em;
 font: 12px verdana, arial, helvetica, sans-serif;
 line-height: 31px;
 letter-spacing: 3px;
 background: #fff; 
 color: #000;
 width: 160px;
 }
	
#nav li ul ul { /* third-and-above-level lists */
 color: #000;
 left: -999em;
 margin: -2.3em 0 0 13.7em;
 width: 160px;

 }
	
#nav li a {
 width : 150px;
 w\idth : 150px;
 display : block;
 color : #000;
 text-decoration : none;
 padding : 5px;
 }
	
#nav li a:hover {
 background-color: #7d7487;
 display: block;
 }

#nav li li a {
 font: bold 12px verdana,arial,helvetica,sans-serif;
 letter-spacing: 1px;
 line_height: 14px;
 background: #694281; 
 color: #fff;
 border: solid 1px #694281;
 }


#nav li li a:hover {
 background: #BEA2C9;
 color: #000; 
 }
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}


/* CART Styles */
div#cart{
 background-color: #fff;
 width: 160px;
 margin: 0;
 display: block;
 text-align: center;
 }


#cart, #cart h3{
 font: bold 11px arial, helvetica, sans-serif; 
 color: #A390B0;
 padding: 0;
 text-align: center;
 }

#cart, #cart p{
 font: bold 12px arial, helvetica, sans-serif; 
 color: #000;
 padding:0;
 text-align: center;
 }

#cart a, #cart a:link { 
 color: #A390B0;  
 text-decoration: none;
 } 

#cart a:hover { 
 color: #694281;
 text-decoration: underline;
 }



/* PRODUCT DIV FOR DISPLAYING PRODUCTS */


div.product {/*note this is a class on the div not id*/
 margin:0 0 0 10px;
 padding: 10px 10px 0 0;
 border-bottom: solid 1px #694281;
 }

#content p.quan{
clear: both;
}


div.product img {
 float: left;
 margin: 0 10px 10px 0;
 padding: 0;
 border: 1px solid #694281;

 }

#content a.prodlink{
 font: 13px verdana, arial, helvetica, sans-serif;
 color: #000;
 text-decoration: underline;
 }

#content a:hover.prodlink {
 color: #694281;
 text-decoration: none;
 }

#content p.prodtitle{
 font: italic bold 16px Georgia, Times New Roman, Times, serif; 
 margin:0;
 padding: 0;
 color: #694281;
 margin: 5px 10px 0 10px;
 text-align: left;   
 }

#content p.proddesc{
 font: 14px Georgia, Times New Roman, Times, serif; 
 line-height: 18px;
 margin: 5px 10px 0 10px;
 padding: 0;
 color: #000;
 text-align: left;   
 }



#content select .lselect{
 float: left;
 }

#content p.price{
 font: bold 11px Geneva, Arial, Helvetica, san-serif; 
 margin: 5px 10px 0 10px; 
padding: 0;
 color: #000;
 text-align: left;   
 }

#content p.quantity{
 font: bold 10px Geneva, Arial, Helvetica, san-serif; 
 margin: 20px 0 0 0;
 padding: 0;
 color: #000;
 text-align: left; 

 }

#content .btn{
 text-align: center;
 font-family: verdana, geneva, arial, sans-serif; 
 font-size: 11px;
 font-weight: bold;
 color: #D7D0DA; 
 padding: 2px 5px 2px 5px;
 text-decoration: none; 
 background-color: #694281;
 border: 1px solid #000; 
}

#content input.btn:hover{
 background-color: #A390B0;
 color: #000;
} 

#content a:hover.btn{
 background-color: #A390B0;
 color: #000; 
}

#content .delbtn{
 text-align: center;
 font-family: verdana, geneva, arial, sans-serif; 
 font-size: 11px;
 font-weight: bold;
 color: #fff; 
 padding: 2px 5px 2px 5px;
 text-decoration: none; 
 background-color: #f00;
 border: 1px solid #000; 
}

#content input.delbtn:hover{
 background-color: #000;
 color: #fff;
} 

#content a:hover.delbtn{
 background-color: #000;
 color: #fff; 
}

#content input.multi{
 background-color: #fff;
 color: #000;
 border: solid 1px #fff;
} 

div.spacer {
margin:0;
padding: 0 30px 0 30px;
clear: both;
 }

.next {
position: relative;
margin: 0 20px 0 0;
padding: 0 5px 0 0;
text-align: right;
height: 60px;
}

#content p.rig{
font: bold 12px Georgia, Times New Roman, Times, serif;
text-align: right;
color: #694281;
}

#content .nbtn{
 text-align: center;
 font-family: verdana, geneva, arial, sans-serif; 
 font-size: 12px;
 font-weight: bold;
 color: #D7D0DA;
 padding: 1px 3px 1px 3px;
 text-decoration: none; 
 background-color: #694281;
 border: solid 1px #fffffb;
 }

#content .nbtn:hover{
 color: #000;
 background-color: #A390B0;
 }

/*#content a:nhover.btn{
 color: #000;
 background-color: #4F412E;
}*/

/* end cart styles */

/*copyright div and links */


/* =============== End Navigation ================ */

/*copyright div and links */

#copyright {
	width: 400px;
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	height: 30px;
 }

#copyright,#copyright p{
	font: bold verdana, arial, helvetica, sans-serif;
	padding: 0;
	color: #AF9FBB;
	text-align: center;
	background-color: #812138;
 }

#copyright, #copyright a:link  { 
 color: #AF9FBB;   
 text-align: center;
 text-decoration: none; 
 } 

#copyright a:visited  { 
 color: #AF9FBB;   
 text-align: center;
 text-decoration: none; 
 } 

#copyright a:active, #copyright a:hover{
	color: #812138;
	text-decoration: none;
	background-color: #FFFFFF;
 } 

#hcopyright {
	width: 400px;
	float: right;
	margin: 0 0 0 0;
	padding: 0;
	height: 30px;
}

#hcopyright,#hcopyright p{
	font: bold verdana, arial, helvetica, sans-serif;
	padding: 0;
	color: #AF9FBB;
	text-align: center;
	background-color: #812138;
 }

#hcopyright, #hcopyright a:link  {
 color: #AF9FBB;   
 text-align: center;
 text-decoration: none; 
 } 

#hcopyright a:visited  { 
 color: #AF9FBB;   
 text-align: center;
 text-decoration: none; 
 } 

#hcopyright a:active, #hcopyright a:hover{
	color: #812138;
	text-decoration: none;
	background-color: #FFFFFF;
 } 







/* CART Styles */
div#cart{
 background-color: #fff;
 width: 160px;
 margin: 0;
 display: block;
 text-align: center;
 }


#cart, #cart h3{
 font: bold 11px arial, helvetica, sans-serif; 
 color: #A390B0;
 padding: 0;
 text-align: center;
 }

#cart, #cart p{
 font: bold 12px arial, helvetica, sans-serif; 
 color: #000;
 padding:0;
 text-align: center;
 }

#cart a, #cart a:link { 
 color: #A390B0;  
 text-decoration: none;
 } 

#cart a:hover { 
 color: #694281;
 text-decoration: underline;
 }



/* PRODUCT DIV FOR DISPLAYING PRODUCTS */


div.product {/*note this is a class on the div not id*/
 margin:0 0 0 10px;
 padding: 10px 10px 0 0;
 border-bottom: solid 1px #694281;
 }

#content p.quan{
clear: both;
}


div.product img {
 float: left;
 margin: 0 10px 10px 0;
 padding: 0;
 border: 1px solid #694281;

 }

#content a.prodlink{
 font: 13px verdana, arial, helvetica, sans-serif;
 color: #000;
 text-decoration: underline;
 }

#content a:hover.prodlink {
 color: #694281;
 text-decoration: none;
 }

#content p.prodtitle{
 font: italic bold 16px Georgia, Times New Roman, Times, serif; 
 margin:0;
 padding: 0;
 color: #694281;
 margin: 5px 10px 0 10px;
 text-align: left;   
 }

#content p.proddesc{
 font: 14px Georgia, Times New Roman, Times, serif; 
 line-height: 18px;
 margin: 5px 10px 0 10px;
 padding: 0;
 color: #000;
 text-align: left;   
 }



#content select .lselect{
 float: left;
 }

#content p.price{
 font: bold 11px Geneva, Arial, Helvetica, san-serif; 
 margin: 5px 10px 0 10px; 
padding: 0;
 color: #000;
 text-align: left;   
 }

#content p.quantity{
 font: bold 10px Geneva, Arial, Helvetica, san-serif; 
 margin: 20px 0 0 0;
 padding: 0;
 color: #000;
 text-align: left; 

 }

#content .btn{
 text-align: center;
 font-family: verdana, geneva, arial, sans-serif; 
 font-size: 11px;
 font-weight: bold;
 color: #D7D0DA; 
 padding: 2px 5px 2px 5px;
 text-decoration: none; 
 background-color: #694281;
 border: 1px solid #000; 
}

#content input.btn:hover{
 background-color: #A390B0;
 color: #000;
} 

#content a:hover.btn{
 background-color: #A390B0;
 color: #000; 
}

#content .delbtn{
 text-align: center;
 font-family: verdana, geneva, arial, sans-serif; 
 font-size: 11px;
 font-weight: bold;
 color: #fff; 
 padding: 2px 5px 2px 5px;
 text-decoration: none; 
 background-color: #f00;
 border: 1px solid #000; 
}

#content input.delbtn:hover{
 background-color: #000;
 color: #fff;
} 

#content a:hover.delbtn{
 background-color: #000;
 color: #fff; 
}

#content input.multi{
 background-color: #fff;
 color: #000;
 border: solid 1px #fff;
} 

div.spacer {
margin:0;
padding: 0 30px 0 30px;
clear: both;
 }

.next {
position: relative;
margin: 0 20px 0 0;
padding: 0 5px 0 0;
text-align: right;
height: 60px;
}

#content p.rig{
font: bold 12px Georgia, Times New Roman, Times, serif;
text-align: right;
color: #694281;
}

#content .nbtn{
 text-align: center;
 font-family: verdana, geneva, arial, sans-serif; 
 font-size: 12px;
 font-weight: bold;
 color: #D7D0DA;
 padding: 1px 3px 1px 3px;
 text-decoration: none; 
 background-color: #694281;
 border: solid 1px #fffffb;
 }

#content .nbtn:hover{
 color: #000;
 background-color: #A390B0;
 }

/*#content a:nhover.btn{
 color: #000;
 background-color: #4F412E;
}*/

/* end cart styles */

/*copyright div and links */

 
li {
	list-style-type: none;

}