* { behavior: url(iepngfix.htc) }

html, body {  height: 88%}

body {
	font-family: "Verdana"; color: #660033; font-size: 13px;
	background:  url(includes/images/);
	margin-top: 0px; margin-bottom: 0px;
}
a:link, a:visited {
	text-decoration: none; color: #990000; font-size: 12px;	
}
a:hover {
	color: #000; border-bottom: 0px solid #000000; border-top: 0px solid #000000; background-color: #999999;
}
#wrapper {
	height: 100%; width: 900px; margin-right: auto; margin-left: auto; 
}
#header {
	color: #660033; font-family: "Lucida Sans Unicode"; text-transform: capitalize; font-size: 16px; text-align: center;
	border: 0px solid #000000; border-bottom-width: 0px; margin: 0px; line-height: 49px;
	background:  url(includes/images/npg_top.gif) repeat-x center top;
}
#content {
	background: url(includes/images/npg_mid.gif) repeat-y center; border: 0px solid #000000; border-top-width: 0px; margin-top: -2px;  min-height: 100%;
}
#coheader { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px
}
#menu {
	text-align: center; color: red; border-bottom: 0px solid #660033; padding: 0px; line-height: 31px;
	background:  url(includes/images/nnew_menu.gif) no-repeat center; height: 39px; margin-top: -1px;
}
#menu a, #menu a:visited {
	color: #660033; font-size: 15px
}
#menu a:hover {
	color: #FFF; background-color: #660033; border-top: 0px solid #00CCFF; border-bottom: 0px solid #00CCFF;
}
img a:hover { border-bottom: 2px solid #fff }

#nz a, #nz a:visited {
	color: #660033; font-size: 15px
}
#nz a:hover {
	color: #FFF; background-color: #660033; border-top: 1px solid #00CCFF; border-bottom: 0px solid #00CCFF;
}
#leftnav {
	width: 235px; text-align: right; vertical-align: top; border: 0px solid #00CCFF;
}
#rightnav {
	width: 245px; text-align: left; vertical-align: top;
}
.paginate {
	color: #CC0000; text-align: center;
}
.boxes {
	border: 1px solid #666633; padding: 4px; margin-top: 5px; background: url(includes/images/) no-repeat 50% 1%;
}
#content2 {
	background: url(includes/images/npg_mid.gif) repeat-y center; border: 0px solid #000000; border-top-width: 0px; margin-top: -2px; height: 30px;
}
#footer {
	color: #660033; line-height: 25px; border: 0px solid #000000; border-top-width: 0px;
	background: url(includes/images/npg_btm.gif) no-repeat center center; height: 34px
}
.password { /* box for change_password */
	width: 600px; padding: 20px; margin: 80px auto; 
	border: 1px solid #6699cc; border-left: 15px solid #6699cc; border-right: 15px solid #6699cc
}
#box4a {
	padding: 4px; margin-top: 5px; background-color: #ECF0F3; border: 1px solid #49A3C9;
}
#mid { /* product list box */
	vertical-align: top;
}
#login { /* admin login */
	line-height: 13px; width: 195px; height: 350px; border-bottom: 0px solid #49A3C9; padding: 4px; 
	background: url(includes/images/tab.pn) no-repeat top; margin-top: 1px; margin-left: auto; margin-right: auto;
}
#admin {
	width: 150px; float: left; margin-top: 17px; margin-left: 10px
}
#admin_menu {
	width: 600px; padding: 10px; border: 1px solid #660033; margin-left: 190px;
}
.inputspam {
	text-align: center; font-family: "Lucida Sans Unicode"; color: #666666;
}
#logout { /* logout confirmation boxes for cust and admin */
	width: 300px; margin-bottom: 0px; margin: 50px auto;
}
#catname {
	color: #660033; width: 800px; margin: 5px auto; margin-top: -5px; text-align: left;
}
#history_title {
	color: #666666; width: 400px; margin: 5px auto; margin-top: 0px; margin-bottom: 10px; text-align: left; margin-left: 30px; display: block
}
#index { /* tables for index, all_items, 1item and view_cart*/
	width: 860px;
}
#border { /* tables for index, all_items, 1item and view_cart*/
	width: 850px;
}

