﻿body 
{
	background: url(images/background.gif) no-repeat left;
	margin:0px;
}

#page
{
	float:left;	
	width:770px;
	text-align:left;
}
#text
{
	display:none;
}
/* start of nav class's */
#top
{
	float:left;
	width:770px;
	background-color:#FFCC00;
}
#logo
{
	float:left;
	width:302px;
	height:84px;
	background-color:#FFCC00;
}
#toplinks
{
	float:left;
	width:448px;
	height:20px;
	font-family: Arial; 
	color:#0000FF; 
	font-size: 11px; 
	font-weight:bold;
	text-align:right;
	background-color:#FFCC00;
	
}
.CartTex 
{
	COLOR: #0000ff; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px; 
	FONT-WEIGHT: bold; 
}
A.CartText:visited { COLOR: #0000ff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; font-style: normal; line-height: normal; font-variant: normal }
A.CartText:active { COLOR: #0000ff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; font-style: normal; line-height: normal; font-variant: normal }
A.CartText:hover { COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; font-style: normal; line-height: normal; font-variant: normal }
A.CartText:link { COLOR: #0000ff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; font-style: normal; line-height: normal; font-variant: normal }
#banner
{
	float:left;
	width:468px;
	height:64px;
	background-color:#FFCC00;
}
#imagemap
{
	float:left;
	width:770px;
	height:42px;
}
#imagemap img
{
	float:left;
	_margin-left:-3px;
	_margin-right:-5px;
}
#navbase
{
	float:left;
	width:770px;
	height:10px;
	background: url(images/nav_base.gif) no-repeat left;
	_margin-top:-5px;
	_margin-bottom:-5px;
}
/*end of nav */

/* start of left class's */
#left
{
	float:left;
	width:170px;
	background: url(images/background.gif) no-repeat left;
}
#left1
{
	float:left;
	width:170px;
	height:11px;
	background:url(images/title_search.gif) no-repeat left;
	_margin-top:-5px;
	_margin-bottom:-5px;
}
#leftKeyword
{
	float:left;
	width:159px;
	height:20px;
	background-color:#FFCC00;
	text-align:left;
}
.keybox
{
	width:150px;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000022;
}
#leftKeyword input
{
	float:left;
}
#leftKright
{
	float:left;
	width:10px;
	height:20px;
	background:#FFCC00 url(images/search_field_right.gif) no-repeat left;
}
#goleft
{
	float:left;
	width:125px;
	height:32px;
	background:url(images/search_bottomleft.gif) no-repeat left;
}
#gobutt
{
	float:left;
	height:32px;
	_margin-left:-3px;
	_margin-right:-5px;
}
#gobutt input
{
	float:left;
	text-align:left;
}
#cartbutt
{
	float:left;
	width:170px;
	height:52px;
}
#leftpanel{
float:left;
width:190px;
margin-right:10px;
margin-left:10px;
padding:10px;
min-height:300px;
}
.navcell{
float:left;
width:190px;
background:url(Images/arrow.gif) left no-repeat;
margin-bottom:5px;
}

.navcell a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.group
{
	float:left;
	width:150px;
	padding:5px 5px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
	text-align:left;
}
.leftlink
{
	float:left;
	width:145px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
	text-align:left;
	padding:2px 5px 2px 10px;
	background: url(images/square.gif) no-repeat 12px center;
}
.leftlink a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
	padding-left:15px;
}
/*end of left class's*/

/* start of main class's */
#main
{
	float:left;
	width:600px;
	text-align:center;
}
#title
{
	float:left;
	margin-left:10px;
	width:580px;
	padding:10px 0 10px 0;
	border:solid 2px #660099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000099;
	font-weight:bold;
	text-align:center;
}
#content
{
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:580px;
	border:solid 2px #660099;	
}
.helptext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000099;
	font-weight:normal;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:1px;
	padding-bottom:1px;
}
/*end of main class's*/

/* start of footer class's */
#footer
{
	float:left;
	width:770px;
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
}
.body_black {
font-family: Verdana;
font-size: 11px;
color: #000000;
text-decoration: none;
font-weight: normal;
}
/*end of footer class's*/
/* Form Classes */

h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #000000;
font-weight: bold;
}

h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
font-weight: normal;
}

legend {
	 padding: 0.2em 0.4em;
	 background-color: #EEE;
	 color: #000;
	 border: solid 1px #999;
}

fieldset 
{
	float:left;
	display:inline;
	padding: 4px;
	border: solid 1px #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}

form {
	/*margin-top: 20px;*/
	border: none;
}

#contact label{
float:left;
width:70px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding:5px;
}
#return label{
float:left;
width:110px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding:5px;
}
#contact input, select, textarea, .float-left {
	float: left;
	margin-right:5px;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
