body {
	font-family: Verdana, sans-serif; 
	margin: 0;
	padding: 0;
font-size: 80%;
background: #ced7dc;
}

#wrapper { /* holds all the page contents including header */
position: relative;
padding: 0px;
	width: 880px;
	height: 600px;
	margin: 20px;
}

#banner{
position: absolute;
	left: 0px;
	top: 0px;
	width: 880px;
	height: 130px;
	padding: 0px;
	margin: 0px;
	background: url('images/frontpage/banner.jpg');
}

#calltollfree{
position: absolute;
	left: 450px;
	top: 45px;
}
#searchbox{
position: relative;
left: 0px;
top: 520px;
	width: 195px;
	height: 150px;
	padding: 5px 0 0 30px;
	margin: 30px 0 0 0;
	background: url('images/frontpage/searchpanel.jpg') top left no-repeat;
}
.input{ background:#cce1fc;}


#leftside{ /* holds the menu & custom button */
	position: absolute; /* keeps the menus on top of everything else*/
	left: 0px;
	top: 130px;
	width: 195px;
	height: 385px;
	padding: 0px 0 0 0;
	background: url('images/frontpage/greenpanel.jpg') top left no-repeat;
	z-index: 1000;
}

#copyright{
position: absolute;
text-align: center;
margin: 0;
padding: 0;
top: 70px;
font: 10px/1.3 Verdana, sans-serif;
font-weight: bold;
color: #333333;
}

#contentwrapper{ 
position:absolute;
width: 685px;
top: 130px;
left: 195px;
}


#rightside{
position:absolute;
width: 685px;
top: 130px;
left: 195px;
padding: 0;
padding-left: 15px;
}
#listwrapper{  
position:relative;
width: 680px;
padding-top: 10px;
margin: 0;
margin-left: -15px;
background: url('images/frontpage/whitepanel_mid.jpg') top left repeat-y;
}
#listright{  
position:absolute;
width: 25px;
right: 0px;
top: 0px;
background: url('images/frontpage/white_right.jpg') top right no-repeat;
}
#listtop{  
position:absolute;
width: 680px;
height: 40px;
left: 0px;
top: 0px;
margin: 0;
padding: 0;
background: url('images/frontpage/whitepaneltop.jpg') top left no-repeat;
}
#listbot{  
position:relative;
width: 680px;
height: 40px;
left: 0px;
background: url('images/frontpage/whitepanelbot.jpg') bottom left no-repeat;
}
#productwrapper{  
position:absolute;
width: 685px;
top: 130px;
left: 195px;
padding: 0;
background: url('images/frontpage/whitepanel.jpg') top left no-repeat;
}
#productinfo{
position: relative;
margin: 15px;
}
#listinfo{
position: relative;
margin: 15px 25px 15px 25px;
font: 11px/1.2 Verdana, sans-serif;

}
#topinfo{
position: relative;
margin: 15px 15px 0px 15px;
}

div.catproduct{
float: left;
width: 145px;
height: 200px;
padding: 5px;
margin-top: 0px;
text-align:center; 
  border-color: #999999;
  border-style: solid;
  border-width: 1px;
  border-top: none;
  border-left: none;
}
.catproduct a{
margin: 0;
padding: 0 0 0 5px;
text-decoration:none; 
font-family:verdana, arial, sans-serif; 
font-size:12px; 
color:#000; 
}
.catproduct p b{
color: yellow;
}

TABLE.productInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ffffcc;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  padding: 5px;
  margin: 10px;
  width: 300px;
}

TABLE.priceInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ffffcc;
  color: red;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  padding: 5px;
  margin: 10px;
  width: 300px;
}



#buttonpanel{
margin: 0;
padding: 0;
width: 670px;
height: 370px;
	background: url('images/frontpage/purplepanel.jpg') top left no-repeat;


	text-align: center;
}
#thumbarray{
margin: 0;
padding: 0;
float: left;
left: 32px;
top: 27px;
position: relative;
width: 600px;
height: 300px;
}

div.catbtn{
float: left;
margin: 0px;
width: 100px;
height: 100px;
padding: 0px;
}
div.subproduct{
float: left;
margin: 0px;
height: 200px;
padding: 0px;
text-align: center;
}

.custom{ /* button goes inside leftside */
position: relative;
width: 91px;
height: 125px;
	left: 25px;
	padding-top: 20px;
}

div#breadCrumb{
	
	height: 20px;
	left: 0px;
	top: 0;
	margin-left: 20px;
	border: 0px;
	padding: 0px;
		font: 11px/0 Verdana, sans-serif;
		color: #000;
}
div#productInfoBox{
position: absolute;
height: 130px;
width: 500px;
left: 350px;
top: 10px;
background: url('images/infobox500.jpg')  top left no-repeat;
z-index: 1100;
}

