@import url("type.css");	
@import url("leftnav.css");	

/*
	Original bare bones css code created by Keith Donegan of Code-Sucks.com
	http://www.code-sucks.com  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 color: #333333;
 font-size: 74%;
 background-color: #ffc75a;
}

#wrapper { 
 margin: 0 auto;
 width: 920px;
}

#top_navigation {
 float: left;
 width: 895px;
 color: #fff;
 padding: 3px 15px 0 10px;
 height: 20px;
 margin: 0px;
  background: #663300 url(../images/shop/template/topstrip.jpg) no-repeat center bottom;
}

#top_navigation a {
 color: #fff;
}

#top_navigation span.left {
	float: left;
	text-align: left;
	width: 50%;
	margin: 0;
	padding: 0;
}

#top_navigation span.right {
	float: right;
	text-align: right;
	width: 49%;
	margin: 0;
	padding: 0;
}

#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 0px 10px 0px 10px;
 height: 60px;
 margin: 0;
  background: #663300 url(../images/shop/template/logo.jpg) no-repeat center top;

}
#navigation {
 float: left;
 width: 895px;
 color: #333;
 padding: 0px 15px 0px 10px;
 height: 40px;
 margin: 0px 0px 0px 0px;
  background: #663300 url(../images/shop/template/logo2.jpg) no-repeat center top;
  text-align: right;
}

#leftcolumn { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px 10px 10px 10px;
 	/*min-height hack*/
	min-height: 350px;
	height: auto;
	_height: 350px;
 width: 230px;
 float: left;
  background: #ffc75a url(../images/shop/template/content_bg.jpg) repeat-x left top;
}

#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 15px 7px 10px 5px;
	/*min-height hack*/
	min-height: 350px;
	height: auto;
	_height: 350px;
 width: 650px;
 display: inline;
  background: #ffc75a url(../images/shop/template/content_bg.jpg) repeat-x left top;
}

#scroller { 
 width: 920px;
 clear: both;
 color: #fff;
 margin: 0px;
 padding: 0px 10px;
}

#footer { 
 width: 920px;
 clear: both;
 color: #fff;
 background: #000 url(../images/shop/template/footer.jpg) no-repeat center top;
 margin: 0px 0px 10px 0px;
 padding: 130px 10px 10px 10px;
 height: 280px;
 text-align: center;
}



/*table stuff*/
table td {
	padding: 3px;
}

TABLE.RecordsTable {
	border: 1px outset #000000;
	background-color: #FFFFFF;
	font-size: 12px;
	margin: 0;
}

.RecordsTableHeader {
	background-color: #4f2805;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: #4f2805 1px solid;
	white-space: nowrap;
	padding: 8px;
}

.Record {
	padding: 5px;
	background-color: #FFF;
	Border-Bottom: #632404 1px outset;
}

.MenuTable {
	border: 1px outset #000000;
	background-color: #FFFFFF;
	font-size: 12px;
	margin: 0;
}

TABLE.RecordsTable td, TABLE.MenuTable td {
	padding: 6px;
}

.FooterTable {
	background-color: #003D00;
	font-weight: none;
	color: #FFFFFF;
	border: 1px outset #000000;
	white-space: nowrap;
}

.ErrorTable {
    width: 100%;
	padding: 10px;
	background-color: #FFFFEE;
	font-weight: none;
	border: 3px solid #CC3300;
	font-size: 14px;
	color: #FF0000;
}


/*mini table stuff*/
TABLE.RecordsTable_mini {
	border: 1px solid #000;
	background-color: #ffcc66;
	font-size: 10px;
	margin: 0;
}

TABLE.RecordsTable_mini .RecordsTableHeader{
	background-color: #4f2805;
	color: #FFFFFF;
	padding: 2px;
}

TABLE.RecordsTable_mini .Record {
	padding: 3px;
	background-color: #fff;
	Border-Bottom: #000 1px solid;
}

TABLE.RecordsTable_mini td{
	padding: 5px 3px;
}


#breadcrumbs {
	display: block;
	width: auto;
	background-color: #951b00;
	background-image: url(../images/shop/template/breadcrumbs_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	color: #ffc75a;
	margin: 0;
	padding: 10px;
	font-family: "Trebuchet MS", sans-serif, "Geneva CE";
 	/*min-height hack*/
	min-height: 30px;
	height: auto;
	_height: 30px;
	line-height: 30px;
}

#breadcrumbs, #breadcrumbs a {
	color: #ffc75a;
}

#breadcrumbs span.left {
	float: left;
	text-align: left;
	width: 80%;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 140%;
}

#breadcrumbs span.right {
	float: right;
	text-align: right;
	width: 19%;
	margin: 0;
	padding: 0;
}

.whitelinks a {
color: #FFF;
}

.whitelinks a:hover {
text-decoration: none;
}

.smaller {
font-size: 60%;
}

.product_container {
background-color: #FFF;
padding: 10px;
}

.product_heading {
font-family: "Trebuchet MS", sans-serif, "Geneva CE";
margin-bottom: 20px;
padding: 0;
display: block;
width: auto;
/*min-height hack*/
min-height: 30px;
height: auto;
_height: 30px;
line-height: 30px;
}

.product_heading span.left {
	float: left;
	text-align: left;
	width: 65%;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 250%;
}

.product_heading span.right {
	float: right;
	text-align: right;
	width: 34%;
	margin: 0;
	padding: 0;
	font-size: 150%;
}

.product span.left {
	float: left;
	text-align: left;
	width: 200px;
	margin: 0;
	padding: 0;
}

.product span.right {
	float: right;
	text-align: left;
	margin: 0;
	padding: 0;
}

.product .clear {
clear: both;
height: 1px;
}

.box {
display: block;
padding: 10px;
margin: 10px 0;
background-color: #ffff33;
border: 3px solid #993300;
text-align: center;
font-size: 150%;
}

img.floatright {
float: right;
margin: 0 0 20px 20px;
}

#content {
padding: 10px 10px 30px 10px;
background-color: #4e2400;
}

#content, #content a {
color: #FFF;
}

#content strong {
color: #FFCC66;
}

#content .box {
display: block;
padding: 10px;
margin: 20px 10px 20px 0;
background-color: #ffffCC;
text-align: center;
font-size: 120%;
color: #663300;
border: 0;
text-align: left;
}

span.larger {
font-size: 120%;
}


.raku_process {
display: block;
width: auto;
 	/*min-height hack*/
	min-height: 120px;
	height: auto;
	_height: 120px;
border-top: 1px solid #FFF000;
padding: 10px 0;
}

.raku_process .heading {
color: #FFCC66;
font-size: 120%;
}

.raku_process .caption {
font-size: 90%;
float:right;
clear: both;
margin: -10px 0 15px 0;
}

.redtext {
color: #FF0000;
}

.highlight {
color: #009900;
font-weight: bold;
}