/*

This is the CSS file to make the design pretty. You can find
the sticky footer required CSS at the following URL:

http://ryanfait.com/sticky-footer/layout.css

*/

body{
 font:80%/1.3 Arial,sans-serif;
}
h1{
 margin:0;
 padding:1em;
 font-size:1.5em;
 font-weight:bold;
}
h1 span{
 font-size:.667em;
}
h2{
 margin:0;
 padding:1em 1.25em;
 font-size:1.2em;
 font-weight:bold;
}
h3{
 margin:0;
 padding:1em 1.5em;
 font-size:1em;
 font-weight:bold;
}

p{
 margin:0;
 padding:.5em 1.5em;
}
div#header{
   background:#FFF url("images/bg.jpg") repeat-x left top;
 color:black;
}
div#left-sidebar{
 background: url(images/vertline.jpg) repeat-y top right;
 color:#000;
}

	#left-sidebar dl {
		width: 220px;
		margin: 0 0 20px 3px;
		padding: 0;

		}

	#left-sidebar dt {
		margin: 0 0 10px 0;
		padding: 3px;
		font-weight:bold;
		font-size: 110%;
		color: #777;

		}
	
	#left-sidebar dd {
		margin: 0 0 0 28px;
		padding: 0 3px 2px 9px;
		color: #444;
		background: url(images/arrow.gif) no-repeat 0 3px;
		}


div#right-sidebar{
 background:green;
 color:black;
}
div#footer{
 background:olive;
 color:black;
}


#featured {
border-top:1px dotted #999;
text-align:left;
}

.cartinfo {
	width:160px;
	text-align:center;
	margin:auto;
	padding:9px;
}


.footer {
border-top:1px dotted #999;
text-align:center;
	padding:9px;
	MARGIN-TOP:39PX;

}







/*

input {background-color:#DDD;font-size:10px;color:#000;}



.pagewrapper {
	width:800px;
	margin:0 0 -4em 0px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
		background:#FFF url("images/bg.jpg") repeat-x left top;
}

#infobar {
	width:800px;
	text-align:center;
	padding:4px;
	border-bottom:1px solid #666;
}	


#maincontentwrapper {
		position:absolute;
		top:139px;
		width:800px;
		padding:14px 0 0 0 ;
		background:#FFF;
}

#maincontent {
		position:absolute;
		left:245px;
		width:545px;
		padding:16px;
}

#navleftwrapper {
		width:240px;;
		float:left;
		padding:0px;
		background: url(images/vertline.jpg) repeat-y top right;
		color:#777;
}

#featured {
width:100%;
position:relative;
top:20px;;
text-align:center;
}

.footer, .push {
height: 4em; /* .push must be the same height as .footer */

}

	#navleftwrapper dl {
		width: 230px;
		margin: 0 0 20px 4px;
		padding: 0;

		}

	#navleftwrapper dt {
		margin: 0 0 10px 0;
		padding: 3px;
		font-weight:bold;
		font-size: 110%;
		color: #777;

		}
	
	#navleftwrapper dd {
		margin: 0 0 0 28px;
		padding: 0 3px 2px 10px;
		color: #444;
		background: url(images/arrow.gif) no-repeat 0 3px;
		}
		


*/