#border, #border_history { /* tables for all_items, 1item and view_cart*/
	border: 1px solid #666666; background-color: #6699CC;
}
#border_history { width: 700px; margin-left: auto; margin-right: auto; color: #000000 }
#order_header { width: 555px; height: 220px; text-align: left; margin-left: auto; margin-right: auto; margin-top: 50px; margin-bottom: 50px; padding: 20px }
#delivery_address { clear: left; color: #666666; margin-left: 600px;   width: 200px; margin-top: -105px; height: 130px}
#forbg { /* bg of top row-header of product listing */
	border: 1px solid #0000CC; height: 30px; vertical-align: top; font-size: 13px; color: #660033;
	background: url(includes/images/pg-top.gi) center 10%;
}
#forrows {
	vertical-align: top; color: #666699;
}
.inputemail {
	width: 180px; font-size: 13px; font-weight: bold; color: #660033; background: url(includes/images/username1.png) center center;
	border: 1px solid #660033; text-align: left; margin-top: 1px; height: 19px
}
.inputpassword {
	width: 180px; font-size: 13px; font-weight: bold; color: #660033; background: url(includes/images/password.png) left center;
	border: 1px solid #660033; text-align: left; margin-top: 1px; height: 19px
}
.input {
	width: 160px; font-size: 13px; color: #660033; background: #CCCCFF url(includes/images/pg-top.gif) center center;
	border: 1px solid #660033; text-align: left; margin-top: 1px;
}
.input:hover {
	background-color: #6699cc;
} 
.inputq { /* view_cart quantity */
	width: 40px; font-family: "Lucida Console"; font-size: 13px;
	background-color: #CCCCFF; border: 1px ridge #49A3C9; text-align: right;
}
.inputq:hover {
	background-color: #9999FF;
}
.button {
	border: 1px solid #000000; font-family: "Verdana"; font-size: 12px; color: #CCCCFF; margin-top: 8px;
	background: #6699cc url(includes/images/pg-top.gi) center 3%;
}
.button2 {
	border: 1px solid #000000; font-family: "Verdana"; font-size: 12px; color: #CCCCFF; margin-top: 8px;
	background: url(includes/images/bg2.gif) repeat-x center 50%; margin-left: 70px
}
.button:hover {
	color: #FFFFFF; background: #3366CC url(includes/images/pg-top.gi) repeat-x center 10%;
}
.buttons { /* wrapper box for buttons in view_cart */
	clear: left; width: 450px; margin: 5px auto;
}
#note {
	width: 500px; text-align: left; margin: 10px auto; margin-bottom: 0px;
	color: #0000FF; border: 1px solid #000000; background-color: #CCCCCC;
}
#notehead {
	float: left; width: 477px; text-align: center; line-height: 25px; color: #00FFFF;
	background: #006699 url(includes/images/menu_bg.jpg) repeat-x center 10%;
}
#close {
	background: url(includes/images/menu_bg.jpg) repeat-x center 10%;
	color: #66FFFF; width: 23px; float: right; margin-top: 0px; height: 25px; text-align: right;	
}
#notecontent {
	width: 500px; padding: 1px; clear: left;
}
#empty { /* empty cart content warning */ 
	width: 400px; text-align: center; margin: 0px auto; margin-bottom: 0px;
	color: #660033; border: 1px solid #000000; background-color: #FFF;
}
#boxhead {
	background: #6699cc url(includes/images/pg-top.gi) repeat-x center 5%;
	width: 400px; text-align: center; line-height: 25px; color: #fff;
}
#delcat {
	width: 500px; border: 1px solid #000099; text-align: center; margin: 20px auto;
}
#delcatbox {
	background: #660033 url(includes/images/bg.gi) repeat-y 30% 90%; text-align: center; line-height: 25px; color: #FFF
}
update {
	display: run-in; width: 100px; float: right; margin: 100px 60px 10px 10px; text-align: right;
}
fieldset {
	margin: 1px -10px; padding: 10px 1px; border-width: 2px 15px; border-style: solid; border-color: #3399CC; overflow: auto;
}
.inputedit {
	font-size: 13px; color: #000; border: 1px solid #A55E5C; text-align: left; margin: 1px 1px 1px 0px;
	background: #CCCCCC; 
}
.inputedit:hover {
	background: #6699cc url(includes/images/pg-btm.pn) repeat-y center 9%;
}
#edit_all, #regbox, #activate, #forgot, #addcat, #order_header, .messages, #carton, #addcust {
	border-width: 2px 15px; border-style: solid; border-color: #6699CC; margin-left: auto; margin-right: auto
}
#edit_all {
	width: 600px; padding: 15px; margin: 15px auto; margin-bottom: 0px;
}
#edited {width: 600px; padding: 15px; margin: 15px auto; margin-bottom: 0px;}
label {
	display: block; width: 170px; float: left; margin: 2px 4px 6px 4px; font-family:Verdana; text-align: right;
}
br { clear: left; }
#addcat {
	width: 400px; padding: 25px; margin: 45px auto;
}
#addcust { width: 500px; padding: 10px;
}