#return input, select, textarea 
{
	float: left;
	margin:5px 5px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

.row{
float:left;
display:inline;
width:100%;
}

.rowT{
float:left;
display:inline;
width:100%;
padding-bottom:5px;
}

#contact
{
	width:100%;
	margin-bottom:30px;
}
#return
{
	width:100%;
	margin-bottom:30px;
}
.errorCell
{
	background-color:Red;
}
#error {
	display:none;
}

/* Admin Section */

#adminpanel
{
float:right;
width:580px;
background:#FFFFFF;
padding-left:10px;
min-height:400px;
}

#admintop
{
float:left;
width:560px;
margin-bottom:10px;
padding:8px 0 0 20px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FFF;
background-color:#660099;
text-align:left;
}

#admincontent
{
float:left;
display:inline;
width:578px;
min-height:358px;
border:solid 1px #660099;
}

/* Form Styles */
legend {
	 padding: 0.2em 0.4em;
	 background-color: #990000;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color: #FFF;
	 border: solid 1px #999;
}

fieldset {
	padding: 4px;
	border: solid 1px #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}

form {
	/*margin-top: 20px;*/
	border: none;
}

#theForm
{
margin:10px;
}

#theForm label{
float:left;
width:80px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding:5px;
}
#theForm input, select, textarea, .float-left {
float: left;
margin-right:5px;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
.row{
float:left;
width:540px;
height:30px;
}
.egtext
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
padding-top:8px;
}
#error
{
display:none;
}

/******** Admin Styles *********/

#stockSelect
{
float:left;
display:inline;
width:100%;
}

.stockRow
{
float:left;
display:inline;
width:100%;
height:30px;
border-bottom:solid 1px #660099;
}

.stockRow label
{
width: 170px;
line-height:2.1em;
float: left;
font-size: 12px;
font-weight:bold;
color: #000099;
font-family: "Tahoma" , Arial, Helvetica, sans-serif;
}

.stockRow select 
{ 
 background-color: #666699; 
 color: #ffffff; 
}

#PButton input
{
float:left;
display:inline;
width:100px;
margin:6px 0 0 15px;
cursor:pointer;
border:solid 1px #FFCC00;
font-size: 12px;
color: #FFCC00;
font-family: "Tahoma" , Arial, Helvetica, sans-serif;
background:#660099;
}

#prodList
{
float:left;
display:inline;
width:100%;
}

.rowItem
{
float:left;
display:inline;
width:100%;
background:#ffff99;
border-bottom:solid 1px #fff;
border-top:solid 1px #fff;
padding:2px 0 2px 0;
}

.icode
{
float:left;
display:inline;
width:100px;
font-size: 12px;
color: #333;
font-family: "Tahoma" , Arial, Helvetica, sans-serif;
text-align:left;
}

.iname
{
float:left;
display:inline;
width:370px;
font-size: 12px;
color: #333;
font-family: "Tahoma" , Arial, Helvetica, sans-serif;
text-align:left;
}

.iname a
{
font-size: 11px;
color: #000099;
font-weight:bold;
font-family: "Tahoma" , Arial, Helvetica, sans-serif;
text-align:left;
text-decoration:none;
}

.iname a:hover
{
color: #009900;
}

.iprice
{
float:left;
display:inline;
width:100px;
font-size: 12px;
color: #333;
font-family: "Tahoma" , Arial, Helvetica, sans-serif;
text-align:left;
}

#itemList
{
float:left;
display:inline;
width:100%;
background:#FFFFCC;
}

.fullRow
{
float:left;
display:inline;
width:570px;
text-align:left;
padding:3px 0 3px 0;
}

.halfRow
{
float:left;
display:inline;
width:285px;
text-align:left;
padding:3px 0 3px 0;
}

.partRow
{
float:left;
display:inline;
width:185px;
text-align:left;
padding:3px 0 3px 0;
}

#itemList label
{
font-size: 12px;
color: #333;
font-weight:bold;
font-family: "Tahoma" , Arial, Helvetica, sans-serif;
padding:0 5px 0 5px;
}

#itemList input
{
font-size: 12px;
color: #333;
font-family: "Tahoma" , Arial, Helvetica, sans-serif;
}

#itemList textarea
{
float:right;
display:inline;
font-size: 12px;
color: #333;
font-family: "Tahoma" , Arial, Helvetica, sans-serif;
margin-top:-20px;
}

.upButt
{
float:left;
display:inline;
width:570px;
text-align:left;
padding:5px 0 10px 0;
}

.upButt input
{
float:right;
display:inline;
border:solid 1px #000;
background:none;
font-size: 13px;
font-weight:bold;
color: #333;
font-family: "Tahoma" , Arial, Helvetica, sans-serif;
cursor:pointer;
}

