/* CSS Document */

html { min-height: 100%; margin-bottom: 1px; }

body, div, img, form, table, tbody, tfoot, thead, tr, td, h1, h2, h3, h4, h5, h6, {
	margin: 0px;
	padding: 0px;
	border:0px none;
}
.clearing {
	clear:both;
}

body {
	min-width: 770px;
	font-size: 100.01%;
	text-align: center;
	margin: 0;
	background-color: #422922;
}

#wrapper {
     width: 765px; 
     margin: 0 auto;
     text-align: left;
	 position: relative;
	 background-color: #5C3A32;
}
#header {
	width: 765px;
	height: 250px;
	background-repeat: no-repeat;
	background-image: url(images/top_r1_c1.gif);
	font-size: 10px;
	color: #CCCCCC;
}
#mainmenu {
	width: 400px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFCC00;
	font-size: 12px;
	margin-top: 27px;
	margin-left: 3px;
}
#mainmenu ul {margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
#mainmenu ul li {
	display: inline;/*sets the list to display inline*/
	padding: 10px;/*2px 4px 2px 2px; sets the padding values*/
	margin: 0;/*zeroes off the margins */
	width: 10px;
}
#shopmenu {
	width: 320px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-right: 15px;
	background-image: url(images/top_r2_c5.gif);
	padding-top: 8px;
	padding-bottom: 8px;
}
#shopmenu ul {margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}
#shopmenu ul li {
display: inline;
	margin: 0;
	padding: 0 5px 0 5px;
}
#shopmenu a {
	color: #FFFFFF;
	text-decoration: none;
}
#shopmenu a:hover {
	color: #FFCC00;
	text-decoration: none;
}



#content {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 765px;
}
#leftpanel {
	background-image: url(images/leftpanel.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 264px;
	height: 95px;
	font-size: .8em;
	color: #CCCCCC;
}

#leftpanel h4 {
	font-size: 10px;
	font-weight: bold;
	color: #FF9933;
	height: 15px;
	margin-left: 10px;
}

#leftpanel p {
	font-size: 9px;
	font-weight: normal;
	clear: both;
}

#midpanel {
	width: 264px;
	background-image: url(images/midpanel.jpg);
	background-repeat: no-repeat;
	height: 290px;
	text-align: center;
	background-position: top;
}

#innermidpanel {
	width: 225px;
	text-align: left;
	font-size: 0.6em;
	color: #CCCCCC;
	position: inherit;
	margin: 0px auto;
	padding-left: 10px;
	padding-top: 5px;
}
#innermidpanel h4 {
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
	text-align: center;
	height: 15px;
}

#innermidpanel p {
	text-align: left;
}

#rightpanel {
	width: 220px;
	height: 144px;
	background-image: url(images/rightpanel.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 0.6em;
	color: #CCCCCC;
}
#rightpanel p {
	font-size: 9px;
	font-weight: normal;
}

#rightpanel h4 {
	color: #CCCCCC;
	font-size: 10px;
	margin-left: 10px;
	padding-top: 5px;
	height: 15px;
}

#footer {
	background-image: url(store/templates/images/footer.gif);
	width: 765px;
	position: relative;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #5C3A32;
	color: #CCCCCC;
	line-height: 1em;
	text-align: center;
}
#footer ul {margin: 0;
	padding: 6px;
	list-style: none;
	text-align: center;
}
#footer ul li {
display: inline;
	margin: 0;
	padding: 6;
}
#footer ul li a {
	font-size: 9px;
	text-decoration: none;
	color: #CCCCCC;
}
#footer ul li a:hover {
	color: #FF9900;
}
.sectiontitle {
	font-weight: bold;
}
/* Add this class to an image to float it left and wrap text around it. Add a value for the margin in place of the X. */
.fltlft {
	margin-left: 8px;
	float: left;
	margin-right: 5px;
}

/*cart styles */

#categoryGrid {width: 765px; text-align: center;}

#categoryGrid h2 {margin-bottom: 15px;
}

#categoryDescription {color: white;
font-size: 12px;
padding: 3px 10px 3px 10px;
}

.description {color: white;
}

#productGrid .content-odd2 {
text-align: center;
margin: 0px auto;
}

#productGrid .content-even2 {
text-align: center;
margin: 0px auto;
}

#productGrid h2 {margin-bottom: 15px;
font-size: 14px;
color: white;
}

#pageNote { color: red;
font-size: 12px;
}
#productGrid .details .sprice {
color: red;
}
#categoryDescription p {margin: 5px;
                        color: #FFFFFF;}
						
#topOptions .display {
color: #FF9900;
}
						
.body {margin-bottom: 10px;
color: #ffffff;
line-height: 1em;
}

#productPhotos {padding-bottom: 15px;}

#viewCart {font-size: 12px;
color: white;
}

#cartItems {
margin-top: 20px;
}

.list { color: red;
}

#searchForm {
color: white;
font-size: 12px;
}
#searchForm h2 {
margin-bottom: 20px;
}