#regbox { 
	width: 650px; margin-top: 15px; margin-bottom: 20px; padding: 20px 
}
#regcontent {
	width: 600px; padding: 0px; margin-top: 15px; margin-bottom: 0px; margin-left: 40px;
}
#regnote { 
	clear: left; border: 0px solid #000099; width: 450px; margin-left: auto; margin-right: auto
}
#activate {
	width: 400px; padding: 60px; margin-top: 35px; margin-bottom: 20px;
}
.messages {
	width: 400px; padding: 60px; margin-top: 35px; margin-bottom: 20px;
}
#forgot {
	width: 550px; padding: 20px; margin-top: 35px; margin-bottom: 20px;
}
#result{
	position: absolute; border: 1px solid #0033CC; width: 800px; margin: 1px 50px;
}
#all {
	clear: both; width: 900px; height: 400px;
}
#midbox { /* box for category list in index */
	color: #660033; border: 0px solid #49A3C9; padding: 5px; padding-left: 20px; margin-top: 5px;
	background: url(includes/images/ring_faded.jp) no-repeat center top; height: px
}

/*#navigation ul { list-style: none; color: #999999  }
#navigation ul li a, #list ul li a:visited { color: #6633FF; margin-left: px }
#navigation ul li a:hover { color: #FFFF00; background-color: #00FFFF}*/

#navigation { 
 width: 200px; 
} 
#navigation ul { 
 list-style: none; 
 margin: 0; 
 padding: 0; 
} 
#navigation li { 
 border-bottom: 0px solid #ED9F9F; 
} 
#navigation li a:link, #navigation li a:visited { 
 font-size: 90%; 
 display: block; 
 padding: 0.4em 0 0.4em 0.5em; 
 border-left: 12px solid #711515; 
 border-right: 1px solid #711515; 
 background-color: #B51032; 
 color: #FFFFFF; 
 text-decoration: none; 
} 
#navigation li a:hover { 
 background-color: #711515; 
 color: #FFFFFF; 
} 
#navigation ul ul { 
 margin-left: 12px; 
} 
#navigation ul ul li {
 
 border-bottom: 0px solid #711515;
 
 margin:0;
 
}
 
#navigation ul ul a:link, #navigation ul ul a:visited {
 
 background-color: #ED9F9F;
 
 color: #711515;
 
}
 
#navigation ul ul a:hover {
 
 background-color: #711515;
 
 color: #FFFFFF;

}
 

.menu-top-white { background: url(includes/images/menu-top-white.png) no-repeat; width: 235px}
.menu-mid-white { background: url(includes/images/menu-mid-white.png) no-repeat; width: 235px; border: 0px solid #333333}
.menu-btm-white { background: url(includes/images/menu-btm-white.png) no-repeat; width: 235px; height: 17px; border: 0px solid #333333}
.menu-top { background: url(includes/images/menu-top-white.png) no-repeat; width: 235px}
.menu-mid { background: url(includes/images/menu-mid-white.png) no-repeat; width: 235px ; border: 0px solid #333333}
.menu-btm { background: url(includes/images/menu-btm-white.png) no-repeat; width: 235px; height: 17px; border: 0px solid #333333}
.menu { padding-left: 8px; text-align: left; width: 210px; border: 0px solid #333333; margin-left: auto; margin-right: auto}
.menu-white { clear: left; margin-left: 7px;  text-align: center; width: 215px; border: 0px solid #333333; margin-left: auto; margin-right: auto}

.test-top { background: url(includes/top.png) no-repeat; width: 241px}
.test-mid { background: url(includes/mid.png) no-repeat; width: 241px ; border: 0px solid #333333; margin-top: px }
.test-btm { background: url(includes/btm.png) no-repeat; width: 241px; height: 18px; border: 0px solid #333333}

#pg-height { height: 550px; border: 1px solid #000000; width: 400px}
#tnc { margin-left: auto; margin-right: auto; width: 690px}

#carton { width: 400px; padding: 20px; margin-top: 35px; margin-bottom: 20px;}

.list_cat { border: 1px solid #e6e6e6; width: 350px; margin-left: auto; margin-right: auto }
.list_cat li {
	color: #0033CC;
	list-style-type: none;
	text-transform: capitalize;
}
.list_cat li a, list_cat li a:visited {
	color: #666666;
	text-decoration: none;
}
.list_cat ul {
	color:#3333CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.list_cat li a:hover {
	color: #FFFFFF;
	border-bottom: 0px solid #000000;
	border-top: 0px solid #000000;
	background-color: #AAC9E6;
}