/* CSS Document */

body {
background-image: url(../images/back.gif);
}

.wrapper {
	margin:0 auto;
	width:1000px;
	height:auto;
}

.leftNav {
	float:left;
	margin:20px auto 0 auto;
	width:100px;
}

.header img {
	margin:10px auto 0 auto;
}

#intro {
	text-align:left;
	font:Arial, Helvetica, sans-serif;
	padding:0 30px 0 20px;
}

.mainContent {
	float:right;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	margin:0 auto;
	width:800px;
}

.index_images {
margin:20px 0 0 10%;
padding:30px 0 0 0;
}

.prodindex {
margin:0 auto 0 auto;
padding:0;
width:550px;
font-size:24px;
}

.prodindex a{ 
text-decoration:none;}

.prodindex a:link{
color: #000066;
}

.prodindex a:visted{
color: #006633;
}

.prodindex a:hover{
text-decoration: underline;
color: #009933;
}

.prodindex a:active{
color:#FF0000;
}

#prodcat li {
list-style:none;
padding-left: 20px;
padding-bottom:10px;
background-image: url(../images/bullet_store.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
font-size:12px;
font-style:italic;
}

.productName {
margin:0;
padding:0;
font-style:italic;
font-weight:bold;
font-size:1.2em;
}

.productDesc {
font-size:.9em;}

.productPrice{
font-size:.9em;}

.itemNumber {
font-size:.5em;}

h1 {
font-style:italic;
color:#003333;}

table.main {
width:70%;
background-image:url(../images/back.gif);
background-color:#FFFFFF;
margin:20px 0 0 10%;
padding:20px 0 20px;
}

table.main th { 
margin:20px 0 0 10%;
padding:20px 0 10px 0;
}

table.shadow { 	
align: left;
margin:0;
padding:0;				
}

td.shadow-topl { width: 16px; height: 16px; background: url(../images/shadow_topl.gif) no-repeat;}
td.shadow-topr { width: 16px; height: 16px; background: url(../images/shadow_topr.gif) no-repeat;}
td.shadow-botl { width: 16px; height: 16px; background: url(../images/shadow_botl.gif) no-repeat;}
td.shadow-botr { width: 16px; height: 16px; background: url(../images/shadow_botr.gif) no-repeat;}
td.shadow-top { height: 16px; background: url(../images/shadow_top.gif) repeat-x;}
td.shadow-bot { height: 16px; background: url(../images/shadow_bottom.gif) repeat-x;}
td.shadow-l { width: 16px; background: url(../images/shadow_left.gif) repeat-y;}
td.shadow-r { width: 16px; background: url(../images/shadow_right.gif) repeat-y;}
td.shadow-center { background-color: #ffffff; border: 4px solid white;
					width:500px; }