#lowercontent{
position: relative;
margin: 0px;	
padding: 0;
background: #3399ff;
text-align: left;
}
#frontpanel{


}


div#catInfoBox{
float: right;
width: 500px;
left: 350px;
top: 10px;
padding-left: 20px;
padding-top: 20px;
margin: 0px;
background: url('images/infobox500.jpg')  top left no-repeat;
z-index: 1100;
}

div#catInfoBox p{
		font: 12px Verdana, sans-serif;
}

div#catInfoBox p:first-letter{
			font-weight: bold;	
}

div#catInfoBoxBot{
width: 500px;
height: 30px;
margin-left: -20px;
left: 0px;
top: 0px;
padding: 0px 0 0 0;
background: url('images/infobox500bot.jpg')  bottom left no-repeat;

}

.infoText{
width: 440px; 	
 }
 
.infoText p{
	font: 12px Verdana, sans-serif;
 }

#categoryList{
float: left;
}

#contactMessage{
position: absolute;
margin-top: 20px;
	width: 700px;
	height: 400px;
padding: 50px;
		font: 12px Verdana, sans-serif;
		font-weight: bold;
	z-index: 150;
	background: #3399ff;
	opacity: .9;
	visibility: hidden;
}
#imageHolder{
margin-top: 0px;
margin-left: -50px;
margin-bottom: 0px;
	width: 800px;
padding: 0px;
	z-index: 100;
}
#imageCover{
position: absolute;
margin: 0;
padding: 0;
top: 0;
left: 0;
width: 800px;
height:400px;
z-index: 500;
color: #fff;
background: #3399ff;
opacity: .7;
}
#imageCover a{color: #66ffcc;}


div.prodThumb{
float: left;
left: 0;
top: 0;
width: 55px;
height: 55px;
background: url('images/thumbnailShadow.jpg') top left no-repeat;
}
div.subcat{
float: left;
margin-top: 0px;
width: 85px;
height: 150px;
padding: 0px;
text-align: center;
}

#footerbar{
float: left;
		left: 0px;
		width: 800px;
		margin-top: 20px;
	height: 25px;		
	padding: 3px 0 0 0px;	
	border: 0px;
	background:  url('images/bluebtn3.png') repeat-x left top;
	z-index: 5000;
	}	
	#footerbar p{
		text-align: center; 		
		font: 10px/1.0 Verdana, sans-serif;
	font-weight: bold;	
	color: #660099;
	}

#content a{
 	color: blue;
		font: 11px Verdana, sans-serif;
}

div#lowercontent a {display: inline; text-align: left; font: bold 1em sans-serif; 
   padding: 2px; margin: 0 0 1px; border-width: 0;  
   text-decoration: none; color: #000; width: 200px; /* width 200px for Explorer bug */
   }
div#lowercontent a:hover {color: red;  border: none;} /* border none for Explorer 6 bug */

div#lowercontent a span {display: none;}

div#lowercontent a:hover span {display: block;
   position: absolute; 
   width: 300px;
   padding: 5px; z-index: 100;
   font: 12px Verdana, sans-serif; text-align: left;
   text-decoration: none;
   color: black;
   background: #99ccff;
   }
  
.infoBoxNarrow p{
	padding: 0px 20px 0px 20px;
font: 10px Verdana, sans-serif;
 }

.infoBoxWide p:first-letter{
	font-weight: bold;	
	font-size: 100%;
}

div#lowercontent  ul{
list-style-type:none;
}

div#lowercontent ul ul{
position: absolute;
list-style-type:none;
left: 0px;
top: 0px;
width: 700px;
height: 500px;
font: 14px Verdana, sans-serif;
font-weight: bold;
padding: 50px;
visibility: hidden;
}
/* make the second level visible when hover on first level list OR link */
div#lowercontent ul li:hover ul,
div#lowercontent ul a:hover ul {
visibility:visible;
}

div.clearfloats {clear: both;}



table {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  width: 500px;
  border-color: #000000;
  border-style: solid;
  border-width: 0px;
  padding: 3px;
  border-collapse: separate;
 }

table.fixedWidth { table-layout: fixed; }
table.autoWidth { table-layout: auto; }
table.autoWidth td{
padding: 1px;
text-align: left;
}
td.title{
font-weight: bold;
text-align: left;
border-bottom: 1px dashed gray;
width: 100px;
}

div.clear {clear: both;}

TABLE.products_list {
width: 800px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  border-style: solid;
  border-width: 0px;
  padding: 5px;
}
TABLE.general_info {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000;
  border-color: #000000;
  border-style: solid;
  border-width: 0px;
  padding: 0px;
}
TABLE.subcategories_list {
  color: black;
  border-width: 0px;
  padding: 5px;
  width: 500px;
}

.price { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: red; font-weight: bold; line-height: 100%}